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

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. • ίϛϡχςΟ • Ϗʔϧ • ͨ·ʹ࢓ࣄ

7. None

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!
13. None
14. None

15. ί ʔϙ Ϩ ʔ ταΠ τ

16. None

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ʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧε

23. None

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!