Shifterの基本と最新アップデートのご紹介

https://eventregist.com/e/EELmUej3c34Ba

Transcript

1. Shifterͷجຊͱ ࠷৽Ξοϓσʔτͷ͝঺հ [8/5 Zoom։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓʂਅՆͷ Shopify ಛूʙ 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. About DigitalCube • AWS Advanced Technology Partner • WordPress ϗεςΟϯά, ੍࡞, อक, ίϯαϧςΟϯά • OSS ΁ͷߩݙͱίϛϡχςΟ΁ͷࢀՃɾࢧԉ ◦ ఏڙ WordPress ϓϥάΠϯɿ100+ ◦ ϓϥάΠϯμ΢ϯϩʔυ਺ɿ200ສ+ ◦ WordCampͰͷొஃɿ70+ ◦ Shifter ίϛϡχςΟΠϕϯτࢧԉϓϩάϥϜɿ14
6. • ίϛϡχςΟ • Ϗʔϧ • ͨ·ʹ࢓ࣄ
8. Your success is our mission
9. ABOUT SHIFTER
10. Shifter Static • WordPressαΠτΛಠࣗͷελςΟοΫαΠ τ δΣωϨʔλʔͰ੩తԽ • WordPress؅ཧը໘͸ඞཁͳͱ͖͚ͩىಈ • ੈք100ڌ఺Ҏ্ͷάϩʔόϧCDNܦ༝Ͱ ߴ଎ɾηΩϡΞʹ഑৴Ͱ͖ΔΦʔϧΠϯ ϫϯ؀ڥ
11. Shifter Headless • WebϑϩϯτΛWordPressςʔϚҎ֎Ͱߏஙɺ CMS͸ֶशίετͷ௿͍WordPressΛ׆༻ • ϔουϨεCMSʹ࠷దԽࡁΈɾϝϯςϑϦʔͳ ৗ࣌ىಈͷWordPress؀ڥΛࣗಈηοτΞοϓ • WAF΍MediaCDN (ϝσΟΞϑΝΠϧͷ Amazon S3΁ͷΦϑϩʔυػೳ)Λඪ४૷උ
12. খֶੜͰ΋࢖͑·͢ https://blue7010.com/ Looks bit difficult? Even elementary school student can use Shifter easily!
15. ί ʔϙ Ϩ ʔ ταΠ τ
17. Shift Your WordPress Site to Jamstack
18. https://jamstack.org/
19. https://jamstack.org/ The Jamstack is not about specific technologies. It’s a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.
20. Monolithic Search Database Comments Authentication e-commerce Forms
21. JavaScript API API API Jamstack API
22. • ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧε
24. UPDATE
25. 1. Shifter Static Ͱ Media CDN ػೳ͕GAͱͳΓ·ͨ͠ • ϝσΟΞϑΝΠϧΛՄ༻ੑ 99.999999999% ͷ Amazon S3 ʹࣗಈͰอଘ • WebP ϑΥʔϚοτͷϝσΟΞϑΝΠϧʹΑΔϢʔ βʔମݧͷ޲্ • ϝσΟΞͷΫΦϦςΟΛམͱͣ͞ CDN సૹྔΛѹॖ • Shifter ΍ WordPress ؅ཧը໘ͷύϑΥʔϚϯε޲্ • Netlify ͳͲ֎෦؀ڥͱͷ࿈ܞ࣌ʹ΋ը૾ͷύε͕อ ࣋͠΍͍͢
26. 2. Shifter Static Ͱ ༧໿ެ։͕ՄೳʹͳΓ·ͨ͠ • ࠷৽ͷϓϨεϦϦʔεΛ࣮֬ʹࢦఆ೔࣌ʹެ։ • Ұ࣌తʹಛԽͨ͠ϖʔδ΍աڈهࣄΛظؒݶఆͰެ։ • Artifact ͷ੾Γସ͑ʹΑΔ؆қతʹA/Bςετ
27. 1. ੩తԽࡁΈͷ Artifact ΛϓϨϏϡʔ 2. ެ։೔࣌Ληοτ
28. Shifter Gatsby Recipe ͕ެࣜʹ Gatsby CLI ͷҰ෦ʹͳΓ·ͨ͠ • Shifter Headless ͷͨΊͷ ެࣜ Gatsby Recipe • Shifter Headless Ͱ Gatsby αΠτΛ੍࡞͢Δ ࡍͷλεΫΛࣗಈԽ • Webϑϩϯτ͸ Gatsby Cloud ʹߴ଎σϓϩΠ • νϡʔτϦΞϧͰଈτϥΠΞϧՄೳ
 https://youtu.be/b02kzF2ZrrM
29. Check our blog! https://www.getshifter.io/ja/blog
30. NEXT EVENT
31. [8/26 ZOOM ன։࠵] Shifter ΦϯϥΠϯ ΋͘΋͘ձ #4ʂ
32. [9/9 Zoom։࠵] Shifter Headless ͱ Algolia ׆༻ज़ʂ
33. Thanks!