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
2.8k
WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話
WordBench Nagano vol.7
Tatsuya Azegami
March 11, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
リハビリmruby
kishima
1
160
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
継続的な活動で築く地方エンジニアの道
myamashii
2
350
英語
s_shimotori
1
220
CSC307 Lecture 06
javiergs
PRO
0
360
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
770
Advanced App Shrinking Techniques
cbeyls
2
150
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
Exploring the Gradually Lost Technical Skills in the Cloud Native Era
hwchiu
2
3.9k
Featured
See All Featured
A Philosophy of Restraint
colly
200
16k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
The Mythical Team-Month
searls
217
43k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
How GitHub (no longer) Works
holman
305
140k
GitHub's CSS Performance
jonrohan
1026
450k
Producing Creativity
orderedlist
PRO
340
39k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
What the flash - Photography Introduction
edds
65
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Building Your Own Lightsaber
phodgson
101
5.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
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