[4/8 Zoom開催] Shifter オンラインミートアップ ザ・ホワイトベルト！

Shifterミートアップ初のオンライン開催での資料です。Shifterの基本から最新情報まで網羅しました。 #JP_GetShifter

Transcript

1. [ 4 / 8 Z O O M ] S H I F T E R O N L I N E M E E T- U P T H E W H I T E B E LT ! 
 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 . #JP_GetShifter
2. Χ ε λ Ϛʔ α Ϋ η ε + W K J D I G I TA L C U B E W H O I A M S E I J I A K AT S U K A amimoto-ami.com getshifter.io #JP_GetShifter
3. Our Team #JP_GetShifter
4. Your business is our mission. #JP_GetShifter
6. • What’s Shifter Meet-up? • Shifterͱ͸ʁ • Ξοϓσʔτ Agenda #JP_GetShifter
7. W H AT ’ S S H I F T E R M E E T U P ? #JP_GetShifter
8. Meet up event for Shifter Community in Japan • ίϥϘϨʔλʔͱͷަྲྀ
 σβΠφʔɾϓϩάϥϚʔɾΤϯδχΞɾύϒϦογϟʔɾϏδωεɾ
 ϚʔέλʔɾίϛϡχςΟΦʔΨφΠβʔɾϓϥάΠϯͷίϛολʔɾ຋༁ऀ… • ৘ใڞ༗
 WordPress, ελςΟοΫαΠτ ͳͲڞ௨ͷؔ৺࣠ʹ͍ͭͯɺͦΕͧΕͷ ϑΟʔϧυ͔Βͷ஌ݟΛ࣋ͪدΔ • ՝୊ղܾ
 ৽͍͠ίϥϘϨʔγϣϯ Shifter Meet-upͱ͸? #JP_GetShifter
9. S H I F T E R ͱ ͸ ʁ #JP_GetShifter
10. Shifterͱ͸ʁ WordPressͱελςΟοΫαΠτδΣ ωϨʔλʔΛఏڙ͢ΔSaaSαʔϏε Ͱ͢ɻ #JP_GetShifter
11. #JP_GetShifter
12. https://blue7010.com/ খֶੜͰ΋͔ͭ͑·͢ Looks bit difficult? Even elementary school student can use Shifter easily! #JP_GetShifter
13. S H O W C A S E #JP_GetShifter
19. ί ʔϙ Ϩ ʔ ταΠ τ
21. https://www.getshifter.io/showcase/ #JP_GetShifter
22. S H I F T E R ͷ ί ϯ η ϓ τ #JP_GetShifter
23. https://jamstack.org/ #JP_GetShifter
24. 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. #JP_GetShifter
25. JavaScript APIs Markup Stack Linux Apace MySQL PHP Stack [ Microservices ] [ Monolithic ] #JP_GetShifter
26. Monolithic Search Database Comments Authentication e-commerce Forms #JP_GetShifter
27. JAMstack JavaScript API API API #JP_GetShifter
28. JavaScript API API API JAMstack
29. • ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ
30. U P D AT E #JP_GetShifter
31. UPDATE 1: www.getshifter.io ΛϦχϡʔΞϧ͠·ͨ͠ʂ #JP_GetShifter
32. • Shifter΁ͷҠߦ • WordPressςʔϚ։ൃ • WordPressςʔϚվળ • Shifterӡ༻αϙʔτ • σβΠϯ੍࡞ • ίϯςϯπ੍࡞ • etc.. UPDATE 2: Shifterύʔτφʔ ωοτϫʔΫ (SPN)Λఏڙ։࢝͠·ͨ͠ʂ https://spn.getshifter.io/ #JP_GetShifter
33. https://spn.getshifter.io/become-a-partner/ #JP_GetShifter
34. • νʔϜػೳʹॴଐ͢Δϝϯόʔʹ Member, EditorݖݶΛׂΓ౰ͯ • ݖݶ͸ࠓޙ΋௥Ճ༧ఆ UPDATE 3: ShifterʹRoleػೳΛ௥Ճ͍ͨ͠·ͨ͠ʂ https://www.getshifter.io/ja/blog/ja/role-feature/ #JP_GetShifter
35. • MediaCDNػೳΛ༗ޮʹ͢ΔͱϝσΟΞΛ ࣗಈͰWebPϑΥʔϚοτʹม׵ • WebPඇରԠͷϒϥ΢βͰ͸ΦϦδφϧͷ ϑΥʔϚοτͰදࣔ UPDATE 4: MediaCDN(Beta)͕WebPϑΥʔϚοτ΁ͷࣗಈม׵ʹରԠ͠·ͨ͠ https://www.getshifter.io/ja/blog/ja/mediacdnbeta-webp/ #JP_GetShifter
36. • ϢʔβʔଆͰࢦఆͨ͠Amazon S3ͷόέο τʹΤΫεϙʔτ • S3ΛσʔλϨΠΫͱͨ͠ΑΓৄࡉͳΞΫη εղੳ΍ϩάͷੈ୅؅ཧʹ UPDATE 5: Tier3ϓϥϯʹͯWebϩάͷΤΫεϙʔτ͕ՄೳʹͳΓ·ͨ͠ʂ https://www.getshifter.io/ja/blog/ja/export-web-log/ #JP_GetShifter
37. • WordPressΛEmergency userͰىಈ͢Δͱ WP_DEBUGΛࣗಈͰ༗ޮԽͯ͠PHPͷΤ ϥʔ΍ܯࠂΛ֬ೝՄೳʹ • ։ൃ࣌ͳͲ߃ৗతͳσόοάϞʔυͷ͝ར ༻͸͜Ε·Ͱ௨ΓShifter-localͷ͝׆༻Λ ਪ঑ UPDATE 6: Shifter্ͷWordPress͕σόοάϞʔυͰىಈՄೳʹͳΓ·ͨ͠ https://www.getshifter.io/ja/blog/ja/enable-debug-mode-on-shifter/ #JP_GetShifter
38. UPDATE 7: Shifterͷ৽͍͠ਐԽɺShifter HeadlessΛެ։͠·ͨ͠ʂ • ϔουϨεͷCMSʹ࠷దԽࡁΈͷ؀ڥΛ ࣗಈͰηοτΞοϓ • ϑϧϚωʔδυͳσʔλιʔεͱͯ͠ৗ࣌ ىಈͰར༻Մೳ • WAF΍MediaCDN (ϝσΟΞϑΝΠϧͷ Amazon S3΁ͷΦϑϩʔυػೳ)Λඪ४૷ උ #JP_GetShifter
39. Shifter HeadlessͷແྉτϥΠΞϧ͸2εςοϓ 1 HeadlessΛબ୒ 2 Free trialΛ࡞੒ #JP_GetShifter
40. Shifterͱ͸ʁ WordPressͱελςΟοΫαΠτδΣ ωϨʔλʔΛఏڙ͢ΔSaaSαʔϏε Ͱ͢ɻ WordPressΛ׆༻ͨ͠ϞμϯͳWebα ΠτͷͨΊͷϓϥοτϗʔϜͰ͢ɻ #JP_GetShifter
41. ͥͻϑΟʔυόοΫΛ͓د͍ͤͩ͘͞ #JP_GetShifter
42. K E E P D I S TA N C E , K E E P J A M S TA C K G O I N G T H A N K S ! #JP_GetShifter