Shiftup! JP_Getshifter Vol1！のセッション資料

Transcript

1. ʮ 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. Α ͏ ͦ͜ S H I F T U P ! ΁ ʂ
3. • What’s Shiftup? • About Shifter • Update • Answer for feedback Agenda
4. 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
5. • JAWS-UG on ASCII.jp
 
 ਆށͷσδλϧΩϡʔϒ͕࣮ફ͢Δ ίϛϡχςΟɺϏʔϧɺͨ·ʹ࢓ࣄ
 
 http://ascii.jp/elem/000/001/512/ 1512561/
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. W H AT ’ S S H I F T U P ?
8. Meet up event for Shifter Community in Japan • ৘ใڞ༗
 ϝϦοτ͸ʁؾΛ͚ͭΔͱ͜Ζ͸ʁ • σΟεΧογϣϯɾ՝୊ղܾ
 ελςΟοΫαΠτʁJAMstackʁαʔόʔϨεʁίʔσΟϯάʁ • ίϥϘϨʔλʔͱͷަྲྀ
 σβΠφʔɾΤϯδχΞɾύϒϦογϟʔɾϏδωεɾϚʔέλʔ
9. A B O U T S H I F T E R
10. Shifter͸
 ੩తαΠτδΣωϨʔλʔͱαʔόʔϨεΞʔΩςΫνϟΛ ੈքͰ࠷΋ਓؾͷ͋ΔCMSͱ૊Έ߹ΘͤͨWordPressϗε ςΟϯάιϦϡʔγϣϯͰ͢ɻ
11. ί ϯ η ϓ τ
12. https://jamstack.org/
13. “JAMstack͸ಛఆͷςΫϊϩδʹؔ͢Δ΋ͷͰ͸͋Γ·ͤΜɻ
 ͜Ε͸ɺ༏ΕͨύϑΥʔϚϯεɺߴ͍ηΩϡϦςΟɺ௿͍εέʔϦ ϯάίετɺͦͯ͠༏Εͨ։ൃऀΤΫεϖϦΤϯεΛఏڙ͢Δ
 WebαΠτ΍ΞϓϦέʔγϣϯΛߏங͢ΔͨΊͷ৽͍͠ํ๏Ͱ͢ɻ”
16. JAMstackʹ֘౰͠ͳ͍ύλʔϯ ΫϥΠΞϯτͱαʔό͕ີ݁߹͍ͯ͠Δ͋ΒΏΔϓϩδΣΫτ͸JAMstackͰߏங͞Εͨͱ͸ݴ͑·ͤ ΜɻԼهͷ΋ͷؚ͕·ΕΔ͜ͱ͕ଟ͍Ͱ͢ɻ • WordPressɺDrupalɺJoomlaɺͦͯ͠SquarespaceͷΑ͏ͳαʔόαΠυCMSͰߏங͞ΕͨαΠτ • RubyɺNode΍ଞͷݴޠʹґଘ͢ΔϞϊϦγοΫͳαʔό͕ಈ࡞͢ΔWebΞϓϦέʔγϣϯ • ࣮ߦ࣌ʹαʔόଆͰϨϯμϦϯάͰϏϡʔΛߏங͢ΔSPA
18. ಛ௃ • ߴ଎
 HTTP2, ੈք100ΧॴҎ্ͷCDNڌ఺͔Βߴ଎഑৴ • ηΩϡΞ
 SSL, ύεϫʔυϨεϩάΠϯ, WordPress͸ৗ࣌ىಈෆཁ • σΟϕϩούʔϑϨϯυϦʔ
 WordPress, OS, ϛυϧ΢ΣΞͷอक࡞ۀɾίετ͕ෆཁ
 ϑϩϯτͱόοΫΤϯυͷ෼཭ɺૄ݁߹ • ίϛϡχςΟυϦϒϯͷΠϊϕʔγϣϯ
 Ϣʔβʔ΍ίϥϘϨʔλʔͱͷϑΟʔυόοΫϧʔϓ
