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

Slide 1

Slide 1 text

ʮ 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 .

Slide 2

Slide 2 text

Α ͏ ͦ͜ S H I F T U P ! ΁ ʂ

Slide 3

Slide 3 text

• What’s Shiftup? • About Shifter • Update • Answer for feedback Agenda

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

• JAWS-UG on ASCII.jp    ਆށͷσδλϧΩϡʔϒ͕࣮ફ͢Δ ίϛϡχςΟɺϏʔϧɺͨ·ʹ࢓ࣄ    http://ascii.jp/elem/000/001/512/ 1512561/

Slide 6

Slide 6 text

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!

Slide 7

Slide 7 text

W H AT ’ S S H I F T U P ?

Slide 8

Slide 8 text

Meet up event for Shifter Community in Japan • ৘ใڞ༗  ϝϦοτ͸ʁؾΛ͚ͭΔͱ͜Ζ͸ʁ • σΟεΧογϣϯɾ՝୊ղܾ  ελςΟοΫαΠτʁJAMstackʁαʔόʔϨεʁίʔσΟϯάʁ • ίϥϘϨʔλʔͱͷަྲྀ  σβΠφʔɾΤϯδχΞɾύϒϦογϟʔɾϏδωεɾϚʔέλʔ

Slide 9

Slide 9 text

A B O U T S H I F T E R

Slide 10

Slide 10 text

Shifter͸  ੩తαΠτδΣωϨʔλʔͱαʔόʔϨεΞʔΩςΫνϟΛ ੈքͰ࠷΋ਓؾͷ͋ΔCMSͱ૊Έ߹ΘͤͨWordPressϗε ςΟϯάιϦϡʔγϣϯͰ͢ɻ

Slide 11

Slide 11 text

ί ϯ η ϓ τ

Slide 12

Slide 12 text

https://jamstack.org/

Slide 13

Slide 13 text

“JAMstack͸ಛఆͷςΫϊϩδʹؔ͢Δ΋ͷͰ͸͋Γ·ͤΜɻ  ͜Ε͸ɺ༏ΕͨύϑΥʔϚϯεɺߴ͍ηΩϡϦςΟɺ௿͍εέʔϦ ϯάίετɺͦͯ͠༏Εͨ։ൃऀΤΫεϖϦΤϯεΛఏڙ͢Δ  WebαΠτ΍ΞϓϦέʔγϣϯΛߏங͢ΔͨΊͷ৽͍͠ํ๏Ͱ͢ɻ”

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

ಛ௃ • ߴ଎  HTTP2, ੈք100ΧॴҎ্ͷCDNڌ఺͔Βߴ଎഑৴ • ηΩϡΞ  SSL, ύεϫʔυϨεϩάΠϯ, WordPress͸ৗ࣌ىಈෆཁ • σΟϕϩούʔϑϨϯυϦʔ  WordPress, OS, ϛυϧ΢ΣΞͷอक࡞ۀɾίετ͕ෆཁ  ϑϩϯτͱόοΫΤϯυͷ෼཭ɺૄ݁߹ • ίϛϡχςΟυϦϒϯͷΠϊϕʔγϣϯ  Ϣʔβʔ΍ίϥϘϨʔλʔͱͷϑΟʔυόοΫϧʔϓ

Slide 19

Slide 19 text

ߴ ଎

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

η Ωϡ Ξ

Slide 24

Slide 24 text

͋ͳͨͷWordPressΛ҆શʹอͭํ๏ (Capital PΑΓ) • ެࣜσΟϨΫτϦ্ͷςʔϚ΍ϓϥάΠϯΛ࢖༻͢Δ͜ͱɻ  ϝϯς͞Ε͍ͯΔ, Ϛϧ΢ΣΞͷ৺഑͕ͳ͍ɻ • ͜·Ίʹ࠷৽൛ʹΞοϓσʔτ͢Δ͜ͱɻ  Shifterʹ͓·͔ͤɻ • ڧྗͳύεϫʔυΛ࢖༻͢Δ͜ͱɻ  Shifterʹ͓͔·ͤɻ https://capitalp.jp/2018/03/02/wordpress-security/

