WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話

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ͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ͦͷલʹ

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 ͕ඞཁͩͬͨͷ͔ .".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 ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ 8PSE1SFTTͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ ˣ ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔

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Λ࢖ͬͨ։ൃ؀ڥ

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

WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話

WebデザイナーがVCCWとWordMoveでWordPressのデプロイ環境を構築した話

Other Decks in Programming

Featured

Transcript