Shifter Meetup West #3 スタティックサイトジェネレーターについて勉強する

#JP_GetShifter
https://www.getshifter.io/

Transcript

1. ʮ S H I F T E R ʯ ͬͯ ͳ ʹ ʁ ͱ ࠷ ৽ Ξ ο ϓ σ ʔ τ S H I F T E R M E E T U P W E S T # 3 ελ ς Ο ο Ϋ α Π τ δΣω Ϩ ʔ λ ʔ ʹ ͭ ͍ͯ ษ ڧ ͢ Δ ձ #JP_Getshifter
2. ຊ ೔ ͷ ಺ ༰
3. D E V E L O P I N G W I T H W O R D P R E S S , T H E J A M S TA C K WAY ʁ
4. – M A L L M U L L E N W E G , S TAT E O F T H E W O R D , W O R D C A M P U S 2 0 1 5 “Learn JavaScript deeply. It’s the future of the web.”
5. W H Y L E A R N J AVA S C R I P T, D E E P LY ?
6. A N O N - S C I E N T I F I C W O R D P R E S S H I S T O RY 
 E A R LY D AY S 2 0 0 3 ~ 2 0 0 5 R I S E O F T H E B L O G G I N G P L AT F O R M 
 C M S B O O M 2 0 0 6 ~ 2 0 1 4 T H E M E S , A P I S , C U S T O M I Z E R 
 2 0 1 5 ~ F O R E V E R L E A R N J AVA S C R I P T, D E E P LY