Slide 25

Slide 25 text

σΟϕ ϩ ού ʔϑ Ϩϯ υ Ϧ ʔ

Slide 26

Slide 26 text

Ҿ༻: https://www.lifeintech.com/2017/12/20/jamstack/

Slide 27

Slide 27 text

Ձ ஋͋Δ͜ͱ͚ͩʹू த͢Δʂ

Slide 28

Slide 28 text

• ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁ஋ͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ

Slide 29

Slide 29 text

ί ϛ ϡ χ ς Ο υ Ϧ ϒ ϯ Ͱ   ΋ ͬ ͱ ྑ ͘ ͳ Δ ʂ

Slide 30

Slide 30 text

̍̌̔ʂ ίϛϡχςΟυϦϒϯ

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Slide 33

Slide 33 text

U P D AT E

Slide 34

Slide 34 text

Update • ৽ػೳ • ShifterδΣωϨʔλʔV2.0 • ύεϫʔυϨεϩάΠϯ • Ұ࣌తͳWordPress΁ͷϩάΠϯϦϯΫൃߦػೳ

Slide 35

Slide 35 text

Update • վળ • ΫϨδοτΧʔυͳ͠ϑϦʔτϥΠΞϧ • μογϡϘʔυશମͷ଎౓΍දࣔվળ • ίϛϡχςΟͱͷίϥϘϨʔγϣϯ • Japan, Taiwan, Thai, Koreanϖʔδ

Slide 36

Slide 36 text

ࠓޙͷ༧ఆ • αʔυύʔςΟ΁ͷσϓϩΠػೳ • ଞɺϦΫΤετ΁ͷରԠʹ͝ظ଴͍ͩ͘͞ • WordCamp Bangkok,WordCamp Nordic (Finland), WordCamp Europe (Berlin)

Slide 37

Slide 37 text

ϑΟʔ υό ο Ϋ ΁ ͷ ͝ ճ ౴

Slide 38

Slide 38 text

ಋೖͯ͠Α͔ͬͨ͜ͱ ػೳ໘ ྉۚ໘ ؅ཧ͠ͳ͚Ε͹͍͚ͳ͍಺༰͕ݮͬͨ ແྉϓϥϯͰ࢝ΊΒΕΔ Ϛωʔδυͳ؀ڥͰߏங/อकͷෆཁ ಋೖ͠΍͍͢Ձ֨ઃఆ αΠδϯάෆཁ ೥ׂؒҾ͕͋Δ উखʹεέʔϧ ఆֹͰ࢖͑Δ ද͕ࣔര଎ Http2ରԠ Ωϟογϡ࡟আ΋ෆཁ

Slide 39

Slide 39 text

ಋೖͯ͠Α͔ͬͨ͜ͱ αʔϏεͷਐԽ ηΩϡϦςΟ ਐԽ͕ૣ͍(2೥ͰϦϦʔε໿40ճ) WordPress΁ͷ߈ܸ౳ͷରࡦɺ؅ཧ ΠέͯΔػೳΛϦϦʔεͯ͘͠Δ(WP΋Πϯϑϥ ΋) WordPress͕ৗʹ࠷৽൛ ͏ͪͷαΠτ͸αʔόϨεͬͯݴ͑Δ ϛυϧ΢ΣΞ΋ࣗಈΞοϓσʔτ ͏ͪͷαΠτ͸ίϯςφ࢖ͬͯΔͬͯݴ͑Δ ੩తԽͷ࣌ʹreadme.htmlͳͲෆཁͳϑΝΠϧফ ͯ͘͠ΕΔ AWSʹҙࣝ͠ͳͯ͘΋AWSͷϝϦοτΛڗड SSLରԠ αΠϯΠϯ͍ͯ͠Δࣗ෼΋Χοί͍͍Μ͡Όͳ ͍͔ͱ͍͏ࡨ֮ʹ͓͍ͪΔ SSLূ໌ॻ؅ཧෆཁ

