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

WordBench Nagano vol.7

Transcript

1. 8FCσβΠφʔ͕
   7$$8
   ͱ
   8PSE.PWF
   Ͱ
   8PSE1SFTT
   ͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ THE ORTHODOX WORKS TATSUYA AZEGAMI
2. @42EG 4M 1 ࣗݾ঺հ TATS U YA AZ E GAM I
3. 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
4. ࣗݾ঺հ THE ORTHODOX WORKS http://theorthodoxworks.com
5. 8FCσβΠφʔ͕
   7$$8
   ͱ
   8PSE.PWF
   Ͱ
   8PSE1SFTT
   ͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ࠓ೔͓࿩͢͠Δ͜ͱ
6. ɾ7$$8
   8PSE.PWF
   ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ ࠓ೔͓࿩͢͠Δ͜ͱ ɾͳͥ
   7$$8
   8PSE.PWF
   ͕ඞཁͩͬͨͷ͔
7. 8FCσβΠφʔ͕
   7$$8
   ͱ
   8PSE.PWF
   Ͱ
   8PSE1SFTT
   ͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ͦͷલʹ
8. 8FCσβΠφʔ͕
   7$$8
   ͱ
   8PSE.PWF
   Ͱ
   8PSE1SFTT
   ͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ͦͷલʹ
9. 7$$8ͱ͸ʁ
10. 8PSE1SFTTͷ։ൃ؀ڥߏஙπʔϧ 7$$8ͱ͸ʁ
11. 8PSE1SFTTͷ։ൃ؀ڥߏஙπʔϧ 7$$8ͱ͸ʁ FH
    .".1
    9".11
12. 7$$8ͱ͸ʁ http://vccw.cc
13. 8PSE.PWFͱ͸ʁ
14. 8PSE1SFTTͷࣗಈσϓϩΠπʔϧ 8PSE.PWFͱ͸ʁ
15. http://welaika.github.io/wordmove/ 8PSE.PWFͱ͸ʁ
16. ຊ୊ ɾ7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ
17. ຊ୊ ɾ7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ
18. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ҰݴͰݴ͏ͱɺ
19. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ .".1
    ਏ͍
20. .".1
    ͕ਏ͘ͳ͖ͬͯͨཧ༝ w ؅ཧ͢ΔαΠτ͕૿͖͑ͯͨͨΊɺςετ؀ڥͱͯ͠ϩʔΧϧʹ࡞੒ ͨ͠
    8PSE1SFTT
    ͷ਺͕૿͑ͨ
    w ख࣋ͪͷ
    1$
    ͢΂ͯͱϩʔΧϧ؀ڥΛڞ༗͍ͯͨͨ͠Ίɺߏ଄͕ෳࡶ ʹͳͬͨ
21. .".1
    Ͱ΍ͬͯͨ͜ͱ w ʢଞͷ1$ͱϩʔΧϧ؀ڥΛڞ༗ͤ͞ΔͨΊʣIUEPDT
    ϑΥϧμΛ
    J$MPVE
    ʹҠಈͯ͠ڞ༗͍ͯͨ͠
    w ʢଞͷ1$ͱϩʔΧϧ؀ڥΛڞ༗ͤ͞ΔͨΊʣEC
    ϑΥϧμΛ
    %SPQCPY
    ʹҠಈͯ͠ɺγϯϘϦοΫϦ ϯΫΛ.".1ϑΝϧμʹ࡞੒͍ͯͨ͠ʢEC
    ϑΥϧμ͸ҠಈͰ͖ͳ͍ͨΊʣ
    w ͞ΒʹɺΞοϓϩʔυʢຊ൪ʣ༻ͱͯ͠ςʔϚϑΥϧμ͚ͩΛผϑΥϧμʹ͓͖͔ͨͬͨͨΊʹɺ J$MPVE
    ʹ͓͍ͨ
    IUEPDT
    ϑΥϧμͷ͏ͪɺςʔϚϑΥϧμͷγϯϘϦοΫϦϯΫΛผϑΥϧμʹ࡞ ੒͍ͯͨ͠
    ˠ
    8PSE1SFTT
    ͷ਺͚ͩγϯϘϦοΫϦϯΫ͸૿͑Δ
    w ্هΛͦΕͧΕͷ1$ʹಉ༷ʹઃఆ͍ͯͨ͠ʢ8PSE1SFTT
    ͕૿͑Δͨͼʹઃఆ͕ඞཁʣ
22. .".1
    ਏ͍
23. .".1
    ͕ѱ͍Θ͚Ͱ͸ͳ͍
24. .".1
    ͕ѱ͍Θ͚Ͱ͸ͳ͍ ࣗ෼ͷ࢖͍ํͱ͍͋ͬͯͳ͔͚ͬͨͩͰ͢ɻ
25. .".1
    ͕ѱ͍Θ͚Ͱ͸ͳ͍ .".1
    ΍
    .".1
    ͷར༻Λ൱ఆ͍ͯ͠ΔΘ͚Ͱ͸͋Γ·ͤΜɻ
26. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ΋͏Ұͭ
27. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍
28. 7$$8
    8PSE.PWF
    લͷσϓϩΠ
29. 7$$8
    8PSE.PWF
    લͷσϓϩΠ '51
    ιϑτ
    'JMF;JMMB
