[10/7 Zoom開催] Shifter オンラインミートアップ Shifter Static 再入門

Shifter ミートアップでの登壇資料です。
https://eventregist.com/e/j5hDZNT8XzHv

Transcript

1. Shifterͷجຊͱ ࠷৽Ξοϓσʔτͷ͝঺հ [10/7 Zoom։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓ Shifter Static ࠶ೖ໳ Seiji Aakatsuka
2. Who I am • Name: Seiji Akatsuka • Work for: DigitalCube • Job: Customer Success Manager • SNS: @seijiakatsuka
3. Agenda • σδλϧΩϡʔϒʹ͍ͭͯ • Shifter ͱ͸ʁ • ࠷৽Ξοϓσʔτ • ࣍ͷΠϕϯτ
4. About Digital Cube
5. DigitalCube • AWS Advanced Technology Partner • WordPress ϗεςΟϯά, ੍࡞, อक, ίϯαϧςΟϯά • OSS ΁ͷߩݙͱίϛϡχςΟ΁ͷࢀՃɾࢧԉ ◦ ఏڙ WordPress ϓϥάΠϯɿ100+ ◦ ϓϥάΠϯμ΢ϯϩʔυ਺ɿ200ສ+ ◦ WordCampͰͷొஃɿ70+ ◦ Shifter ίϛϡχςΟΠϕϯτࢧԉϓϩάϥϜɿ14
7. Your success is our mission
8. • ίϛϡχςΟ • Ϗʔϧ • ͨ·ʹ࢓ࣄ
9. About Shifter
10. Shifter WordPress ͷͨΊͷ Jamstack ιϦϡʔγϣϯ - Static/Headless
12. ࠓ೔ɺτϥϑΟοΫͷଟ͍΢ΣϒαΠτΛߏங͠ɺϗετ ͢ΔͨΊͷ࠷΋҆શͰඅ༻ରޮՌͷߴ͍ํ๏Λ୳͍ͯ͠Δ ͳΒɺ͋ͳ͕ͨͨͲΓண͘Ͱ͋Ζ͏ϙΠϯτ͸ Jamstack Ͱ͢ɻJamstack ͕ͲͷΑ͏ʹͯ͜͠ΕΒͷར఺Λఏڙ͠ ͍ͯΔ͔ΛݟΕ͹ɺΠϯεϐϨʔγϣϯΛಘΒΕɺ WordPress Ͱ΋ಉ͜͡ͱ͕Ͱ͖Δํ๏Λݟ͚ͭΔ͜ͱ͕ Ͱ͖ΔͰ͠ΐ͏ɻ “Ұͭͷํ๏͚ͩΛ౿ऻ͢ΔͷͰ͸ͳ͘ɺԿֶ͕΂Δ͔Λ ݟͯɺॊೈʹԠ༻ͯ͠Έ͍ͯͩ͘͞ɻ”
14. Shifter Static WordPress ͷͨΊͷελςΟοΫαΠτδΣωϨʔλʔ
15. Shifter Static • ࢖͍׳Εͨ WordPress αΠτΛͦͷ··੩తԽ • ੈք100ڌ఺Ҏ্ͷάϩʔόϧ CDN ܦ༝Ͱߴ଎ɾHTTPS ͰηΩϡΞʹ഑৴Ͱ͖ΔΦʔϧΠϯϫϯαʔϏε
16. JavaScript API API API Jamstack API
17. ηΩϡϦςΟ • HTTPS Λඪ४ఏڙ • ύεϫʔυϨεϩάΠϯ • ੩తԽͱࣗಈγϟοτμ΢ϯ
18. ύϑΥʔϚϯε • ੈք100ڌ఺Ҏ্ͷCDN • HTTP/2 ରԠ • IPv6 ରԠ
19. ϝϯςφϯεෆཁ • WordPress΍αʔόʔϝϯς͔Βͷ ղ์ • ߴΞΫηε࣌ͷ؂ࢹɾ૿ڧ࡞ۀ͔ Βͷղ์ • ࣗಈόοΫΞοϓͰαʔόʔ୲౰͕ ෆཁ
20. খֶੜͰ΋࢖͑·͢ https://blue7010.com/
21. ར༻ࣄྫɿίʔϙϨʔταΠτ SORACOM SmartHR https://www.soracom.io/ https://smarthr.co.jp/
22. ར༻ࣄྫɿίʔϙϨʔταΠτ Cerevo OKWave https://cerevo.com/ https://okwave.co.jp/
23. ར༻ࣄྫɿϓϩμΫταΠτ LIXIL MIKIHOUSE https://www.lixil.co.jp/square/ https://mikihouse.mikihouse.com/
24. ར༻ࣄྫɿϥϯσΟϯάϖʔδɾϚʔέςΟϯάɾ࠾༻αΠτ MonstarLab Ufuru https://testar-lab.com/ https://www.enebular.com/ja/
25. ར༻ࣄྫɿϥϯσΟϯάϖʔδɾϚʔέςΟϯάɾ࠾༻αΠτ HENNGE https://recruit.hennge.com/
26. པΕΔύʔτφʔ
28. ՝୊ղܾΛڧྗαϙʔτʂ
29. UPDATE
30. Shifter Headless Ͱར༻ՄೳͳϓϥάΠϯΛ֦ுத • Admin Columns ϓϥάΠϯ
 هࣄҰཡϖʔδͷද߲ࣔ໨Λॊೈ ʹΧελϚΠζ
31. Shifter ্ͷ WordPress ಈ࡞؀ڥΛ࡮৽ʂ • ΑΓύϫϑϧ
 ͞Βʹଟ͘ͷ͓٬༷ͷ͝ཁ๬Λ׎͑ΔͨΊʹ Amazon ECS Λ࠾༻
 ΑΓଟ͘ͷ͓٬༷ʹ҆ఆͨ͠ WordPress ؀ڥΛఏڙՄೳʹ • ΑΓ҆ఆ
 CSS͕ެ։Ͱ͖ͳ͍έʔε΍ɺ੩తԽ͕ࣦഊ͢Δط஌ͷ՝୊ͷղফ
 ΑΓߴ౓ͳίϯςφ؀ڥͷ؅ཧͰɺ҆ఆͨ͠ WordPress ؅ཧը໘ ͷར༻Λ࣮ݱ • ΑΓηΩϡΞ
 શͯͷϓϥϯͷ WordPress ؀ڥʹ WAF Λඪ४૷උ
 • ͦͷଞͷมߋ఺
 Shifter Static ্ͷ WordPress ؅ཧը໘ͷ URL Λݻఆ
 WordPressͷϙʔτ͸ https 443 ͷΈͱͳΓɺ༗ঈϓϥάΠϯͷϥΠηϯεೝূ΋ศརʹ
32. Coming soon! Shifter Static ͷμογϡϘʔυ্Ͱ PHPͷΤϥʔΛ֬ೝՄೳʹ • աڈ3೔෼ఔ౓ͷ WordPress ʹؔ͢ΔPHP Fatal error, Warning, Parse error, Notice, Deprecated Λ֬ೝՄೳ
 • ը໘͕ന͍ɺGenerate ͕ࣦഊ͢ΔͳͲͷτϥϒϧγϡʔςΟϯά • All in One WP MigrateͰͷϚΠάϨʔγϣϯ͕ऴΘΒͳ͍৔߹ͷτϥϒϧ γϡʔςΟϯά • Deprecated, Warning ʹΑΔ PHPͷޓ׵ੑ΁ͷରԠ͕༰қʹ
33. Coming soon! Shifter WebαΠτΛϦχϡʔΞϧ͠·͢ • σβΠϯγεςϜΛ࡮৽ͯ͠ϦχϡʔΞϧ • ଴๬ͷ೔ຊޠରԠʂ
34. Next Event
35. Thanks!