Slide 40

Slide 40 text

ಋೖͯ͠Α͔ͬͨ͜ͱ ίϯςϯπߋ৽ ૉఢͳػೳ WordPressͷ׳Εͨը໘ɺΤσΟλͰهࣄ͕ॻ͚ Δ ίϯςϯπͷόʔδϣϯ؅ཧ ϝσΟΞ؅ཧָ͕ աڈͷίϯςϯπʹ΋͙͢໭ͤΔ! Wordpress؀ڥ͕ຊ౰ʹϫϯΫϦοΫͰखʹೖΔ ΞʔςΟϑΝΫτͷϓϨϏϡʔ͕͍͍! ܖ໿༰ྔ಺ͳΒαΠτෳ਺࣋ͯΔ ίϯςϯπ͕μ΢ϯϩʔυͰ͖Δ! μογϡϘʔυ͕εϚϗରԠ͍ͯ͠Δɹ(Ͱ΋ iphone/chromeͰ͏·͘ϩάΠϯͰ͖ͳ͍) ύεϫʔυ๨Εͯ΋ϩάΠϯͰ͖Δػೳ͢͹Β͠ ͍! ShifterಋೖʹΑΔαΠτϦχϡʔΞϧͰ৭ʑίϯ ςϯπΛߟ͑ ϓϥάΠϯ΋ແޮԽͯ͠ىಈͯ͘͠ΕΔػೳ͕͋ ΔͷͰ੾Γ෼͚͠΍͍͢!

Slide 41

Slide 41 text

ಋೖͯ͠Α͔ͬͨ͜ͱ ૉఢͳػೳ ͦͷଞ OrganizationػೳͰݖݶ؅ཧ API͕͋ΔͷͰ৭ʑͰ͖ͦ͏ DockerΠϝʔδ͕ެ։͞Ε͍ͯΔ υΩϡϝϯτ͕͔ͬ͠Γ͍ͯ͠Δ ଟཁૉೝূ͕͋Δ Ͱ΋ͨ·ʹͳ͍ϖʔδ͕͋Δ FAQ͕͔ͬ͠Γ͍ͯ͠Δ ΞʔΩςΫνϟ͕ษڧʹͳΔ ͜ͷք۾ʹ͍ΔͱΠέͯΔ৘ใ͕खʹೖΓͦ͏

Slide 42

Slide 42 text

ಋೖͯ͠Α͔ͬͨ͜ͱ ͦͷଞ ͦͷଞ ͜ͷք۾ʹ͍ΔͱΠέͯΔϏʔϧʹৄ͘͠ͳΕΔ ೔ຊൃͷαʔϏεͰԠԉͰ͖Δ ϑΟʔυόοΫ͢Δͱ݁ߏ௚ͯ͘͠ΕΔ ӳޠۤखͳ೔ຊਓʹ঺հ͠ʹ͍͘ Ϋʔϙϯ͘ΕΔ ੺௩͞Μ͕ͪΌΜͱ࢓ࣄΛ͢ΔΑ͏ʹͳͬͨ ແ஡ৼΓ͕དྷΔස౓͕૿͑ͨ ੺௩͞Μͷ஄ນ͕͍͢͝ άοζ͕͓͠ΌΕ ੺௩͞Μ͕࢓ࣄ๩ͦ͠͏Ͱશવ༡ΜͰ͘Εͳ͍ ϝϧϚΨ/ϒϩά͕͍͍಺༰

Slide 43

Slide 43 text

ಋೖͯ͠Α͔ͬͨ͜ͱ ͋ͱ͸΋͏গ͠೔ຊޠ৘ใΛ....(ͱ͸͍͑͋ͷਓͨͪ͸೔ຊޠ΍Δؾͳͦ͞͏ͳͷ ͰΈΜͳͰ ShifterΛ࢖ͬͯϒϩάॻ͖·͠ΐ͏!)