30. '51
    ਏ͍ w 8PSE1SFTT
    ͸ɺ֊૚͕ਂ͘
    UIFNFT
    ϑΥϧμ·ͰͷಓͷΓ͕௕͍
    w 'JMF;JMMB
    ౳ͷແྉͷ
    '51
    ιϑτ͸ɺԼͷ֊૚͕֬ೝͮ͠Β͘ɺ֊૚ ͷҠಈʹਆܦΛ࢖͏
    w ຊ൪؀ڥͩͱ͏·͍͔͘ͳ͔ͬͨ
    ˠ
    ΤσΟλดͯͨ͡ʢ্ཱͪ͛ͯ मਖ਼ʣˠ
    '51ιϑτดͯͨ͡ʢ্ཱͪ͛ͯ໨తͷ֊૚·ͰΫϦοΫʣ ˠ
    ຊ൪؀ڥͩͱ͏·͍͔͘ͳ͔ͬʢ͈́
31. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1
    ਏ͍
32. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1
    ਏ͍ ˣ
33. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1
    ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏
34. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1
    ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏ ˣ
35. ͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1
    ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏ ˣ Կ͔Λม͑Δඞཁ͕͋Δʢ֬৴ʣ
36. ඞཁͱͨ͠΋ͷ
37. ඞཁͱͨ͠΋ͷ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ
38. ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ
39. ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ
40. ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ cc
41. ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ cc 7$$8
42. ຊ୊ ɾ7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ
43. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ϚδͰΑ͔ͬͨ
44. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
45. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
    8PSE1SFTT
    ͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ
    ˣ
    ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์
46. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
    8PSE1SFTT
    ͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ
    ˣ
    ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์
47. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔
48. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ਺ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ
    ˣ
    '51
    ͔Βղ์
49. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ਺ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ
    ˣ
    '51
    ͔Βղ์
50. 7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ w 8PSE1SFTT
    ͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ
    w ਺ߦͷίϚϯυͰ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ
    w ຊ൪؀ڥͱϩʔΧϧ؀ڥΛ׬શʹಉظ͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ
    w ϩʔΧϧ؀ڥ͕ͦͷ··ຊ൪ͷόοΫΞοϓʹͳΔ
51. ͜͜·Ͱͷ·ͱΊ 7$$8
    8PSE.PWF
    Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT
    ͷ͜ͱ͸͢΂ͯ
    7$$8
    8PSE.PWF
    ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ
52. ͜͜·Ͱͷ·ͱΊ ˣ ਏ͘ͳ͘ͳͬͨ 7$$8
    8PSE.PWF
    Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT
    ͷ͜ͱ͸͢΂ͯ
    7$$8
    8PSE.PWF
    ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ
53. ͜͜·Ͱͷ·ͱΊ 7$$8
    8PSE.PWF
    Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT
    ͷ͜ͱ͸͢΂ͯ
    7$$8
    8PSE.PWF
    ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ όʔγϣΞοϓͱ͔هࣄ࡞੒ͱ͔͸ɺຊ൪ͷ؅ཧը໘͔Βߦ͏Α͏ʹ͍ͯͯ͠ɺςʔϚʹؔ͢Δ͜ ͱ͸ϩʔΧϧͷ
    7$$8
    Ͱɺͦͷଞͷ͜ͱ͸ຊ൪Ͱͱ׬શʹ੗Έ෼͚ͯΔɻ ˣ ਏ͘ͳ͘ͳͬͨ
54. ຊ୊ ɾ7$$8
    8PSE.PWF
    ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ
    7$$8
    8PSE.PWF
    ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ
55. 7$$8
    Λ࢖ͬͨ։ൃ؀ڥ
56. 7$$8
    Λ࢖ͬͨ։ൃ؀ڥ .PWFpMF
    ͱ
    TJUFZNM
    ΛϓϥΠϕʔτϦϙδτϦ΁
57. 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ʯΛ௥Ճ
58. 7$$8
    Λ࢖ͬͨ։ൃ؀ڥ EFW˓˓˓ͰςʔϚͷ࡞੒ɺHVMQϏϧυ
59. 7$$8
    Λ࢖ͬͨ։ൃ؀ڥ $ npm run gulp EFW˓˓˓ͱಉ͡֊૚ʹςʔϚϑΥϧμ͕ੜ੒͞ΕΔɻ
    7$$8
    ͷ
    8PSE1SFTT
    ʹ͸ੜ੒͞ΕͨςʔϚϑΥϧμΛಡ·ͤΔɻ
    ੜ੒͞ΕͨςʔϚϑΥϧμ͕σϓϩΠ͞ΕΔɻ
60. 7$$8
    Λ࢖ͬͨ։ൃ؀ڥ ϙΠϯτ
    w.PWFpMF
    ͰʮEFW˓˓˓ʯͷϑΥϧμΛআ֎͍ͯ͠ΔͷͰσϓϩΠ͞Εͳ͍
    wTSDϑΥϧμʢEFW˓˓˓ʣͱ
    EJTUʢ˓˓˓ʣΛ׬શʹ෼཭͍ͯ͠Δ
    wϏϧυෆཁͷϑΝΠϧʹ͍ͭͯ͸ɺίϐʔλεΫͰରԠ
    w.PWFpMF
    ͱ
    TJUFZNM
    ΛϓϥΠϕʔτϦϙδτϦ΁
    QVTI
    wEFW˓˓˓
    Λ
    #JUCVDLFU
    ͔
    (JU)VC
    ʹ
    QVTI
61. ·ͱΊ
62. ·ͱΊ 7$$8
    ʹײँ
63. THANK YOU