19. ߴ ଎
20. https://www.getshifter.io/test-drive-wp-page-builder-by-themeum/
23. η Ωϡ Ξ
24. ͋ͳͨͷWordPressΛ҆શʹอͭํ๏ (Capital PΑΓ) • ެࣜσΟϨΫτϦ্ͷςʔϚ΍ϓϥάΠϯΛ࢖༻͢Δ͜ͱɻ
 ϝϯς͞Ε͍ͯΔ, Ϛϧ΢ΣΞͷ৺഑͕ͳ͍ɻ • ͜·Ίʹ࠷৽൛ʹΞοϓσʔτ͢Δ͜ͱɻ
 Shifterʹ͓·͔ͤɻ • ڧྗͳύεϫʔυΛ࢖༻͢Δ͜ͱɻ
 Shifterʹ͓͔·ͤɻ https://capitalp.jp/2018/03/02/wordpress-security/
25. σΟϕ ϩ ού ʔϑ Ϩϯ υ Ϧ ʔ
26. Ҿ༻: https://www.lifeintech.com/2017/12/20/jamstack/
27. Ձ ஋͋Δ͜ͱ͚ͩʹू த͢Δʂ
28. • ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ
29. ί ϛ ϡ χ ς Ο υ Ϧ ϒ ϯ Ͱ 
 ΋ ͬ ͱ ྑ ͘ ͳ Δ ʂ