Slide 44

Slide 44 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔ ͱ͔Λදࣔ?) ͜Ε·Ͱͷ߈ܸύλʔϯ͕ଘࡏ͠ͳ͍ͱઆ໌ͩ͘ ͍͞ɻ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ εέδϡʔϧσϓϩΠΛݕ౼த  εέδϡʔϧδΣωϨʔτ͸ͪΐͬͱ೉͍͔͠΋ ༰ྔΦʔόʔ࣌ͷΞϥʔϜػೳ ͢Ͱʹ͋Γ·͢ɻαϙʔτϖʔδʹهࡌ͠·͠ ͨɻ αΠτΛෳ੡͍ͨ͠ All-In-One Wp MigrationΛ࢖ͬͯΈ͍ͯͩ͘͞

Slide 45

Slide 45 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ μογϡϘʔυτοϓϖʔδʹϝϞػೳ͕΄͍͠ ݕ౼த αΠτຖʹϝϞػೳ͕΄͍͠ ݕ౼த Ͳ͏͍͏؀ڥͰಈ͍͍ͯΔͷ͔μογϡϘʔυʹ ද͕ࣔ͋Δͱخ͍͠(ݴޠ΍Wpόʔδϣϯ) ରԠࡁΈ  Https://Go.Getshifter.Io/Admin/Support ࢖͑ΔϓϥάΠϯϦετ͕͋Δͱخ͍͠ Emergency Modeͷ͝ར༻Λ σϓϩΠ࣌ͷ௨஌ϝʔϧOffʹ͍ͨ͠ ରԠ͠·ͨ͠

Slide 46

Slide 46 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ Ή͠ΖSlackʹ௨஌Λඈ͹͍ͨ͠ ݕ౼த Route53΋μογϡϘʔυ࿈ܞͰ͖Ε͹خ͍͠ UI΍υΩϡϝϯτΛվળத ACMͷDNSೝূରԠ υϝΠϯ͸DNSೝূ Artifactsͷอଘੈ୅਺ͷઃఆ ݕ౼த

Slide 47

Slide 47 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ ΧφϦΞϦϦʔεػೳ ΞΠσΞ͍ͩ͘͞ Lambda EdgeରԠ ཁݕ౼ μογϡϘʔυͷଟݴޠԽ ཁݕ౼ ίϯςφͷىಈ࣌ؒͷΧελϚΠζ Magick LinkػೳͰղܾͰ͖ͦ͏ʁ

Slide 48

Slide 48 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ αΠτຖͷ౷ܭ৘ใ͕ҰཡͰݟΕΔͱخ͍͠ ཁݕ౼ ౷ܭ৘ใ͕࣌ܥྻͰݟΕΔͱخ͍͠ ཁݕ౼ ಛఆύε͚ͩผͷΦϦδϯʹඈ͹͍ͨ͠ɻ ཁݕ౼ Ͳ͜Ͱ༰ྔΛ࢖͍ͬͯΔͷ͔Θ͔Δͱخ͍͠ ཁݕ౼

Slide 49

Slide 49 text

௥Ճͯ͠ཉ͍͠ػೳ ཁ๬ ճ౴ WPͷύεϫʔυ؅ཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ αΠτຖͷసૹྔͷද͕͓͔͍ࣔ͠ؾ͕͢Δ ݕ౼த ΞΫηεϩά΍ΤϥʔϨʔτͷදࣔ GAͷ׆༻Λ͓קΊ͠·͢ ݹ͍όʔδϣϯͷWpͰىಈ͍ͨ͠ (લݴͬͨΒౖ ΒΕͨ)υͷଟݴޠԽ Emergency ModeΛ͝׆༻͍ͩ͘͞

Slide 50

Slide 50 text

