Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shiftup! JP_Getshifter Vol1!のセッション資料
Search
DigitalCube Inc.
February 06, 2019
1
860
Shiftup! JP_Getshifter Vol1!のセッション資料
DigitalCube Inc.
February 06, 2019
Tweet
Share
More Decks by DigitalCube Inc.
See All by DigitalCube Inc.
ISMSを3ヶ月で爆速取得したプロジェクトマネジメントのコツ
digitalcube
0
390
地方の零細企業が AWS MarketPlace 使って10年どうだった?
digitalcube
0
860
[株式会社デジタルキューブ] 会社概要
digitalcube
1
5.6k
[4/7 開催] Shifter オンラインミートアップ!春のフレッシャーズ祭り
digitalcube
0
560
WordPress のフルサイト編集を使ったサイト作成と Shifter を使ってノーコードで安全なサイトを運用する
digitalcube
0
740
Shifter の基本と最新情報
digitalcube
0
160
[12/10 開催] Shifter オンラインミートアップ!
digitalcube
0
42
Snow Monkey での 自社サービスサイト構築事例
digitalcube
0
620
Shifter 新ダッシュボード 3 つのポイントをご紹介
digitalcube
0
380
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Writing Fast Ruby
sferik
627
61k
Rails Girls Zürich Keynote
gr2m
94
13k
Six Lessons from altMBA
skipperchong
27
3.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Music & Morning Musume
bryan
46
6.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
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 !