10/2 東京開催 Shiftup! Vol6 Shifter 実践マイグレーション！Shifterの基本と最新アップデート

Shifterの基本から先日発表されたGitHubインテグレーション機能やサービスプラン改定など詳しく説明しています。
https://eventregist.com/e/tncYf1FuvSj9

Transcript

1. 1 0 / 2 ౦ ژ ։ ࠵ S H I F T U P ! V O L 6 S H I F T E R ࣮ ફ ϚΠά Ϩ ʔ γ ϣ ϯ ʂ S H I F T E R ͷ ج ຊ ͱ ࠷ ৽ Ξ οϓ σ ʔ τ 
 S E I J I A K AT S U K A D I G I TA L C U B E C O . LT D .
2. W K J + C S M D I G I TA L C U B E W H O A M I ? S E I J I A K AT S U K A amimoto-ami.com getshifter.io
3. • JAWS-UG on ASCII.jp
 
 ਆށͷσδλϧΩϡʔϒ͕࣮ફ͢Δ ίϛϡχςΟɺϏʔϧɺͨ·ʹ࢓ࣄ
 
 http://ascii.jp/elem/000/001/512/ 1512561/
4. Contribution to WordPress Community https://www.digitalcube.jp/about/community-contribution/ • WordPress Plugins
 Created: 102 plugins
 Downloaded: 2,709,767 times • WordCamp Sponsor
 Since: 2009
 30+ times • WordCamp Speakers
 72 Times • WordPress Core Translation • More!
5. ͭ͡͸ϑϧελοΫ https://www.digitalcube.jp/about/our_team_advisor/
6. Your business is our mission.
7. • What’s Shiftup? • Shifterͱ͸ʁ • Ξοϓσʔτ • ࠓޙͷϩʔυϚοϓ Agenda
8. W H AT ’ S S H I F T U P ?
9. Meet up event for Shifter Community in Japan • ίϥϘϨʔλʔͱͷަྲྀ
 σβΠφʔɾϓϩάϥϚʔɾΤϯδχΞɾύϒϦογϟʔɾϏδωεɾ
 ϚʔέλʔɾίϛϡχςΟΦʔΨφΠβʔɾϓϥάΠϯͷίϛολʔɾ຋༁ऀ… • ৘ใڞ༗
 WordPress, ελςΟοΫαΠτ ͳͲڞ௨ͷؔ৺࣠ʹ͍ͭͯɺͦΕͧΕͷ ϑΟʔϧυ͔Βͷ஌ݟΛ࣋ͪدΔ • ՝୊ղܾ
 ৽͍͠ίϥϘϨʔγϣϯ
10. S H I F T E R ͱ ͸ ʁ
11. Shifter͸
 ͩΕ΋͕࢖͍׳Εͨ WordPressαΠτΛ
 ߴ଎ɾηΩϡΞɾϝϯςϑ ϦʔͳελςΟοΫαΠτ ʹม׵Ͱ͖ΔɺSaaSͰ͢ɻ
12. ϥ Π ϑ αΠΫϧ
14. ಛ ௃
15. • ߴ଎
 HTTP2, ੈք100ΧॴҎ্ͷCDNڌ఺͔Β ߴ଎഑৴ ߴ଎
16. Ҿ༻: https://www.lifeintech.com/2017/12/20/jamstack/ • ηΩϡΞ
 SSL, ύεϫʔυϨεϩάΠϯ, WordPress͸ ৗ࣌ىಈෆཁ • σΟϕϩούʔϑϨϯυϦʔ
 WordPress, OS, ϛυϧ΢ΣΞͷอक࡞ۀɾ ίετ͕ෆཁ
 ϑϩϯτͱόοΫΤϯυͷ෼཭ɺૄ݁߹ • ίϥϘϨʔγϣϯ
 ύϒϦογϟʔͱσϕϩούʔͷΑΓΑ͍ ڠۀ ηΩϡΞɾσΟϕϩούʔϑϨϯυϦʔ
17. ̍̌̔ʂ ίϛϡχςΟυϦϒϯͰͷ։ൃ • ίϛϡχςΟυϦϒϯͷΠϊϕʔγϣϯ
 Ϣʔβʔ΍ίϥϘϨʔλʔͱͷϑΟʔυόοΫ ϧʔϓ
