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αΠτ΍ΞϓϦέʔγϣϯΛߏங͢ΔͨΊͷ৽͍͠ํ๏Ͱ͢ɻ”

14. None
15. None

16. JAMstackʹ֘౰͠ͳ͍ύλʔϯ ΫϥΠΞϯτͱαʔό͕ີ݁߹͍ͯ͠Δ͋ΒΏΔϓϩδΣΫτ͸JAMstackͰߏங͞Εͨͱ͸ݴ͑·ͤ ΜɻԼهͷ΋ͷؚ͕·ΕΔ͜ͱ͕ଟ͍Ͱ͢ɻ • WordPressɺDrupalɺJoomlaɺͦͯ͠SquarespaceͷΑ͏ͳαʔόαΠυCMSͰߏங͞ΕͨαΠτ • RubyɺNode΍ଞͷݴޠʹґଘ͢ΔϞϊϦγοΫͳαʔό͕ಈ࡞͢ΔWebΞϓϦέʔγϣϯ • ࣮ߦ࣌ʹαʔόଆͰϨϯμϦϯάͰϏϡʔΛߏங͢ΔSPA

17. None

18. ಛ௃ • ߴ଎
 HTTP2, ੈք100ΧॴҎ্ͷCDNڌ఺͔Βߴ଎഑৴ • ηΩϡΞ
 SSL, ύεϫʔυϨεϩάΠϯ, WordPress͸ৗ࣌ىಈෆཁ

    • σΟϕϩούʔϑϨϯυϦʔ
 WordPress, OS, ϛυϧ΢ΣΞͷอक࡞ۀɾίετ͕ෆཁ
 ϑϩϯτͱόοΫΤϯυͷ෼཭ɺૄ݁߹ • ίϛϡχςΟυϦϒϯͷΠϊϕʔγϣϯ
 Ϣʔβʔ΍ίϥϘϨʔλʔͱͷϑΟʔυόοΫϧʔϓ

19. ߴ ଎

20. https://www.getshifter.io/test-drive-wp-page-builder-by-themeum/

21. None
22. None

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. ̍̌̔ʂ ίϛϡχςΟυϦϒϯ

31. None

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 !