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
WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話
Search
Tatsuya Azegami
March 11, 2017
Programming
3
3k
WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話
WordBench Nagano vol.7
Tatsuya Azegami
March 11, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
20250708_JAWS_opscdk
takuyay0ne
2
150
TypeScriptでDXを上げろ! Hono編
yusukebe
3
860
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
440
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
150
コーディングエージェント概観(2025/07)
itsuki_t88
0
130
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)
risatube
PRO
3
570
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
250
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
690
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
260
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
150
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
200
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Side Projects
sachag
455
43k
Designing for Performance
lara
610
69k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
109
19k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Writing Fast Ruby
sferik
628
62k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Faster Mobile Websites
deanohume
308
31k
Building an army of robots
kneath
306
45k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
A designer walks into a library…
pauljervisheath
207
24k
Transcript
8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠڥΛߏஙͨ͠ THE ORTHODOX WORKS TATSUYA AZEGAMI
@42EG 4M 1 ࣗݾհ TATS U YA AZ E GAM
I
TATS U YA AZ E GAM I ࣗݾհ We b
D es i g n er No rt he r n N a g a no
ࣗݾհ THE ORTHODOX WORKS http://theorthodoxworks.com
8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠڥΛߏஙͨ͠ ࠓ͓͢͠Δ͜ͱ
ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃڥΛհ ࠓ͓͢͠Δ͜ͱ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔
8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠڥΛߏஙͨ͠ ͦͷલʹ
8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠڥΛߏஙͨ͠ ͦͷલʹ
7$$8ͱʁ
8PSE1SFTTͷ։ൃڥߏஙπʔϧ 7$$8ͱʁ
8PSE1SFTTͷ։ൃڥߏஙπʔϧ 7$$8ͱʁ FH.".1 9".11
7$$8ͱʁ http://vccw.cc
8PSE.PWFͱʁ
8PSE1SFTTͷࣗಈσϓϩΠπʔϧ 8PSE.PWFͱʁ
http://welaika.github.io/wordmove/ 8PSE.PWFͱʁ
ຊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃڥΛհ
ຊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃڥΛհ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ҰݴͰݴ͏ͱɺ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ .".1ਏ͍
.".1͕ਏ͘ͳ͖ͬͯͨཧ༝ w ཧ͢ΔαΠτ͕૿͖͑ͯͨͨΊɺςετڥͱͯ͠ϩʔΧϧʹ࡞ ͨ͠8PSE1SFTTͷ͕૿͑ͨ w ख࣋ͪͷ1$ͯ͢ͱϩʔΧϧڥΛڞ༗͍ͯͨͨ͠Ίɺߏ͕ෳࡶ ʹͳͬͨ
.".1Ͱͬͯͨ͜ͱ w ʢଞͷ1$ͱϩʔΧϧڥΛڞ༗ͤ͞ΔͨΊʣIUEPDTϑΥϧμΛJ$MPVEʹҠಈͯ͠ڞ༗͍ͯͨ͠ w ʢଞͷ1$ͱϩʔΧϧڥΛڞ༗ͤ͞ΔͨΊʣECϑΥϧμΛ%SPQCPYʹҠಈͯ͠ɺγϯϘϦοΫϦ ϯΫΛ.".1ϑΝϧμʹ࡞͍ͯͨ͠ʢECϑΥϧμҠಈͰ͖ͳ͍ͨΊʣ w ͞ΒʹɺΞοϓϩʔυʢຊ൪ʣ༻ͱͯ͠ςʔϚϑΥϧμ͚ͩΛผϑΥϧμʹ͓͖͔ͨͬͨͨΊʹɺ J$MPVE ʹ͓͍ͨ
IUEPDT ϑΥϧμͷ͏ͪɺςʔϚϑΥϧμͷγϯϘϦοΫϦϯΫΛผϑΥϧμʹ࡞ ͍ͯͨ͠ˠ8PSE1SFTTͷ͚ͩγϯϘϦοΫϦϯΫ૿͑Δ w ্هΛͦΕͧΕͷ1$ʹಉ༷ʹઃఆ͍ͯͨ͠ʢ8PSE1SFTT͕૿͑Δͨͼʹઃఆ͕ඞཁʣ
.".1ਏ͍
.".1͕ѱ͍Θ͚Ͱͳ͍
.".1͕ѱ͍Θ͚Ͱͳ͍ ࣗͷ͍ํͱ͍͋ͬͯͳ͔͚ͬͨͩͰ͢ɻ
.".1͕ѱ͍Θ͚Ͱͳ͍ .".1.".1ͷར༻Λ൱ఆ͍ͯ͠ΔΘ͚Ͱ͋Γ·ͤΜɻ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ͏Ұͭ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍
7$$8 8PSE.PWF લͷσϓϩΠ
7$$8 8PSE.PWF લͷσϓϩΠ '51ιϑτ 'JMF;JMMB
'51ਏ͍ w 8PSE1SFTTɺ֊͕ਂ͘UIFNFTϑΥϧμ·ͰͷಓͷΓ͕͍ w 'JMF;JMMB ͷແྉͷ '51 ιϑτɺԼͷ֊͕֬ೝͮ͠Β͘ɺ֊ ͷҠಈʹਆܦΛ͏ w
ຊ൪ڥͩͱ͏·͍͔͘ͳ͔ͬͨ ˠ ΤσΟλดͯͨ͡ʢ্ཱͪ͛ͯ मਖ਼ʣˠ'51ιϑτดͯͨ͡ʢ্ཱͪ͛ͯతͷ֊·ͰΫϦοΫʣ ˠຊ൪ڥͩͱ͏·͍͔͘ͳ͔ͬʢ͈́
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛΒ͔ͦ͠͏
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛΒ͔ͦ͠͏ ˣ
ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛΒ͔ͦ͠͏ ˣ Կ͔Λม͑Δඞཁ͕͋Δʢ֬৴ʣ
ඞཁͱͨ͠ͷ
ඞཁͱͨ͠ͷ ෳࡶͰͳ͍ϩʔΧϧڥ
ඞཁͱͨ͠ͷ ʴ ෳࡶͰͳ͍ϩʔΧϧڥ
ඞཁͱͨ͠ͷ ʴ ෳࡶͰͳ͍ϩʔΧϧڥ ؆୯ͳσϓϩΠڥ
ඞཁͱͨ͠ͷ ʴ ෳࡶͰͳ͍ϩʔΧϧڥ ؆୯ͳσϓϩΠڥ cc
ඞཁͱͨ͠ͷ ʴ ෳࡶͰͳ͍ϩʔΧϧڥ ؆୯ͳσϓϩΠڥ cc 7$$8
ຊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃڥΛհ
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ϚδͰΑ͔ͬͨ
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ 8PSE1SFTTͷϩʔΧϧڥͷݟ௨͕͠ྑ͘ͳΓཧ͕͘͢͠ͳͬͨ ˣ ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ 8PSE1SFTTͷϩʔΧϧڥͷݟ௨͕͠ྑ͘ͳΓཧ͕͘͢͠ͳͬͨ ˣ ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃڥ͔Βຊ൪ڥσϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ ˣ '51͔Βղ์
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃڥ͔Βຊ൪ڥσϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ ˣ '51͔Βղ์
7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ w 8PSE1SFTTͷϩʔΧϧڥͷݟ௨͕͠ྑ͘ͳΓཧ͕͘͢͠ͳͬͨ w ߦͷίϚϯυͰ؆୯ʹϩʔΧϧͷ։ൃڥ͔Βຊ൪ڥσϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ w ຊ൪ڥͱϩʔΧϧڥΛશʹಉظ͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ
w ϩʔΧϧڥ͕ͦͷ··ຊ൪ͷόοΫΞοϓʹͳΔ
͜͜·Ͱͷ·ͱΊ 7$$8 8PSE.PWF Λ͏͜ͱͰɺϩʔΧϧڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱͯ͢ 7$$8 8PSE.PWF ͚ͩͰ݁Ͱ͖ΔΑ͏ʹͳͬͨɻ
͜͜·Ͱͷ·ͱΊ ˣ ਏ͘ͳ͘ͳͬͨ 7$$8 8PSE.PWF Λ͏͜ͱͰɺϩʔΧϧڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱͯ͢ 7$$8
8PSE.PWF ͚ͩͰ݁Ͱ͖ΔΑ͏ʹͳͬͨɻ
͜͜·Ͱͷ·ͱΊ 7$$8 8PSE.PWF Λ͏͜ͱͰɺϩʔΧϧڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱͯ͢ 7$$8 8PSE.PWF ͚ͩͰ݁Ͱ͖ΔΑ͏ʹͳͬͨɻ
όʔγϣΞοϓͱ͔هࣄ࡞ͱ͔ɺຊ൪ͷཧը໘͔Βߦ͏Α͏ʹ͍ͯͯ͠ɺςʔϚʹؔ͢Δ͜ ͱϩʔΧϧͷ7$$8Ͱɺͦͷଞͷ͜ͱຊ൪ͰͱશʹΈ͚ͯΔɻ ˣ ਏ͘ͳ͘ͳͬͨ
ຊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃڥΛհ
7$$8Λͬͨ։ൃڥ
7$$8Λͬͨ։ൃڥ .PWFpMFͱTJUFZNMΛϓϥΠϕʔτϦϙδτϦ
7$$8Λͬͨ։ൃڥ exclude: - ".git/" - ".gitignore" - ".sass-cache/" - "bin/"
- "tmp/*" - "Gemfile*" - "Movefile" - "wp-config.php" - "wp-content/*.sql" - "dev-◦◦◦/" - ".DS_Store" .PWFpMFͷFYDMVEFʹʮEFWςʔϚωʔϜʯͱʮ%4@4UPSFʯΛՃ
7$$8Λͬͨ։ൃڥ EFW˓˓˓ͰςʔϚͷ࡞ɺHVMQϏϧυ
7$$8Λͬͨ։ൃڥ $ npm run gulp EFW˓˓˓ͱಉ͡֊ʹςʔϚϑΥϧμ͕ੜ͞ΕΔɻ 7$$8ͷ8PSE1SFTTʹੜ͞ΕͨςʔϚϑΥϧμΛಡ·ͤΔɻ ੜ͞ΕͨςʔϚϑΥϧμ͕σϓϩΠ͞ΕΔɻ
7$$8Λͬͨ։ൃڥ ϙΠϯτ w.PWFpMFͰʮEFW˓˓˓ʯͷϑΥϧμΛআ֎͍ͯ͠ΔͷͰσϓϩΠ͞Εͳ͍ wTSDϑΥϧμʢEFW˓˓˓ʣͱEJTUʢ˓˓˓ʣΛશʹ͍ͯ͠Δ wϏϧυෆཁͷϑΝΠϧʹ͍ͭͯɺίϐʔλεΫͰରԠ w.PWFpMFͱTJUFZNMΛϓϥΠϕʔτϦϙδτϦQVTI wEFW˓˓˓Λ#JUCVDLFU͔(JU)VCʹQVTI
·ͱΊ
·ͱΊ 7$$8ʹײँ
THANK YOU