[2/5 東京開催] SHIFTER MEETUP VOL.8 SHIFTERの基本と最新アップデート

2月5日に東京で開催されたShifterミートアップのオープニングセッション

Transcript

1. [ 2 / 5 ౦ ژ ։ ࠵ ] S H I F T E R M E E T U P V O L . 8 
 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 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
3. • σδλϧΩϡʔϒ • What’s Shifter Meet-up? • Shifterͱ͸ʁ • Ξοϓσʔτ Agenda
4. • JAWS-UG on ASCII.jp
 
 ਆށͷσδλϧΩϡʔϒ͕࣮ફ͢Δ ίϛϡχςΟɺϏʔϧɺͨ·ʹ࢓ࣄ
 
 http://ascii.jp/elem/000/001/512/ 1512561/
5. ϑϧϦϞʔτ, ϑϧελοΫ https://www.digitalcube.jp/about/our_team_advisor/
6. 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!
7. Your business is our mission.
8. W H AT ’ S S H I F T E R M E E 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αʔϏε Ͱ͢ɻ
15. ͜ Μ ͳ αΠ τ ʹ
17. ࠾ ༻ αΠ τ ΍ ϥ ϯ σΟ ϯ άϖʔ δ
21. ί ʔϙ Ϩ ʔ ταΠ τ
22. ί ʔϙ Ϩ ʔ ταΠ τ
24. https://showcase.getshifter.io/
25. S H I F T E R ͷ ί ϯ η ϓ τ
26. https://jamstack.org/
27. • 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.
29. Shifter: A JAMSTACK WORDPRESS #BTJD4UBDL
    8PSE1SFTT +".TUBDL
    8PSE1SFTT
31. αΠτӡӦऀʹ͸࢖͍׳ΕͨWordPress
32. Ҿ༻: https://www.lifeintech.com/2017/12/20/jamstack/ • ηΩϡΞ
 SSL, ύεϫʔυϨεϩάΠϯ, WordPress͸ ৗ࣌ىಈෆཁ • อकෆཁ • σΟϕϩούʔϑϨϯυϦʔ
 WordPress, OS, ϛυϧ΢ΣΞͷอक࡞ۀɾ ίετ͕ෆཁ
 ϑϩϯτͱόοΫΤϯυͷ෼཭ɺૄ݁߹
 ύϒϦογϟʔͱσϕϩούʔͷΑΓΑ͍ ڠۀ ؅ཧऀ΍σϕϩούʔʹ͸ख཭Εͷྑ͞
33. • ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ
34. U P D AT E
35. • Shifterͷجຊ • ࢖ͬͯΈͨʂ • Shifter্Ͱͷ։ൃํ๏΍Webhookͷ׆༻ ํ๏ • GritsomeͳͲSSGͱͷ࿈ܞ • The State of Shifter 2019 Shifter Advent Calendar 2019 ׬૸͠·ͨ͠ʂ https://qiita.com/advent-calendar/2019/getshifter
36. • ੩తԽॲཧͷ୹ॖ • όοΫΞοϓ࣌ؒͷ୹ॖ
 ࣗಈόοΫΞοϓػೳΛਪ঑ • WordPress؅ཧը໘ͷύϑΥʔϚϯε޲্ • WordPress্ͷετϨʔδ༰ྔͷ࡟ݮ • ϝσΟΞϑΝΠϧΛՄ༻ੑ 99.999999999% ͷAmazon S3ʹࣗಈͰอଘͰ͖Δ • NetlifyͳͲ֎෦؀ڥ΁ͷσϓϩΠ࣌ʹ΋ը૾ͷύε͕ อ࣋͠΍͍͢ ShifterͰMedia CDNػೳͷύϒϦοΫϕʔλ൛Λެ։͠·ͨ͠
37. • طଘαΠτ͔ΒͷҠߦ
 https://www.getshifter.io/subdir/ • ϦόʔεϓϩΩγͱͷ૊Έ߹ΘͤͰطଘα ΠτͷίϯςϯπΛ෦෼తʹShifterԽ αϒσΟϨΫτϦߏ੒ʹରԠ͠·ͨ͠
38. • ʮStart WordPressʯͨ͠λΠϛϯάͰ֎ ෦ͷSSGΛ࣮ߦ • WordPressىಈ࣌ʹϚδοΫϦϯΫΛ νϟοτ௨஌ WordPress WebhookʹWordPressىಈ࣌ʹࣗಈ࣮ߦ͢ΔΦϓγϣϯΛ௥Ճ͠·ͨ͠
39. • www͋ΓͷυϝΠϯͱແ͠ͷυϝΠϯͷ ೖΕସ͕͑ϓϧμ΢ϯͰՄೳ DomainͱAlternate DomainͷೖΕସ͕͑γϯϓϧʹͳΓ·ͨ͠
40. ೔ຊޠԽਐߦத
41. ࣍ ճ ͸ ਆ ށ 
 [ 3 / 1 1 ਆ ށ ։ ࠵ ] S H I F T E R M E E T U P W E S T # 5 
 େ ࡕ ։ ࠵ ΋ ܭ ը த Ͱ ͢
42. T H A N K S !