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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Tatsuya Azegami
March 11, 2017
Programming
3
3.1k
WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話
WordBench Nagano vol.7
Tatsuya Azegami
March 11, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
290
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.9k
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
220
CSC307 Lecture 04
javiergs
PRO
0
660
登壇資料を作る時に意識していること #登壇資料_findy
konifar
4
1.1k
今から始めるClaude Code超入門
448jp
8
8.8k
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.5k
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
2026年 エンジニアリング自己学習法
yumechi
0
130
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
570
CSC307 Lecture 07
javiergs
PRO
0
550
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The SEO Collaboration Effect
kristinabergwall1
0
350
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
210
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The browser strikes back
jonoalderson
0
370
WCS-LA-2024
lcolladotor
0
450
Writing Fast Ruby
sferik
630
62k
Typedesign – Prime Four
hannesfritz
42
2.9k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
110
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