30. ̍̌̔ʂ ίϛϡχςΟυϦϒϯ
32. ʂ
33. U P D AT E
34. Update • ৽ػೳ • ShifterδΣωϨʔλʔV2.0 • ύεϫʔυϨεϩάΠϯ • Ұ࣌తͳWordPress΁ͷϩάΠϯϦϯΫൃߦػೳ
35. Update • վળ • ΫϨδοτΧʔυͳ͠ϑϦʔτϥΠΞϧ • μογϡϘʔυશମͷ଎౓΍දࣔվળ • ίϛϡχςΟͱͷίϥϘϨʔγϣϯ • Japan, Taiwan, Thai, Koreanϖʔδ
36. ࠓޙͷ༧ఆ • αʔυύʔςΟ΁ͷσϓϩΠػೳ • ଞɺϦΫΤετ΁ͷରԠʹ͝ظ଴͍ͩ͘͞ • WordCamp Bangkok,WordCamp Nordic (Finland), WordCamp Europe (Berlin)
37. ϑΟʔ υό ο Ϋ ΁ ͷ ͝ ճ ౴
38. ಋೖͯ͠Α͔ͬͨ͜ͱ ػೳ໘ ྉۚ໘ ؅ཧ͠ͳ͚Ε͹͍͚ͳ͍಺༰͕ݮͬͨ ແྉϓϥϯͰ࢝ΊΒΕΔ Ϛωʔδυͳ؀ڥͰߏங/อकͷෆཁ ಋೖ͠΍͍͢Ձ֨ઃఆ αΠδϯάෆཁ ೥ׂؒҾ͕͋Δ উखʹεέʔϧ ఆֹͰ࢖͑Δ ද͕ࣔര଎ Http2ରԠ Ωϟογϡ࡟আ΋ෆཁ
39. ಋೖͯ͠Α͔ͬͨ͜ͱ αʔϏεͷਐԽ ηΩϡϦςΟ ਐԽ͕ૣ͍(2೥ͰϦϦʔε໿40ճ) WordPress΁ͷ߈ܸ౳ͷରࡦɺ؅ཧ ΠέͯΔػೳΛϦϦʔεͯ͘͠Δ(WP΋Πϯϑϥ ΋) WordPress͕ৗʹ࠷৽൛ ͏ͪͷαΠτ͸αʔόϨεͬͯݴ͑Δ ϛυϧ΢ΣΞ΋ࣗಈΞοϓσʔτ ͏ͪͷαΠτ͸ίϯςφ࢖ͬͯΔͬͯݴ͑Δ ੩తԽͷ࣌ʹreadme.htmlͳͲෆཁͳϑΝΠϧফ ͯ͘͠ΕΔ AWSʹҙࣝ͠ͳͯ͘΋AWSͷϝϦοτΛڗड SSLରԠ αΠϯΠϯ͍ͯ͠Δࣗ෼΋Χοί͍͍Μ͡Όͳ ͍͔ͱ͍͏ࡨ֮ʹ͓͍ͪΔ SSLূ໌ॻ؅ཧෆཁ
40. ಋೖͯ͠Α͔ͬͨ͜ͱ ίϯςϯπߋ৽ ૉఢͳػೳ WordPressͷ׳Εͨը໘ɺΤσΟλͰهࣄ͕ॻ͚ Δ ίϯςϯπͷόʔδϣϯ؅ཧ ϝσΟΞ؅ཧָ͕ աڈͷίϯςϯπʹ΋͙͢໭ͤΔ! Wordpress؀ڥ͕ຊ౰ʹϫϯΫϦοΫͰखʹೖΔ ΞʔςΟϑΝΫτͷϓϨϏϡʔ͕͍͍! ܖ໿༰ྔ಺ͳΒαΠτෳ਺࣋ͯΔ ίϯςϯπ͕μ΢ϯϩʔυͰ͖Δ! μογϡϘʔυ͕εϚϗରԠ͍ͯ͠Δɹ(Ͱ΋ iphone/chromeͰ͏·͘ϩάΠϯͰ͖ͳ͍) ύεϫʔυ๨Εͯ΋ϩάΠϯͰ͖Δػೳ͢͹Β͠ ͍! ShifterಋೖʹΑΔαΠτϦχϡʔΞϧͰ৭ʑίϯ ςϯπΛߟ͑ ϓϥάΠϯ΋ແޮԽͯ͠ىಈͯ͘͠ΕΔػೳ͕͋ ΔͷͰ੾Γ෼͚͠΍͍͢!
41. ಋೖͯ͠Α͔ͬͨ͜ͱ ૉఢͳػೳ ͦͷଞ OrganizationػೳͰݖݶ؅ཧ API͕͋ΔͷͰ৭ʑͰ͖ͦ͏ DockerΠϝʔδ͕ެ։͞Ε͍ͯΔ υΩϡϝϯτ͕͔ͬ͠Γ͍ͯ͠Δ ଟཁૉೝূ͕͋Δ Ͱ΋ͨ·ʹͳ͍ϖʔδ͕͋Δ FAQ͕͔ͬ͠Γ͍ͯ͠Δ ΞʔΩςΫνϟ͕ษڧʹͳΔ ͜ͷք۾ʹ͍ΔͱΠέͯΔ৘ใ͕खʹೖΓͦ͏
42. ಋೖͯ͠Α͔ͬͨ͜ͱ ͦͷଞ ͦͷଞ ͜ͷք۾ʹ͍ΔͱΠέͯΔϏʔϧʹৄ͘͠ͳΕΔ ೔ຊൃͷαʔϏεͰԠԉͰ͖Δ ϑΟʔυόοΫ͢Δͱ݁ߏ௚ͯ͘͠ΕΔ ӳޠۤखͳ೔ຊਓʹ঺հ͠ʹ͍͘ Ϋʔϙϯ͘ΕΔ ੺௩͞Μ͕ͪΌΜͱ࢓ࣄΛ͢ΔΑ͏ʹͳͬͨ ແ஡ৼΓ͕དྷΔස౓͕૿͑ͨ ੺௩͞Μͷ஄ນ͕͍͢͝ άοζ͕͓͠ΌΕ ੺௩͞Μ͕࢓ࣄ๩ͦ͠͏Ͱશવ༡ΜͰ͘Εͳ͍ ϝϧϚΨ/ϒϩά͕͍͍಺༰
43. ಋೖͯ͠Α͔ͬͨ͜ͱ ͋ͱ͸΋͏গ͠೔ຊޠ৘ใΛ....(ͱ͸͍͑͋ͷਓͨͪ͸೔ຊޠ΍Δؾͳͦ͞͏ͳͷ ͰΈΜͳͰ ShifterΛ࢖ͬͯϒϩάॻ͖·͠ΐ͏!)
44. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔ ͱ͔Λදࣔ?) ͜Ε·Ͱͷ߈ܸύλʔϯ͕ଘࡏ͠ͳ͍ͱઆ໌ͩ͘ ͍͞ɻ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ εέδϡʔϧσϓϩΠΛݕ౼த
 εέδϡʔϧδΣωϨʔτ͸ͪΐͬͱ೉͍͔͠΋ ༰ྔΦʔόʔ࣌ͷΞϥʔϜػೳ ͢Ͱʹ͋Γ·͢ɻαϙʔτϖʔδʹهࡌ͠·͠ ͨɻ αΠτΛෳ੡͍ͨ͠ All-In-One Wp MigrationΛ࢖ͬͯΈ͍ͯͩ͘͞
45. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ μογϡϘʔυτοϓϖʔδʹϝϞػೳ͕΄͍͠ ݕ౼த αΠτຖʹϝϞػೳ͕΄͍͠ ݕ౼த Ͳ͏͍͏؀ڥͰಈ͍͍ͯΔͷ͔μογϡϘʔυʹ ද͕ࣔ͋Δͱخ͍͠(ݴޠ΍Wpόʔδϣϯ) ରԠࡁΈ
 Https://Go.Getshifter.Io/Admin/Support ࢖͑ΔϓϥάΠϯϦετ͕͋Δͱخ͍͠ Emergency Modeͷ͝ར༻Λ σϓϩΠ࣌ͷ௨஌ϝʔϧOffʹ͍ͨ͠ ରԠ͠·ͨ͠
46. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ Ή͠ΖSlackʹ௨஌Λඈ͹͍ͨ͠ ݕ౼த Route53΋μογϡϘʔυ࿈ܞͰ͖Ε͹خ͍͠ UI΍υΩϡϝϯτΛվળத ACMͷDNSೝূରԠ υϝΠϯ͸DNSೝূ Artifactsͷอଘੈ୅਺ͷઃఆ ݕ౼த
47. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ ΧφϦΞϦϦʔεػೳ ΞΠσΞ͍ͩ͘͞ Lambda EdgeରԠ ཁݕ౼ μογϡϘʔυͷଟݴޠԽ ཁݕ౼ ίϯςφͷىಈ࣌ؒͷΧελϚΠζ Magick LinkػೳͰղܾͰ͖ͦ͏ʁ
48. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ αΠτຖͷ౷ܭ৘ใ͕ҰཡͰݟΕΔͱخ͍͠ ཁݕ౼ ౷ܭ৘ใ͕࣌ܥྻͰݟΕΔͱخ͍͠ ཁݕ౼ ಛఆύε͚ͩผͷΦϦδϯʹඈ͹͍ͨ͠ɻ ཁݕ౼ Ͳ͜Ͱ༰ྔΛ࢖͍ͬͯΔͷ͔Θ͔Δͱخ͍͠ ཁݕ౼
49. ௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ WPͷύεϫʔυ؅ཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ αΠτຖͷసૹྔͷද͕͓͔͍ࣔ͠ؾ͕͢Δ ݕ౼த ΞΫηεϩά΍ΤϥʔϨʔτͷදࣔ GAͷ׆༻Λ͓קΊ͠·͢ ݹ͍όʔδϣϯͷWpͰىಈ͍ͨ͠ (લݴͬͨΒౖ ΒΕͨ)υͷଟݴޠԽ Emergency ModeΛ͝׆༻͍ͩ͘͞
50. ͍·͍ͪͳ఺ ͝ҙݟ ճ౴ WordPressͷىಈʹμογϡϘʔυϩάΠϯ͕ඞ ཁ ෆཁʹͳΓ·ͨ͠ WordPressଆͷύεϫʔυΛϒϥ΢βอଘͰ͖ͳ ͍ ෆཁʹͳΓ·ͨ͠ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔ ͱ͔Λදࣔ?) ೔ຊޠύϯϑϨοτͭ͘Γ·ͨ͠
51. ͍·͍ͪͳ఺ ͝ҙݟ ճ౴ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ ͝ظ଴͍ͩ͘͞ Wpͷύεϫʔυ؅ཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ ϋοΧʔͱͷରઓ͕ͳ͘ͳͬͨ ͞ΒʹෆཁʹͳΓ·ͨ͠ ੥ٻ໌ࡉ͕Kobeshi Cityͱ͍͏Ṗ ొ࿥্͸ؒҧ͍ͬͯͳ͍ͷͰ͕͢ɺ༣ศہͷσʔ λʁ
52. ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ver1ͩͱWordPressͷىಈ͕஗͔ͬͨ(ࠓ͸ղܾ) ղܾࡁΈ μογϡϘʔυ͕΋͍ͨͭͨ(ࠓ͸ղܾ), ͞Βʹվળ͠·ͨ͠ WordPressΛ৮Βͳ͍͕࣌ؒͰ͖Δͱɺ͍ͭͷؒ ʹ͔ఀࢭ͍ͯ͠Δɻ(ྑ͍఺ ͚ͩͲ࠷ॳڻ͍ͨ) Θ͔Γ΍͘͢͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ Θ͔Γ΍͘͢͠·͢
53. ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ϓϥάΠϯ͕࢖͑ͳ͍΋ͷ͕͋Δ ͥͻϦΫΤετ͍ͩ͘͞ ଟݴޠԽରԠ͕େมͩͬͨ ໰͍߹ΘͤϑΥʔϜʹ ࠔͬͨ (ࣗ෼ͨͪͰ࡞ͬͨ) ໰͍߹ΘͤϑΥʔϜ͸ରԠࡁ Ҡઃલͷ؀ڥͰCloudFrontΛ࢖͍ͬͯΔͱ໘౗ (ShifterʹݶΒͣ) έʔεελσΟͰ͓ئ͍͠·͢ αΠτͷ࡞੒೔Λද͍ࣔͨ͠(ରԠͯ͘͠Εͨ) ղܾࡁΈ
54. ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ։ൃձ͕ࣾී௨ͷWordPress࢖ΘͤΖ!ͱౖΓͩ͢ ͬ͘͡Γ࿩͠߹͍·͠ΐ͏ ͦΜͳ࣌ʹখլ͞Μ͕ग़͖ͯͯ΍ͭΒΛଧͪෛ͔ ͢αʔϏε ͕ϦϦʔε͞ΕͨΒੋඇ࢖͍͍ͨ Jp_Getshifter͕͓࢕͍͠·͢ ݁ՌແବͳϓϥάΠϯ͕ݮͬͯߏ੒͕γϯϓϧʹ ͳΔɻγϯϓϧΠζϕετɻ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ αϙʔτͷରԠ͕ૣ͍ɺαϙʔτͷରԠ͕೔ຊ ޠɺαϙʔτ͕͍͢͝ஸೡɺ·͡ײँ ΋ͪΖΜӳޠͰ΋OKͰ͢ʂ
55. ࣍ ճ ͸ 2 0 1 9 / 3 / 6 ( ਫ ) ։ ࠵ ܾ ఆ ʂ 
 ৔ ॴ ɿ S T R I P E Twitter & FB Group : JP_Getshifter ϋογϡλά: #JP_Getshifter
56. T H A N K S !