͍·͍ͪͳ఺ ͝ҙݟ ճ౴ WordPressͷىಈʹμογϡϘʔυϩάΠϯ͕ඞ ཁ ෆཁʹͳΓ·ͨ͠ WordPressଆͷύεϫʔυΛϒϥ΢βอଘͰ͖ͳ ͍ ෆཁʹͳΓ·ͨ͠ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔ ͱ͔Λදࣔ?) ೔ຊޠύϯϑϨοτͭ͘Γ·ͨ͠

Slide 51

Slide 51 text

͍·͍ͪͳ఺ ͝ҙݟ ճ౴ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ ͝ظ଴͍ͩ͘͞ Wpͷύεϫʔυ؅ཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ ϋοΧʔͱͷରઓ͕ͳ͘ͳͬͨ ͞ΒʹෆཁʹͳΓ·ͨ͠ ੥ٻ໌ࡉ͕Kobeshi Cityͱ͍͏Ṗ ొ࿥্͸ؒҧ͍ͬͯͳ͍ͷͰ͕͢ɺ༣ศہͷσʔ λʁ

Slide 52

Slide 52 text

ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ver1ͩͱWordPressͷىಈ͕஗͔ͬͨ(ࠓ͸ղܾ) ղܾࡁΈ μογϡϘʔυ͕΋͍ͨͭͨ(ࠓ͸ղܾ), ͞Βʹվળ͠·ͨ͠ WordPressΛ৮Βͳ͍͕࣌ؒͰ͖Δͱɺ͍ͭͷؒ ʹ͔ఀࢭ͍ͯ͠Δɻ(ྑ͍఺ ͚ͩͲ࠷ॳڻ͍ͨ) Θ͔Γ΍͘͢͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ Θ͔Γ΍͘͢͠·͢

Slide 53

Slide 53 text

ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ϓϥάΠϯ͕࢖͑ͳ͍΋ͷ͕͋Δ ͥͻϦΫΤετ͍ͩ͘͞ ଟݴޠԽରԠ͕େมͩͬͨ ໰͍߹ΘͤϑΥʔϜʹ ࠔͬͨ (ࣗ෼ͨͪͰ࡞ͬͨ) ໰͍߹ΘͤϑΥʔϜ͸ରԠࡁ Ҡઃલͷ؀ڥͰCloudFrontΛ࢖͍ͬͯΔͱ໘౗ (ShifterʹݶΒͣ) έʔεελσΟͰ͓ئ͍͠·͢ αΠτͷ࡞੒೔Λද͍ࣔͨ͠(ରԠͯ͘͠Εͨ) ղܾࡁΈ

Slide 54

Slide 54 text

ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ౴ ։ൃձ͕ࣾී௨ͷWordPress࢖ΘͤΖ!ͱౖΓͩ͢ ͬ͘͡Γ࿩͠߹͍·͠ΐ͏ ͦΜͳ࣌ʹখլ͞Μ͕ग़͖ͯͯ΍ͭΒΛଧͪෛ͔ ͢αʔϏε ͕ϦϦʔε͞ΕͨΒੋඇ࢖͍͍ͨ Jp_Getshifter͕͓࢕͍͠·͢ ݁ՌແବͳϓϥάΠϯ͕ݮͬͯߏ੒͕γϯϓϧʹ ͳΔɻγϯϓϧΠζϕετɻ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ αϙʔτͷରԠ͕ૣ͍ɺαϙʔτͷରԠ͕೔ຊ ޠɺαϙʔτ͕͍͢͝ஸೡɺ·͡ײँ ΋ͪΖΜӳޠͰ΋OKͰ͢ʂ

Slide 55

Slide 55 text

࣍ ճ ͸ 2 0 1 9 / 3 / 6 ( ਫ ) ։ ࠵ ܾ ఆ ʂ   ৔ ॴ ɿ S T R I P E Twitter & FB Group : JP_Getshifter ϋογϡλά: #JP_Getshifter

Slide 56

Slide 56 text

T H A N K S !