13. https://github.com/getshifter/shifter-netlify-build
19. S H I F T W O R D P R E S S T O S E R V E R L E S S
20. ୭΋͕࢖͍׳ΕͨWordPressα ΠτΛอकෆཁͳελςΟοΫ αΠτʹม׵͠CDNͰߴ଎഑ ৴/ެ։Ͱ͖ΔʮSaaSʯͰ͢ɻ Shifter ͱ͸ʁ
21. L I F E C Y C L E • WordPressͷϩάΠϯ࣌ʹDockerΛىಈ
 (Editorʣ • AWS ͷϦιʔεͰ੩తHTMLʹม׵
 (Generator) • CDN͔ΒίϯςϯπΛ഑৴
 (Contents Delivery) F E AT U R E • ߴ଎
 HTTP2ରԠ, ࣄલʹϏϧυ͞Εͨ੩తϑΝΠϧΛ
 ੈք100ΧॴҎ্ͷCDNڌ఺͔Βߴ଎഑৴ • ݎ࿚ͳηΩϡϦςΟ
 WordPress͸ৗ࣌ىಈෆཁɺϋοΫ͞ΕΔཁૉ͕ͳ͍ɻ • ͍҆ίετͰ؆୯ʹεέʔϦϯά
 ಥൃతͳεύΠΫ͕དྷͯ΋҆৺ʂαΠτμ΢ϯ͠ͳ͍ɻ • ϢʔβʔϑϨϯυϦʔ
 ࢖͍׳ΕͨWordPressͰ։ൃɾӡ༻͕Մೳ
 OS/ϛυϧ΢ΣΞͷอक࡞ۀɾίετ͕ෆཁ
 ϏδωεʹूதͰ͖Δ؀ڥ
22. Ϣ ʔ β ʔ ମ ݧ Λ Ձ ஋ ʹ ม ͑Δ ʮ G e t S h i f t e r ʯ
23. Ͳͷ͙Β͍Ϣʔβʔମݧ͕มΘΔͷ͔ʁ
24. S H I F T E R 1.αΠϯΞοϓ/ϩάΠϯ 2.WordPress ฤूɾίϯςϯπ౤ߘ 3.GENERATEʢ੩తϑΝΠϧʹม׵ʣ 4.Webެ։ W O R D P R E S S 1.αʔό४උ 2.ϛυϧ΢ΣΞ (PHP,Nginx,MySQL) ͷΠϯετʔϧ 3.WordPress Πϯετʔϧ 4.WordPress ฤूɾίϯςϯπ౤ߘ 5.Webެ։ 6.OS / ϛυϧ΢ΣΞͷܧଓతϝϯςφϯε 7.WordPress ͷܧଓతΞοϓσʔτ 8.WordPress Plugin ͷܧଓతΞοϓσʔτ 9.ύϑΥʔϚϯεͷܧଓతͳ࠷దԽ 10.αʔϏε؂ࢹɾӡ༻อकɾαϙʔτ
25. S H I F T E R ͷ Ϣʔεέ ʔε
27. • ʮShifterΛ࢖ͬͨଟݴޠαΠτԽͰ ࡞ۀͷ࣌ؒͱख͕ؒ൒෼ҎԼʹʯ
 
 https://www.digitalcube.jp/shiftercase/10626/
32. S h i f t e r ͷ Ϣ ʔεέ ʔε 
 
 Q . S h i f t e r ͸ Wo rd P re s s ͷ ۜ ͷ ஄ ؙ ʹ ͳ Γ · ͢ ͔ʁ 
 A . ࢒ ೦ ͳ ͕ Β ೉ ͠ ͍Ͱ ͢ɻ 
 
 - ࠷ ద ͳ έ ʔε ɿ 
 Πϕ ϯ τ ɾ Ω ϟϯϖʔϯ ɾ ϥ ϯ σΟ ϯ άϖʔ δ ɾ ί ʔϙ Ϩ ʔ ταΠ τ ͳ Ͳ - ෆ ޲ ͖ ͳ έ ʔε ɿ ί ϯ ς ϯ π ͷ ߋ ৽ ͕ ස ൟ ɾ ଟ ਓ ਺ Ͱ ར ༻ ͢ Δ ϝ σΟΞ ɾ ձ һ αΠ τ ͳ Ͳ
33. ࠷ ৽ ͷ U P D AT E
34. Shifter Github Plugin/Theme Installer ϓϥάΠϯ • ςʔϚͱϓϥάΠϯΛGitHubϦϙ δτϦ͔Βͷߋ৽ʹରԠ • λάʹΑΔόʔδϣϯ؅ཧ • GitHub ActionsΛ࢖ͬͨσϓϩΠͷ ࣗಈԽ https://github.com/getshifter/shifter-github
35. Shifter’s New Plans and Pricing • ඞཁͳαΠτʹରͯ͠ͷΈྉ ۚΛࢧ෷͏͜ͱ͕ՄೳͳՁ֨ ઃఆϞσϧʹมߋ • ಋೖϨϕϧͷϓϥϯͷՁ֨Λ Ҿ͖Լ͛ɺػೳผͷαϒεΫ ϦϓγϣϯϞσϧ΁มߋ • طଘͷސ٬Ͱ͋Δ৔߹ɺ৽ϓ ϥϯ΁ͷมߋΛر๬͢Δ· ͰɺݱࡏͷαϒεΫϦϓγϣ ϯΛҾ͖ଓ͖࢖༻Մೳ https://www.getshifter.io/pricing/
36. Shifterͷ৽ϓϥϯʹͯWordPressͷࣗಈόοΫΞοϓ͕ՄೳʹͳΓ·ͨ͠ɻ • ࣗಈόοΫΞοϓΛ༗ޮʹ͍ͨ͠ SiteͷSiteSettingsͰը໘ʹ͋Δ Create Backupͷϝχϡʔ͔Βࣗಈ όοΫΞοϓ࡞੒ Λ ONʹ͢Δ͚ͩ Ͱ͢ɻ • όοΫΞοϓ͸αΠτͷ੩తԽ࣌ (Generate࣮ߦ࣌)ʹࣗಈͰ࡞੒͞Ε ·͢ɻ https://www.digitalcube.jp/shifter/10611/
37. ShifterͰTeamΛ࢖ͬͨίϥϘϨʔγϣϯ͕΋ͬͱ؆୯ʹͳΓ·ͨ͠ʂ • Teamػೳ͸Shifter্ͷαΠτ؀ڥΛShifter্ʹ࡞੒ͨ͠ Teamͱ͍͏୯ҐͷάϧʔϓͰڞ༗Ͱ͖ΔίϥϘϨʔγϣ ϯػೳ • ࣾ಺ͷϓϩδΣΫτ͝ͱʹTeamΛ࡞੒ͯ͠αΠτΛڞ༗
 - αΠτߏங΍อकɾӡ༻ͷͨΊʹڠྗϕϯμʔاۀ༻ʹ TeamΛ࡞੒ͯ͠ڞ༗
 - ίϛϡχςΟΠϕϯτͷؔ܎ऀΛTeamʹট଴ͯ͠Πϕ ϯταΠτΛӡӦ͢Δ • ͜Ε·ͰTeamʹট଴͞Εͨํ͸ɺૹ৴͞Ε͖ͯͨϝʔϧ ʹ෇༩͞ΕͨURL͔Βೝূ͕ඞཁͰ͕ͨ͠ɺShifterʹϩ άΠϯͯ͠Teamsը໘ʹදࣔ͞Ε͍ͯΔঝೝϘλϯΛΫ ϦοΫ͢Δ͚ͩͰTeamʹࢀՃͰ͖ΔΑ͏ʹͳΓ·ͨ͠ɻ https://www.digitalcube.jp/shifter/10749/
38. Shifter Deploy to Netlify • ShifterͱNetlifyؒͷσϓϩΠύΠϓϥΠ ϯ https://github.com/getshifter/shifter- netlify-build
39. ϒϥ΢β༻ͷGetshfter Detector • ShifterΞΠίϯ͕ϝχϡʔόʔʹදࣔ͞ Ε·͢ɻ ShifterͰ࡞੒͞Εͨ੩తαΠ τ͕ݕग़͞ΕΔͱɺ৭෇͚͞Ε·͢ɻ https://github.com/getshifter/chrome- getshfter-detector
40. ࠓ ޙ ͷ ϩ ʔ υ Ϛ οϓ
41. • ը૾(Media)ઐ༻ʹCDNΛ෼཭ (ݱࡏϓϥΠϕʔτϕʔλɿ12্݄०ެ։༧ఆʣ • ϕʔγοΫೝূػೳ (12্݄०ެ։༧ఆʣ • Teamϝϯόʔ΁ͷݖݶ؅ཧػೳڧԽʢUser Roleʣ • Domainϓϩηεͷվળ • ΑΓσΟϕϩούʔϑϨϯυϦʔͳAPI • SearchɺForm౳ͷΠϯςάϨʔγϣϯڧԽ
42. ࣗ ෼ ͷ Ϗδ ω ε ʹ ू த ͠ Α ͏
43. Don’t waste another minute. Sign up for Shifter and let us do the heavy lifting. https://getshifter.io/ #JP_Getshifter