Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20200909_Shifter_オンラインミートアップ - LT

KUSOKAMAYAROU
September 09, 2020

20200909_Shifter_オンラインミートアップ - LT

20200909_Shifter_オンラインミートアップ - LT

KUSOKAMAYAROU

September 09, 2020
Tweet

More Decks by KUSOKAMAYAROU

Other Decks in Business

Transcript

  1. ͦͷ WordPress ͪΐͬͱ Shifter ʹ Ҡߦͯ͠Έ·ͤΜ͔ ʁ [9/9 Zoom։࠵] Shifter

    ΦϯϥΠϯϛʔτΞοϓ “Shifter Headless ͱ Algolia ׆༻ज़ʂ” גࣜձࣾ ݱ৔αϙʔτ ্佂 ޾େ 2020.09.09  օ͞Μɺ ౤ߘΛ͓ئ͍͠·̇͢ +1@(FU4IJGUFS
  2. ࣗݾ঺հ • ্佂 ޾େ (řŚŜŵ ŻŝűƁ) ※ handle : kusokamayarou

    • 42ࡀ (1978.01.14 ੜ) • ग़਎ / ॴࡏɿࣛࣇౡݝປ࡚ࢢ • 2012೥ʹ౦ژ͔Β̪λʔϯͰݱ৬ɻ • ΠϯϑϥΤϯδχΞ (AWS)ɺϞόΠϧΤϯδχΞ (iOS)ɹ˞ϑϧελοΫʁ • JAWS-UG ࣛࣇౡ ίΞϝϯόʔɺςϨϫʔΫɺෳۀɻ • ޷͖ͳ͜ͱɿՈ଒ɾԹઘɾອըΛಡΉ͜ͱɾྉཧͳͲɹ˞࠷ۙɺDQλΫτ 
  3. ໨࣍ 1. Shifter ͱͷɺग़⁊͍… 2. Shifter ͬͯɺԿͳͷ… 3. Shifter ͱͷɺࠓͷؔ܎ੑ…

    4. Shifter ͱͷɺ͜Ε·Ͱ… 5. Shifter ͱͷɺ͜Ε͔Β…✨ 6. ·ͱΊ 
  4. 2017೥ ʮAMIMOTO AMI ͱͷग़⁊͍ʯ  • 2017.07 : AMIMOTO AMI

    ͱͷग़⁊͍ɺͦͯ͠ DigitalCube ͷ͜ͱΛ஌Δ • AMIMOTO AMI Λ࢖ͬͯɺWordPress Λ্ཱͪ͛ͯɺ઀ଓઌΛ RDS ʹมߋͯ͠ΈΔ - Qiita
  5. 2018೥ ʮShifter ͱͷग़⁊͍ʯ  • 2018.10 : JAWS FESTA 2018

    OSAKA ͷϒʔεͰɺShifter ͱग़⁊͏ • JAWS FESTA 2018 OSAKA ʹࢀՃ͖ͯ͠·ͨ͠!! - ࣛࣇౡࢢͷاۀʹۈΊͯɺປ࡚ͰςϨ ϫʔΫͯ͠Δ IT ΤϯδχΞͬΆ͍ਓͷϒϩά • JAWS FESTA 2018 OSAKA ࠙਌ձ Ͱɺ੺௩ ੣ೋ ͞Μͱ͓࿩ͯ͠ɺFacebook Ͱܨ͕Δɻ • ͔֬ɺ ҏ౻ തඒ ͞Μ΋ɺձ৔Ͱݟ͔͚ͨؾ͕͢Δ…ɻ
  6. 2020೥ ʮͱΓ͋͑ͣɺҿΉʂʯ  • 2020.01 : ΏΔ΍͔ͳ߹ಉ Web ษڧձ @

    ࣛࣇౡ ͰɺShifter Ҡߦ͠Α͏ͱܾΊΔʂʂʂ • DigitalCube ͷ খլ ߒ௨ ͞Μɾ੢ଜ भฏ ͞Μ ͱҿΉɻϝνϟΫνϟָ͔ͬͨ̇̇̇͠ • ੢ଜ भฏ ͞Μ͕ɺKagoshima WordPress Meetup ͷ ੢ଜ भฏ ͞ΜͱॳΊͯ஌Δʂ • ΏΔ΍͔ͳ߹ಉ Web ษڧձͰɺShifter ʹग़ձ͓͏ !!! - ࣛࣇౡࢢͷاۀʹۈΊͯɺປ࡚Ͱ ςϨϫʔΫͯ͠Δ IT ΤϯδχΞͬΆ͍ਓͷϒϩά
  7. Shifter : The static site generator for WordPress.  •

    Shifter: The static site generator for WordPress. • ʮ੩తαΠτδΣωϨʔλʔʯʹ͍ͭͯ໢ཏతʹઆ໌͠·͢ | Dyno 4IJGUFSΛ࢖༻͢Δͱɺ8PSE1SFTT αΠτΛ਺෼Ͱ࡞੒·ͨ͸ҠߦͰ͖·͢ɻ͜Ε ͸ɺεέʔϥϒϧͰɺ߈ܸ͔Β΋҆શͰɺˋ੩ తԽ͞Ε͓ͯΓɺηΩϡϦςΟରࡦ΍Ωϟο γϡϓϥάΠϯ͕ෆཁͰ͢ɻ
  8. ※ ࢲͷೝࣝ (ͪΐͬͱෆ͚҆ͩͲ…)  • WordPressɹ˞ ϒϩά͔Βେن໛αΠτ·Ͱ࡞ΕΔ CMS | WordPress.org

    ೔ຊޠ • → ࠓӡ༻தͷ WordPress ΋࢖͑ΔΑ̇ • Jamstackɹ˞ Jamstack | JavaScript, APIs, and Markup • ʮࣄલʹੜ੒ͨ͠ϑΝΠϧΛ CDN ͔Β௚઀ఏڙ͢ΔܗͰಈ͘ɺߴ଎ͰηΩϡΞͳαΠτ΍ ΞϓϦͷ͜ͱɻ΢ΣϒαʔόʔΛ؅ཧͨ͠Γ࣮ߦͨ͠Γ͢Δඞཁ͸ແ͍ɻʯ • ʹ CDN (Content Delivery Network ) + SSG (Static Site Generator) ??? • → ಈతͳϖʔδ (ݕࡧϖʔδɺ໰͍߹ΘͤϑΥʔϜɺ༧໿ϑΥʔϜͳͲ) ͸ɺͦͷ··Ͱ͸ ࢖͑ͳ͍…ɻ • Serverless • → αʔόʔͷӡ༻؅ཧ͸ɺඞཁແ͍ʂ • → ٯʹɺαʔόʔ͋Γ͖ͷϓϥάΠϯ΍ϓϩάϥϜ͸ɺਖ਼ৗʹಈ࡞͠ͳ͍…ɻ
  9. ʼ Shifter ΁ͷҠߦͷঢ়گ  • ϓϩδΣΫτ։࢝͸ɺ2020/03 Ͱɺݱࡏਐߦத…ɻ • Ҡߦ͢ΔαΠτ਺͸ɺ6 αΠτͰɺطʹ

    5 αΠτҠߦࡁɻ • શͯͷαΠτͷҠߦͷऴྃ͸ɺ2020.10 Λ༧ఆɻ • Shifter ͷҠߦʹབྷΜͰɺ͜Ε·Ͱ Qiita ʹ 10 ຊ΄ͲهࣄΛ౤ߘɻ • kusokamayarou - Qiita • Shifter αϙʔτ΁ͷ໰͍߹Θͤ͸ɺ20݅ఔɻ ※͍ͭ΋͋Γ͕ͱ͏͍͟͝·͢ʂ • ໰͍߹Θͤ಺༰͸ɺग़དྷΔ͚ͩ Qiita ʹ౤ߘ͠Α͏͔ͳͱࢥ͍ͬͯ·͢ɻ • ςʔϚΛߋ৽͢Δͱ wp-content/themes ഑ԼͷςʔϚͷϧʔτϑΥϧμ໊͕มߋ͞ΕΔɻ · Issue #12 · getshifter/shifter-github • Shifter Meetup ʹ͸ɺ݄͔̐Β΄΅ຖ݄ͷϖʔεͰɺ̐ճࢀՃɻ • JP_GetShifterʛEventRegistʢΠϕϯτϨδετʣ
  10. ʼ ݕࡧϖʔδ : Algolia  • Algolia ͷ InstantSearch.js Λ࢖ͬͯɺWordPress

    ͷݻఆϖʔδ (ςϯϓϨʔτ) Ͱɺ౤ߘͷݕ ࡧϖʔδΛ࡞੒͢Δɻ - Qiita • ͓໾ཱͪ - 1෼ͰεςοϓΞοϓͰ͖Δݱ৔͓໾ཱͪϒϩά - | ݱ৔Ϋϥ΢υ Conne ʢίϯωʣ
  11. ʼ ༧໿ϑΥʔϜ : YouCanBook.me  • ※ Qiite هࣄ͸ɺࣥචத… •

    σϞϯετϨʔγϣϯͷ͓ਃࠐΈ | ݱ৔Ϋϥ΢υ Conne ʢίϯωʣ
  12. ※ ༧໿ϑΥʔϜʹؔͯ͠  • SuperSaaS : ւ֎αʔϏεɺAPI༗Γɺ¥750/MɺػೳগͳΊ • Bookafy :

    ւ֎αʔϏεɺAPI༗Γɺ$9.0/MɺGoogle࿈ܞɺzoom࿈ܞ • YouCanBook.me : ւ֎αʔϏεɺAPI༗Γɺ$10.0/MɺGoogle࿈ܞ(ڧ੍)ɺŸŖſػೳ๛෋ • Coubic : ࠃ಺αʔϏεɺ¥4,980/MɺGoogle࿈ܞɺػೳ͕ଟա͗ͯͪΐͬͱ… • AirRESERVED : ࠃ಺αʔϏεɺ¥5,000/Mɺళฮ޲͚ɺػೳ͕ଟա͗ͯͪΐͬͱ… • SELECTTYPE : ࠃ಺αʔϏεɺ¥1,500/Mɺళฮ޲͚ɺػೳ͕ŸŧŒŞŧŒଟա͗ͯͪΐͬͱ… • ༧໿ϑΥʔϜͷར༻ͱͯ͠͸ɺւ֎αʔϏεͷํ͕ͪΐ͏Ͳྑ͍͔ͳɻ • ࠃ಺αʔϏεͷํ͸ɺళฮͷ΢ΣϒαΠτ޲͚ͳͲɺෆཁͳػೳ΋ଟ͘ɺ࢖͍ͮΒ͞΋…ɻ· ͨɺͦͷ෼ɺྉۚ΋ׂߴؾຯ…ɻ • ༧໿ϑΥʔϜͰͷར༻ͱͯ͠͸ɺBookafy, YouCanBook.me ͋ͨΓ͕ͪΐ͏Ͳྑ͍͔ͳɻͨ ͩɺ೔ຊޠରԠͱ͔ͷ໰୊΋͋Δ͔΋͠Εͳ͍ͷͰɺࣄલʹ֬ೝΛʂ
  13. ʼ ໰͍߹ΘͤϑΥʔϜ : ɹKwes formɺSATORI  • WordPress αΠτͰɺMW WP

    Form Ͱ࡞੒ͨ͠໰͍߹ΘͤϑΥʔϜΛɺݻఆϖʔδ & Kwes Forms ΁Ҡߦͯ͠ΈΔɻ - Qiita
  14. ※ ໰͍߹ΘͤϑΥʔϜʹؔͯ͠  • WordPress Λ Shifter ΁Ҡߦ͢Δʹ͋ͨͬͯɺϑΥʔϜαʔϏεΛ৭ʑௐ΂ͯΈͨɻ - Qiita

    • Zapier Λհͯ͠ɺKwes Forms ͷ໰͍߹ΘͤΛɺkintone ΞϓϦ΁ Post ͯ͠ΈΔ - Qiita • Zapier ͰɺJSON ͷϦετจࣈྻΛม׵ͯ͠ɺkintone ͷνΣοΫϘοΫε߲໨ʹΠϯϙʔτ ͢Δ - Qiita
  15. ※ ϓϥάΠϯ ΍ ؀ڥपΓ ͳͲ  • ϓϥάΠϯʹ͍ͭͯ • Force

    disabled plugins | Shifter Documentation • CloudFront ద༻ࡁΈͷ WordPress αΠτΛɺShifter ΁Ҡߦ͢Δɻ - Qiita • Jetpack by WordPress.com ʹ͸ɺ݁ߏखؒऔΓ·ͨ͠…ɻ • WordPress ςʔϚͷ؅ཧʹ͍ͭͯ • Shifter Github Plugin/Theme Installer Λ࢖ͬͯࣗ࡞ςʔϚɾϓϥάΠϯΛΞοϓσʔτ ͠Α͏ #JP_Getshifter | Gatespace's Blog • Shifter Ҡߦޙͷ WordPress ςʔϚͷ GitHub Λ࢖ͬͨϦϦʔε؅ཧͱͦͷద༻ʹ͍ͭͯࢼ ͯ͠Έͨɻ - Qiita • ։ൃɾݕূ؀ڥʹ͍ͭͯ • Local | Local WordPress development made simple • LocalbyFlywheel Λ࢖ͬͯɺϩʔΧϧʹ WordPress ͷ։ൃɾݕূ؀ڥΛͪΐͬͺ΍Ͱߏங ͢Δɻ - Qiita
  16. ※ Shifter ΁ͷҠߦͷϙΠϯτ  • WordPressαΠτΛShifterʹҠߦ͢Δ࣌ͷϙΠϯτ #JP_Getshifter | Gatespace's Blog

    • CloudFront ద༻ࡁΈͷ WordPress αΠτΛɺShifter ΁Ҡߦ͢Δɻ - Qiita • Ҡߦͷखॱ͸ɺҰ౓΍Ε͹ಉ͡खॱͰग़དྷΔͷͰɺ·ͣ͸ςεταΠτΛҰ౓Ҡߦͯ͠ΈΑ͏ʂಛ ʹɺυϝΠϯབྷΈͷઃఆ͸ɺඇৗʹΘ͔ΓͮΒ͍ͷͰɺཁ஫ҙʂ • ҠߦޙͷݕূͰ͸ɺඞཁͳϒϥ΢βͰϨΠΞ΢τ΍ಈ࡞ͷݕূΛ͓ͯ͜͠͏ʂ͜Ε·Ͱ໰୊ͳ ͔ͬͨͷʹɺજࡏతͳෆ۩߹͕ݟ͔ͭΔ͜ͱ΋ɻಛʹɺIE ͸ཁ஫ҙʂ • αΠτʹΑͬͯ͸ɺShifter ΁Ҡߦ͠ͳ͍͜ͱ΋Ұͭͷબ୒ࢶɻ • ಈతͳϖʔδ (ݕࡧϖʔδɺ໰͍߹ΘͤϑΥʔϜɺ༧໿ϑΥʔϜͳͲ) ͕ଟ͍΄ͲɺࣄલʹϖʔδΛ੩ తԽ͢ΔରԠ͕ඞཁͱͳΔͷͰɺҠߦ޻਺͸͔͞Ή…ɻ • ֤छαʔϏεͷબఆʹ͓͍ͯɺҠߦ͢ΔWebαΠτͰͷඞਢͷཁ݅ͳͲΛ֬ೝ͠Α͏ʂ • ※ Shifter DocumentationɺBlog | ShifterɺShifter Advent Calendar 2019 - QiitaɺShifter - Qiita • ※ Shifter αϙʔτɺShifter Partner Networkɹ˞ ࠷ѱɺࢲ ( kusokamayarou ) Ͱ΋…
  17. ʼWebαΠτͷ໨త΍໾ׂ ※ࢲ͕ࢥ͏  • Web αΠτͷத৺ʹ͋Δ΋ͷͱͯ͠͸ɺاۀɾ૊৫ɾݸਓɾαʔϏεɾϓϩμΫτɾΠϕϯ τɾΩϟϯϖʔϯͳͲ༷ʑͳ༁ͳΜͰ͕͢… • ͨͩɺWeb αΠτͷ໾ׂͬͯͳΔͱɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳί

    ϯςϯπఏڙΛߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔ ΞΫγϣϯ΁༠͏͜ͱʹ͋Δͷ͔ͳɺͱࢥ͏ΜͰ͢… • ͳͷͰɺWeb αΠτͷ෢ث͸ίϯςϯπͰ͋ΓɺͦͷίϯςϯπΛߟ͑ɺੜΈग़͠ɺѻ͏ Web σΟϨΫλʔ ΍ Web σβΠφʔɺϥΠλʔɺϚʔέςΟϯά෦໳ͱ͔͕ɺWeb αΠτͷओ໾ ͩͱɺࢲ͸ߟ͍͑ͯͨΓ͢Δ༁Ͱ͢… • ͿͬͪΌ͚ɺϑΝογϣϯࡶࢽΛݟͯɺʮ͜ͷࢴ࣭͘͢͝ྑ͍Ͷʯͱ͔ɺʮ͜ͷ૷ஸੌ֨͘޷ ྑ͍Ͷʯͱ͔ɺݴΘΕͯ΋ɺʮ͍΍ɺͦ͏͍͏ͷྑ͍͔Β༸෰ݟͯɺങͬͯͶɻʯͬͯײ͡Ͱɺ Web ΤϯδχΞ ͬͯɺWeb αΠτʹ͓͍ͯ͸ɺ͋͘·Ͱཪํ΍౔୆Ͱ͔͠ͳ͍ͷ͔ͳɺͱ… • ΋ͪΖΜཪํ΍౔୆͕Ͳ͏ʹ͔ͳͬͯ͠·͏ͱɺͦΕʹ৐͔͍ͬͬͯΔ΋ͷ͕શ͕ͯͲ͏ʹ͔ ͳͬͯ͠·͏ͷͰ…ɺඇৗʹॏཁͰ͋Δ͜ͱ͸ɺ͍ٙΑ͏΋ͳ͍༁Ͱ͕͢… • ͨͩɺଟ͘ΛੜΈग़ͣ͞Ԇʑͱଓ͘࡞ۀʹɺඇৗʹ༗༻ͳΤϯδχΞϦιʔε͕࢖ΘΕͯ͠·͏ ͷ͸ɺܦӦ΍Ϛωδϝϯτతʹɺ·ͨͦ͜Ͱಇ͘ Web ΤϯδχΞࣗ਎ʹͱͬͯɺՌͨͯ͠ྑ͍ ͜ͱͳͷ͔ʁɹͱ͍͏͜ͱ΋͋Δ͔ͳɺͱ…
  18. ʼShifter ͷҙຯͱҙٛͱظ଴ ※ࢲ͕ࢥ͏  • ͦ͏͍͏ҙຯͰɺࢲ͸ɺShifter ͸ WordPress Λ࢖ͬͨ Web

    αΠτΛɺWeb ΤϯδχΞͷख͔ Β཭͠ɺओ໾ͱͳΔ Web σΟϨΫλʔ ΍ Web σβΠφʔɺϥΠλʔɺϚʔέςΟϯά෦໳ͷ खʹड͚౉͢ɺඇৗʹૉ੖Β͍͠αʔϏεͩͱࢥ͍ͬͯ·͢ɻ • ಛʹɺݱঢ়ಈ͍͍ͯΔ WordPress ͷ Web αΠτΛগͳ͍޻਺ͰɺҠߦग़དྷΔͷ͸ɺඇৗʹྑ ͍ͳ͊ɺͱࢥ͍·͢ɻ • Ͱ͢ͷͰɺݱࡏ WordPress Λӡ༻͍ͯ͠Δํɺ·ͨɺ͜Ε͔Β WordPress αΠτΛ্ཱͪ͛Α ͏ͱߟ͍͑ͯΔํ͸ɺShifter ΛୈҰީิʹߟ͑ͯྑ͍Μ͡Όͳ͍͔͊ɺͱࢥ͍ͬͯ·͢ɻ • ͨͩɺ౰વͷࣄͳ͕ΒɺShifter ͱ͍͏αʔϏεʹ࠷ߴʹຬ଍ͱ͍͏༁Ͱͳ͸ͯ͘ɺ͜Ε͔Βظ ଴͍ͨ͠ͱ͜Ζ΋͋Γ·ͯ͠… • Ұͭ͸ɺʮྗڧ͞ʯ͔ͳͱɻαʔϏεͷෆ҆ఆ͞΍ણࡉ͕͞౓ʑ֞ؒݟ͑Δ͜ͱ͕͋ΔͷͰɺ গʑͷ͜ͱʹ͸ಈ͡ͳ͍ྗڧ͍αʔϏεʹ੒௕ͯ͠΋Β͑Δͱɺඇৗʹ͋Γ͕͍ͨͳ͊ɺͱɻ • ΋͏Ұͭ͸ɺʮ༏͠͞ʯ͔ͳͱɻWeb ΤϯδχΞͷख͸཭ΕΔ΋ͷͷɺओ໾ͱͳΔ Web σΟ ϨΫλʔͳͲͷਓͨͪʹͱͬͯɺ࢖͍қ͍αʔϏε͔ͱ͍͏ͱɺ·ͩ·ͩෆศΛڧ͍ͯ͠·ͬͯ ͍Δ෦෼΋͋ͬͯ…(·͊ɺ͜Ε͸ WordPress ͷ ੍໿Ͱ΋͋Δ͔΋͠Ε·͕ͤ…)ɺओ໾ͱͳΔ ํʑʹͱͬͯɺศརͳػೳ͕͜Ε͔Β૿͍͑ͯ͘ͱخ͍͠ͳ͊ɺͱࢥ͍ͬͯ·͢ɻ
  19. ✊ ͦͯ͠ɺ ɹɹΞ΢τϓοτ͠Α͏ʂ  • ͔ͤͬ͘ମݧͨ͠Μ͔ͩΒɺͪΐͬͱͨ͜͠ͱͰ΋શવྑ͍ͷͰɺΞ΢τϓοτ͠Α͏ʂʂʂ • Ұݴ͚ͩͰ΋શવ OKʂʂʂɹͦͷ࣌ɺϋογϡλά΋෇͚ͪΌ͓͏ʂʂʂ •

    αʔϏεϓϩόΠμʔʹ΋ɺ΋ͬͱ΋ͬͱΞ΢τϓοτͯ͠ཉ͍͠ʂʂʂ • ৘ใ͕গͳ͍ͱෆ҆ʹͳΔ…ɻ҆৺ͯ͠ɺTry ͍ͨ͠ʂʂʂ • ·ͨɺ৘ใͷछྨ͕গͳͯ͘΋ɺෆ҆ʹͳΔ…ɻఏڙ͍ͯ͠ΔαʔϏεͷ৘ใ͚ͩͰ͸ͳ ͘ɺͦΕΛத৺ͱͨؔ͠࿈͢Δ৘ใ͕ଟ͍ͱɺ͘͢͝خ͍͠ʂʂʂ • Shifter Partner Network ͷ ํʑ΋ग़དྷΔൣғͰɺΞ΢τ ϓοτͯ͠௖͚Δͱɺඇৗʹ͋ Γ͕͍ͨͰ͢ʂʂʂ