18. ͜ Μ ͳ αΠ τ ʹ
19. Πϕ ϯ ταΠ τ
20. Χ λ ϩ ά αΠ τ
21. ࣗ ࣾ ϝ σΟΞ
22. ί ʔϙ Ϩ ʔ ταΠ τ
23. ࠾ ༻ αΠ τ ΍ ϥ ϯ σΟ ϯ άϖʔ δ
24. S H I F T E R ͷ ί ϯ η ϓ τ
25. https://jamstack.org/
26. • JavaScript
 
 • APIs
 
 • Markup WHAT’S THE JAM IN THE STACK? Any dynamic programming during the request/ response cycle is handled by JavaScript, running entirely on the client. This could be any frontend framework, library, or even vanilla JavaScript. All server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript. These can be custom-built or leverage third-party services. Templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.
28. BRING JAMSTACK TO WORDPRESS #BTJD
    8PSE1SFTT +".TUBDL
    8PSE1SFTT
29. ࢖͍׳ΕͨWordPress
30. • ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ
32. U P D AT E
33. • ςʔϚͱϓϥάΠϯͷߋ৽͕ GitHubϦϙδτϦ͔ΒՄೳ • GitΛ࢖ͬͨλάʹΑΔόʔδϣϯ ؅ཧ • GitHub ActionsΛ࢖ͬͨσϓϩΠ ͷࣗಈԽ 1 Shifter Github Plugin/Theme Installer ϓϥάΠϯ
34. • ඞཁͳαΠτʹର͚ͯͩ͠ྉۚ Λࢧ෷͏Ձ֨ઃఆϞσϧʹมߋ • ಋೖϨϕϧͷϓϥϯͷՁ֨ΛҾ ͖Լ͛ɺػೳผͷαϒεΫϦϓ γϣϯϞσϧ΁มߋ • ͢Ͱʹ͝ར༻தͷ͓٬༷ʹ͸ɺ ৽ϓϥϯ΁ͷมߋΛر๬͢Δ· ͰݱࡏͷϓϥϯΛҾ͖ଓ͖͝ར ༻Մೳ 2 ϓϥϯͱྉۚମܥΛϦχϡʔΞϧ͠·ͨ͠
35. ৽چϓϥϯͷҧ͍ چϓϥϯ ৽ϓϥϯ ແྉτϥΠΞϧ มߋͳ͠ มߋͳ͠ ແྉϓϥϯ ༗ྉϓϥϯʹΞοϓάϨʔ υ͢Δ·Ͱར༻Մೳ 1αΠτ෼ͣͬͱར༻Մೳ ϓϥϯͷબͼํ ΞΧ΢ϯτ୯ҐͰαΠτ ਺ɾػೳʹԠͯ͡બ୒ αΠτ୯ҐͰػೳʹԠͯ͡બ ୒ ࡞੒Ͱ͖ΔαΠτ਺ ϓϥϯʹԠ্ͨ͡ݶ ඞཁʹԠͯ͡1ͭͣͭ௥Ճߪ ೖ ར༻Ͱ͖Δػೳ ϓϥϯʹԠͯ͡શͯͷαΠ τͰҰ཯ಉ͡ ඞཁͳػೳʹԠͯ͡αΠτ͝ ͱʹબ୒
36. 3 Shifter ίϛϡχςΟΠϕϯτࢧԉϓϩάϥϜ ࣄྫ SORACOM UG Exproler 2019 11/23 (౔) TECHPLAY ौ୩
37. Shifter ίϛϡχςΟΠϕϯτࢧԉϓϩάϥϜ ͓ؾܰʹ͝࿈བྷ͍ͩ͘͞
38. ࠓ ޙ ͷ ϩ ʔ υ Ϛ οϓ
39. ϩʔυϚοϓ • Teamϝϯόʔ΁ͷݖݶઃఆ • ը૾ (Media) ઐ༻ʹCDNΛ෼཭ • Dashboard UIͷܧଓతͳվળ • ΑΓσϕϩούʔϑϨϯυϦʔͳAPI • Search, Form౳ͷΠϯςάϨʔγϣϯڧԽʯ ϦΫΤετɾϑΟʔυόοΫ͓଴ͪͯ͠·͢ʂ
40. T H A N K S !