Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Shiftup! JP_Getshifter Vol1!のセッション資料
DigitalCube Inc.
February 06, 2019
1
500
Shiftup! JP_Getshifter Vol1!のセッション資料
DigitalCube Inc.
February 06, 2019
Tweet
Share
More Decks by DigitalCube Inc.
See All by DigitalCube Inc.
digitalcube
0
4
digitalcube
0
50
digitalcube
0
35
digitalcube
0
190
digitalcube
1
65
digitalcube
0
32
digitalcube
0
190
digitalcube
0
220
digitalcube
0
150
Featured
See All Featured
holman
462
280k
philhawksworth
192
8.9k
maltzj
502
36k
carmenhchung
34
1.6k
wjessup
340
16k
philnash
10
670
jasonvnalue
81
8.1k
andyhume
64
3.8k
bkeepers
PRO
322
53k
hannesfritz
29
980
rasmusluckow
318
19k
jcasabona
8
590
Transcript
ʮ 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 .
Α ͏ ͦ͜ S H I F T U P
! ʂ
• What’s Shiftup? • About Shifter • Update • Answer
for feedback Agenda
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
• JAWS-UG on ASCII.jp ਆށͷσδλϧΩϡʔϒ͕࣮ફ͢Δ ίϛϡχςΟɺϏʔϧɺͨ·ʹࣄ http://ascii.jp/elem/000/001/512/ 1512561/
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!
W H AT ’ S S H I F T
U P ?
Meet up event for Shifter Community in Japan • ใڞ༗
ϝϦοτʁؾΛ͚ͭΔͱ͜Ζʁ • σΟεΧογϣϯɾ՝ղܾ ελςΟοΫαΠτʁJAMstackʁαʔόʔϨεʁίʔσΟϯάʁ • ίϥϘϨʔλʔͱͷަྲྀ σβΠφʔɾΤϯδχΞɾύϒϦογϟʔɾϏδωεɾϚʔέλʔ
A B O U T S H I F T
E R
Shifter ੩తαΠτδΣωϨʔλʔͱαʔόʔϨεΞʔΩςΫνϟΛ ੈքͰ࠷ਓؾͷ͋ΔCMSͱΈ߹ΘͤͨWordPressϗε ςΟϯάιϦϡʔγϣϯͰ͢ɻ
ί ϯ η ϓ τ
https://jamstack.org/
“JAMstackಛఆͷςΫϊϩδʹؔ͢ΔͷͰ͋Γ·ͤΜɻ ͜Εɺ༏ΕͨύϑΥʔϚϯεɺߴ͍ηΩϡϦςΟɺ͍εέʔϦ ϯάίετɺͦͯ͠༏Εͨ։ൃऀΤΫεϖϦΤϯεΛఏڙ͢Δ WebαΠτΞϓϦέʔγϣϯΛߏங͢ΔͨΊͷ৽͍͠ํ๏Ͱ͢ɻ”
None
None
JAMstackʹ֘͠ͳ͍ύλʔϯ ΫϥΠΞϯτͱαʔό͕ີ݁߹͍ͯ͠Δ͋ΒΏΔϓϩδΣΫτJAMstackͰߏங͞Εͨͱݴ͑·ͤ ΜɻԼهͷͷؚ͕·ΕΔ͜ͱ͕ଟ͍Ͱ͢ɻ • WordPressɺDrupalɺJoomlaɺͦͯ͠SquarespaceͷΑ͏ͳαʔόαΠυCMSͰߏங͞ΕͨαΠτ • RubyɺNodeଞͷݴޠʹґଘ͢ΔϞϊϦγοΫͳαʔό͕ಈ࡞͢ΔWebΞϓϦέʔγϣϯ • ࣮ߦ࣌ʹαʔόଆͰϨϯμϦϯάͰϏϡʔΛߏங͢ΔSPA
None
ಛ • ߴ HTTP2, ੈք100ΧॴҎ্ͷCDNڌ͔Βߴ৴ • ηΩϡΞ SSL, ύεϫʔυϨεϩάΠϯ, WordPressৗ࣌ىಈෆཁ
• σΟϕϩούʔϑϨϯυϦʔ WordPress, OS, ϛυϧΣΞͷอक࡞ۀɾίετ͕ෆཁ ϑϩϯτͱόοΫΤϯυͷɺૄ݁߹ • ίϛϡχςΟυϦϒϯͷΠϊϕʔγϣϯ ϢʔβʔίϥϘϨʔλʔͱͷϑΟʔυόοΫϧʔϓ
ߴ
https://www.getshifter.io/test-drive-wp-page-builder-by-themeum/
None
None
η Ωϡ Ξ
͋ͳͨͷWordPressΛ҆શʹอͭํ๏ (Capital PΑΓ) • ެࣜσΟϨΫτϦ্ͷςʔϚϓϥάΠϯΛ༻͢Δ͜ͱɻ ϝϯς͞Ε͍ͯΔ, ϚϧΣΞͷ৺͕ͳ͍ɻ • ͜·Ίʹ࠷৽൛ʹΞοϓσʔτ͢Δ͜ͱɻ Shifterʹ͓·͔ͤɻ
• ڧྗͳύεϫʔυΛ༻͢Δ͜ͱɻ Shifterʹ͓͔·ͤɻ https://capitalp.jp/2018/03/02/wordpress-security/
σΟϕ ϩ ού ʔϑ Ϩϯ υ Ϧ ʔ
Ҿ༻: https://www.lifeintech.com/2017/12/20/jamstack/
Ձ ͋Δ͜ͱ͚ͩʹू த͢Δʂ
• ύϒϦογϟʔɿΑΓྑ͍ίϯςϯπΛϑΝϯʹಧ͚Δ • ։ൃऀɿSREʢSite Reliability EngineeringʣʹϑΥʔΧε • ϚʔέολʔɿΧελϚʔαΫηεʹϑΥʔΧε ΑΓՁͷ͋Δ׆ಈʹϑΥʔΧεͰ͖Δ
ί ϛ ϡ χ ς Ο υ Ϧ ϒ ϯ
Ͱ ͬ ͱ ྑ ͘ ͳ Δ ʂ
̍̌̔ʂ ίϛϡχςΟυϦϒϯ
None
ʂ
U P D AT E
Update • ৽ػೳ • ShifterδΣωϨʔλʔV2.0 • ύεϫʔυϨεϩάΠϯ • Ұ࣌తͳWordPressͷϩάΠϯϦϯΫൃߦػೳ
Update • վળ • ΫϨδοτΧʔυͳ͠ϑϦʔτϥΠΞϧ • μογϡϘʔυશମͷදࣔվળ • ίϛϡχςΟͱͷίϥϘϨʔγϣϯ •
Japan, Taiwan, Thai, Koreanϖʔδ
ࠓޙͷ༧ఆ • αʔυύʔςΟͷσϓϩΠػೳ • ଞɺϦΫΤετͷରԠʹ͝ظ͍ͩ͘͞ • WordCamp Bangkok,WordCamp Nordic (Finland),
WordCamp Europe (Berlin)
ϑΟʔ υό ο Ϋ ͷ ͝ ճ
ಋೖͯ͠Α͔ͬͨ͜ͱ ػೳ໘ ྉۚ໘ ཧ͠ͳ͚Ε͍͚ͳ͍༰͕ݮͬͨ ແྉϓϥϯͰ࢝ΊΒΕΔ ϚωʔδυͳڥͰߏங/อकͷෆཁ ಋೖ͍͢͠Ձ֨ઃఆ αΠδϯάෆཁ ׂؒҾ͕͋Δ উखʹεέʔϧ
ఆֹͰ͑Δ ද͕ࣔര Http2ରԠ Ωϟογϡআෆཁ
ಋೖͯ͠Α͔ͬͨ͜ͱ αʔϏεͷਐԽ ηΩϡϦςΟ ਐԽ͕ૣ͍(2ͰϦϦʔε40ճ) WordPressͷ߈ܸͷରࡦɺཧ ΠέͯΔػೳΛϦϦʔεͯ͘͠Δ(WPΠϯϑϥ ) WordPress͕ৗʹ࠷৽൛ ͏ͪͷαΠταʔόϨεͬͯݴ͑Δ ϛυϧΣΞࣗಈΞοϓσʔτ
͏ͪͷαΠτίϯςφͬͯΔͬͯݴ͑Δ ੩తԽͷ࣌ʹreadme.htmlͳͲෆཁͳϑΝΠϧফ ͯ͘͠ΕΔ AWSʹҙࣝ͠ͳͯ͘AWSͷϝϦοτΛڗड SSLରԠ αΠϯΠϯ͍ͯ͠ΔࣗΧοί͍͍Μ͡Όͳ ͍͔ͱ͍͏ࡨ֮ʹ͓͍ͪΔ SSLূ໌ॻཧෆཁ
ಋೖͯ͠Α͔ͬͨ͜ͱ ίϯςϯπߋ৽ ૉఢͳػೳ WordPressͷ׳Εͨը໘ɺΤσΟλͰهࣄ͕ॻ͚ Δ ίϯςϯπͷόʔδϣϯཧ ϝσΟΞཧָ͕ աڈͷίϯςϯπʹ͙ͤ͢Δ! Wordpressڥ͕ຊʹϫϯΫϦοΫͰखʹೖΔ ΞʔςΟϑΝΫτͷϓϨϏϡʔ͕͍͍!
ܖ༰ྔͳΒαΠτෳ࣋ͯΔ ίϯςϯπ͕μϯϩʔυͰ͖Δ! μογϡϘʔυ͕εϚϗରԠ͍ͯ͠Δɹ(Ͱ iphone/chromeͰ͏·͘ϩάΠϯͰ͖ͳ͍) ύεϫʔυΕͯϩάΠϯͰ͖Δػೳ͢Β͠ ͍! ShifterಋೖʹΑΔαΠτϦχϡʔΞϧͰ৭ʑίϯ ςϯπΛߟ͑ ϓϥάΠϯແޮԽͯ͠ىಈͯ͘͠ΕΔػೳ͕͋ ΔͷͰΓ͚͍͢͠!
ಋೖͯ͠Α͔ͬͨ͜ͱ ૉఢͳػೳ ͦͷଞ OrganizationػೳͰݖݶཧ API͕͋ΔͷͰ৭ʑͰ͖ͦ͏ DockerΠϝʔδ͕ެ։͞Ε͍ͯΔ υΩϡϝϯτ͕͔ͬ͠Γ͍ͯ͠Δ ଟཁૉೝূ͕͋Δ Ͱͨ·ʹͳ͍ϖʔδ͕͋Δ FAQ͕͔ͬ͠Γ͍ͯ͠Δ
ΞʔΩςΫνϟ͕ษڧʹͳΔ ͜ͷք۾ʹ͍ΔͱΠέͯΔใ͕खʹೖΓͦ͏
ಋೖͯ͠Α͔ͬͨ͜ͱ ͦͷଞ ͦͷଞ ͜ͷք۾ʹ͍ΔͱΠέͯΔϏʔϧʹৄ͘͠ͳΕΔ ຊൃͷαʔϏεͰԠԉͰ͖Δ ϑΟʔυόοΫ͢Δͱ݁ߏͯ͘͠ΕΔ ӳޠۤखͳຊਓʹհ͠ʹ͍͘ Ϋʔϙϯ͘ΕΔ ௩͞Μ͕ͪΌΜͱࣄΛ͢ΔΑ͏ʹͳͬͨ ແৼΓ͕དྷΔස͕૿͑ͨ
௩͞Μͷນ͕͍͢͝ άοζ͕͓͠ΌΕ ௩͞Μ͕ࣄͦ͠͏Ͱશવ༡ΜͰ͘Εͳ͍ ϝϧϚΨ/ϒϩά͕͍͍༰
ಋೖͯ͠Α͔ͬͨ͜ͱ ͋ͱ͏গ͠ຊޠใΛ....(ͱ͍͑͋ͷਓͨͪຊޠΔؾͳͦ͞͏ͳͷ ͰΈΜͳͰ ShifterΛͬͯϒϩάॻ͖·͠ΐ͏!)
Ճͯ͠ཉ͍͠ػೳ ཁ ճ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔ ͱ͔Λදࣔ?) ͜Ε·Ͱͷ߈ܸύλʔϯ͕ଘࡏ͠ͳ͍ͱઆ໌ͩ͘ ͍͞ɻ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ εέδϡʔϧσϓϩΠΛݕ౼த εέδϡʔϧδΣωϨʔτͪΐͬͱ͍͔͠
༰ྔΦʔόʔ࣌ͷΞϥʔϜػೳ ͢Ͱʹ͋Γ·͢ɻαϙʔτϖʔδʹهࡌ͠·͠ ͨɻ αΠτΛෳ͍ͨ͠ All-In-One Wp MigrationΛͬͯΈ͍ͯͩ͘͞
Ճͯ͠ཉ͍͠ػೳ ཁ ճ μογϡϘʔυτοϓϖʔδʹϝϞػೳ͕΄͍͠ ݕ౼த αΠτຖʹϝϞػೳ͕΄͍͠ ݕ౼த Ͳ͏͍͏ڥͰಈ͍͍ͯΔͷ͔μογϡϘʔυʹ ද͕ࣔ͋Δͱخ͍͠(ݴޠWpόʔδϣϯ) ରԠࡁΈ
Https://Go.Getshifter.Io/Admin/Support ͑ΔϓϥάΠϯϦετ͕͋Δͱخ͍͠ Emergency Modeͷ͝ར༻Λ σϓϩΠ࣌ͷ௨ϝʔϧOffʹ͍ͨ͠ ରԠ͠·ͨ͠
Ճͯ͠ཉ͍͠ػೳ ཁ ճ Ή͠ΖSlackʹ௨Λඈ͍ͨ͠ ݕ౼த Route53μογϡϘʔυ࿈ܞͰ͖Εخ͍͠ UIυΩϡϝϯτΛվળத ACMͷDNSೝূରԠ υϝΠϯDNSೝূ Artifactsͷอଘੈͷઃఆ
ݕ౼த
Ճͯ͠ཉ͍͠ػೳ ཁ ճ ΧφϦΞϦϦʔεػೳ ΞΠσΞ͍ͩ͘͞ Lambda EdgeରԠ ཁݕ౼ μογϡϘʔυͷଟݴޠԽ ཁݕ౼
ίϯςφͷىಈ࣌ؒͷΧελϚΠζ Magick LinkػೳͰղܾͰ͖ͦ͏ʁ
Ճͯ͠ཉ͍͠ػೳ ཁ ճ αΠτຖͷ౷ܭใ͕ҰཡͰݟΕΔͱخ͍͠ ཁݕ౼ ౷ܭใ͕࣌ܥྻͰݟΕΔͱخ͍͠ ཁݕ౼ ಛఆύε͚ͩผͷΦϦδϯʹඈ͍ͨ͠ɻ ཁݕ౼ Ͳ͜Ͱ༰ྔΛ͍ͬͯΔͷ͔Θ͔Δͱخ͍͠
ཁݕ౼
Ճͯ͠ཉ͍͠ػೳ ཁ ճ WPͷύεϫʔυཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ αΠτຖͷసૹྔͷද͕͓͔͍ࣔ͠ؾ͕͢Δ ݕ౼த ΞΫηεϩάΤϥʔϨʔτͷදࣔ GAͷ׆༻Λ͓קΊ͠·͢ ݹ͍όʔδϣϯͷWpͰىಈ͍ͨ͠
(લݴͬͨΒౖ ΒΕͨ)υͷଟݴޠԽ Emergency ModeΛ͝׆༻͍ͩ͘͞
͍·͍ͪͳ ͝ҙݟ ճ WordPressͷىಈʹμογϡϘʔυϩάΠϯ͕ඞ ཁ ෆཁʹͳΓ·ͨ͠ WordPressଆͷύεϫʔυΛϒϥβอଘͰ͖ͳ ͍ ෆཁʹͳΓ·ͨ͠ ಋೖޮՌ͕Θ͔Γʹ͍͘(Ͳͷ͘Β͍߈ܸ͕͋Δ͔
ͱ͔Λදࣔ?) ຊޠύϯϑϨοτͭ͘Γ·ͨ͠
͍·͍ͪͳ ͝ҙݟ ճ ϖʔδެ։ͷεέδϡʔϦϯά͕Ͱ͖ͳ͍ ͝ظ͍ͩ͘͞ Wpͷύεϫʔυཧػೳ͕͋Δͱخ͍͠ ෆཁʹͳΓ·ͨ͠ ϋοΧʔͱͷରઓ͕ͳ͘ͳͬͨ ͞ΒʹෆཁʹͳΓ·ͨ͠ ٻ໌ࡉ͕Kobeshi
Cityͱ͍͏Ṗ ొ্ؒҧ͍ͬͯͳ͍ͷͰ͕͢ɺ༣ศہͷσʔ λʁ
ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ ver1ͩͱWordPressͷىಈ͕͔ͬͨ(ࠓղܾ) ղܾࡁΈ μογϡϘʔυ͕͍ͨͭͨ(ࠓղܾ), ͞Βʹվળ͠·ͨ͠ WordPressΛ৮Βͳ͍͕࣌ؒͰ͖Δͱɺ͍ͭͷؒ ʹ͔ఀࢭ͍ͯ͠Δɻ(ྑ͍ ͚ͩͲ࠷ॳڻ͍ͨ)
Θ͔Γ͘͢͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ Θ͔Γ͘͢͠·͢
ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ ϓϥάΠϯ͕͑ͳ͍ͷ͕͋Δ ͥͻϦΫΤετ͍ͩ͘͞ ଟݴޠԽରԠ͕େมͩͬͨ ͍߹ΘͤϑΥʔϜʹ ࠔͬͨ (ࣗͨͪͰ࡞ͬͨ) ͍߹ΘͤϑΥʔϜରԠࡁ
ҠઃલͷڥͰCloudFrontΛ͍ͬͯΔͱ໘ (ShifterʹݶΒͣ) έʔεελσΟͰ͓ئ͍͠·͢ αΠτͷ࡞Λද͍ࣔͨ͠(ରԠͯ͘͠Εͨ) ղܾࡁΈ
ಋೖ·Ͱେมͩͬͨ͜ͱ ͝ҙݟ ճ ։ൃձ͕ࣾී௨ͷWordPressΘͤΖ!ͱౖΓͩ͢ ͬ͘͡Γ͠߹͍·͠ΐ͏ ͦΜͳ࣌ʹখլ͞Μ͕ग़͖ͯͯͭΒΛଧͪෛ͔ ͢αʔϏε ͕ϦϦʔε͞ΕͨΒੋඇ͍͍ͨ Jp_Getshifter͕͓͍͠·͢ ݁ՌແବͳϓϥάΠϯ͕ݮͬͯߏ͕γϯϓϧʹ
ͳΔɻγϯϓϧΠζϕετɻ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ ৗʹ࠷৽όʔδϣϯͷWordPress͕ىಈ͢ΔͨΊ ෆ۩߹ൃੜ ੍࡞ؔ࿈ͷέʔεελσΟΛืू͍ͯ͠·͢ αϙʔτͷରԠ͕ૣ͍ɺαϙʔτͷରԠ͕ຊ ޠɺαϙʔτ͕͍͢͝ஸೡɺ·͡ײँ ͪΖΜӳޠͰOKͰ͢ʂ
࣍ ճ 2 0 1 9 / 3 /
6 ( ਫ ) ։ ࠵ ܾ ఆ ʂ ॴ ɿ S T R I P E Twitter & FB Group : JP_Getshifter ϋογϡλά: #JP_Getshifter
T H A N K S !