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

by Tatsuya Azegami

Slide 1

Slide 1 text

8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ THE ORTHODOX WORKS TATSUYA AZEGAMI

Slide 2

Slide 2 text

@42EG 4M 1 ࣗݾ঺հ TATS U YA AZ E GAM I

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

ࣗݾ঺հ THE ORTHODOX WORKS http://theorthodoxworks.com

Slide 5

Slide 5 text

8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ࠓ೔͓࿩͢͠Δ͜ͱ

Slide 6

Slide 6 text

ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ ࠓ೔͓࿩͢͠Δ͜ͱ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔

Slide 7

Slide 7 text

8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ͦͷલʹ

Slide 8

Slide 8 text

8FCσβΠφʔ͕7$$8ͱ8PSE.PWFͰ8PSE1SFTTͷσϓϩΠ؀ڥΛߏஙͨ͠࿩ ͦͷલʹ

Slide 9

Slide 9 text

7$$8ͱ͸ʁ

Slide 10

Slide 10 text

8PSE1SFTTͷ։ൃ؀ڥߏஙπʔϧ 7$$8ͱ͸ʁ

Slide 11

Slide 11 text

8PSE1SFTTͷ։ൃ؀ڥߏஙπʔϧ 7$$8ͱ͸ʁ FH.".1 9".11

Slide 12

Slide 12 text

7$$8ͱ͸ʁ http://vccw.cc

Slide 13

Slide 13 text

8PSE.PWFͱ͸ʁ

Slide 14

Slide 14 text

8PSE1SFTTͷࣗಈσϓϩΠπʔϧ 8PSE.PWFͱ͸ʁ

Slide 15

Slide 15 text

http://welaika.github.io/wordmove/ 8PSE.PWFͱ͸ʁ

Slide 16

Slide 16 text

ຊ୊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ

Slide 17

Slide 17 text

ຊ୊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ

Slide 18

Slide 18 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ҰݴͰݴ͏ͱɺ

Slide 19

Slide 19 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ .".1ਏ͍

Slide 20

Slide 20 text

.".1͕ਏ͘ͳ͖ͬͯͨཧ༝ w ؅ཧ͢ΔαΠτ͕૿͖͑ͯͨͨΊɺςετ؀ڥͱͯ͠ϩʔΧϧʹ࡞੒ ͨ͠8PSE1SFTTͷ਺͕૿͑ͨ w ख࣋ͪͷ1$͢΂ͯͱϩʔΧϧ؀ڥΛڞ༗͍ͯͨͨ͠Ίɺߏ଄͕ෳࡶ ʹͳͬͨ

Slide 21

Slide 21 text

.".1Ͱ΍ͬͯͨ͜ͱ w ʢଞͷ1$ͱϩʔΧϧ؀ڥΛڞ༗ͤ͞ΔͨΊʣIUEPDTϑΥϧμΛJ$MPVEʹҠಈͯ͠ڞ༗͍ͯͨ͠ w ʢଞͷ1$ͱϩʔΧϧ؀ڥΛڞ༗ͤ͞ΔͨΊʣECϑΥϧμΛ%SPQCPYʹҠಈͯ͠ɺγϯϘϦοΫϦ ϯΫΛ.".1ϑΝϧμʹ࡞੒͍ͯͨ͠ʢECϑΥϧμ͸ҠಈͰ͖ͳ͍ͨΊʣ w ͞ΒʹɺΞοϓϩʔυʢຊ൪ʣ༻ͱͯ͠ςʔϚϑΥϧμ͚ͩΛผϑΥϧμʹ͓͖͔ͨͬͨͨΊʹɺ J$MPVE ʹ͓͍ͨ IUEPDT ϑΥϧμͷ͏ͪɺςʔϚϑΥϧμͷγϯϘϦοΫϦϯΫΛผϑΥϧμʹ࡞ ੒͍ͯͨ͠ˠ8PSE1SFTTͷ਺͚ͩγϯϘϦοΫϦϯΫ͸૿͑Δ w ্هΛͦΕͧΕͷ1$ʹಉ༷ʹઃఆ͍ͯͨ͠ʢ8PSE1SFTT͕૿͑Δͨͼʹઃఆ͕ඞཁʣ

Slide 22

Slide 22 text

.".1ਏ͍

Slide 23

Slide 23 text

.".1͕ѱ͍Θ͚Ͱ͸ͳ͍

Slide 24

Slide 24 text

.".1͕ѱ͍Θ͚Ͱ͸ͳ͍ ࣗ෼ͷ࢖͍ํͱ͍͋ͬͯͳ͔͚ͬͨͩͰ͢ɻ

Slide 25

Slide 25 text

.".1͕ѱ͍Θ͚Ͱ͸ͳ͍ .".1΍.".1ͷར༻Λ൱ఆ͍ͯ͠ΔΘ͚Ͱ͸͋Γ·ͤΜɻ

Slide 26

Slide 26 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ΋͏Ұͭ

Slide 27

Slide 27 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍

Slide 28

Slide 28 text

7$$8 8PSE.PWF લͷσϓϩΠ

Slide 29

Slide 29 text

7$$8 8PSE.PWF લͷσϓϩΠ '51ιϑτ 'JMF;JMMB

Slide 30

Slide 30 text

'51ਏ͍ w 8PSE1SFTT͸ɺ֊૚͕ਂ͘UIFNFTϑΥϧμ·ͰͷಓͷΓ͕௕͍ w 'JMF;JMMB ౳ͷແྉͷ '51 ιϑτ͸ɺԼͷ֊૚͕֬ೝͮ͠Β͘ɺ֊૚ ͷҠಈʹਆܦΛ࢖͏ w ຊ൪؀ڥͩͱ͏·͍͔͘ͳ͔ͬͨ ˠ ΤσΟλดͯͨ͡ʢ্ཱͪ͛ͯ मਖ਼ʣˠ'51ιϑτดͯͨ͡ʢ্ཱͪ͛ͯ໨తͷ֊૚·ͰΫϦοΫʣ ˠຊ൪؀ڥͩͱ͏·͍͔͘ͳ͔ͬʢ͈́

Slide 31

Slide 31 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍

Slide 32

Slide 32 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ

Slide 33

Slide 33 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏

Slide 34

Slide 34 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏ ˣ

Slide 35

Slide 35 text

ͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ σϓϩΠਏ͍ .".1ਏ͍ ˣ ͜ͷ··͍͘ͱԿ͔ॏେͳϛεΛ΍Β͔ͦ͠͏ ˣ Կ͔Λม͑Δඞཁ͕͋Δʢ֬৴ʣ

Slide 36

Slide 36 text

ඞཁͱͨ͠΋ͷ

Slide 37

Slide 37 text

ඞཁͱͨ͠΋ͷ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ

Slide 38

Slide 38 text

ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ

Slide 39

Slide 39 text

ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ

Slide 40

Slide 40 text

ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ cc

Slide 41

Slide 41 text

ඞཁͱͨ͠΋ͷ ʴ ෳࡶͰ͸ͳ͍ϩʔΧϧ؀ڥ ؆୯ͳσϓϩΠ؀ڥ cc 7$$8

Slide 42

Slide 42 text

ຊ୊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ 8PSE1SFTTͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ ˣ ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์

Slide 46

Slide 46 text

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ 8PSE1SFTTͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ ˣ ࢄΓࢄΓʹͳͬͨϑΥϧμͱγϯϘϦοΫϦϯΫ͔Βͷղ์

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ਺ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ ˣ '51͔Βղ์

Slide 49

Slide 49 text

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ਺ߦͷίϚϯυͰɺ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ ˣ '51͔Βղ์

Slide 50

Slide 50 text

7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ w 8PSE1SFTTͷϩʔΧϧ؀ڥͷݟ௨͕͠ྑ͘ͳΓ؅ཧ͕͠΍͘͢ͳͬͨ w ਺ߦͷίϚϯυͰ؆୯ʹϩʔΧϧͷ։ൃ؀ڥ͔Βຊ൪؀ڥ΁σϓϩΠ͢ Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ w ຊ൪؀ڥͱϩʔΧϧ؀ڥΛ׬શʹಉظ͢Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨ w ϩʔΧϧ؀ڥ͕ͦͷ··ຊ൪ͷόοΫΞοϓʹͳΔ

Slide 51

Slide 51 text

͜͜·Ͱͷ·ͱΊ 7$$8 8PSE.PWF Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱ͸͢΂ͯ 7$$8 8PSE.PWF ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ

Slide 52

Slide 52 text

͜͜·Ͱͷ·ͱΊ ˣ ਏ͘ͳ͘ͳͬͨ 7$$8 8PSE.PWF Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱ͸͢΂ͯ 7$$8 8PSE.PWF ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ

Slide 53

Slide 53 text

͜͜·Ͱͷ·ͱΊ 7$$8 8PSE.PWF Λ࢖͏͜ͱͰɺϩʔΧϧ؀ڥ͔Βɺςʔ Ϛͷमਖ਼ɾදࣔͷ֬ೝɾσϓϩΠ·ͰΛͦͷ··ͷྲྀΕͰߦ͏ ͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓɺ8PSE1SFTT ͷ͜ͱ͸͢΂ͯ 7$$8 8PSE.PWF ͚ͩͰ׬݁Ͱ͖ΔΑ͏ʹͳͬͨɻ όʔγϣΞοϓͱ͔هࣄ࡞੒ͱ͔͸ɺຊ൪ͷ؅ཧը໘͔Βߦ͏Α͏ʹ͍ͯͯ͠ɺςʔϚʹؔ͢Δ͜ ͱ͸ϩʔΧϧͷ7$$8Ͱɺͦͷଞͷ͜ͱ͸ຊ൪Ͱͱ׬શʹ੗Έ෼͚ͯΔɻ ˣ ਏ͘ͳ͘ͳͬͨ

Slide 54

Slide 54 text

ຊ୊ ɾ7$$8 8PSE.PWF ʹͯ͠ΈͯͲ͏ͩͬͨͷ͔ ɾͳͥ7$$8 8PSE.PWF ͕ඞཁͩͬͨͷ͔ ɾ࣮ࡍͷϩʔΧϧ։ൃ؀ڥΛ঺հ

Slide 55

Slide 55 text

7$$8Λ࢖ͬͨ։ൃ؀ڥ

Slide 56

Slide 56 text

7$$8Λ࢖ͬͨ։ൃ؀ڥ .PWFpMFͱTJUFZNMΛϓϥΠϕʔτϦϙδτϦ΁

Slide 57

Slide 57 text

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ʯΛ௥Ճ

Slide 58

Slide 58 text

7$$8Λ࢖ͬͨ։ൃ؀ڥ EFW˓˓˓ͰςʔϚͷ࡞੒ɺHVMQϏϧυ

Slide 59

Slide 59 text

7$$8Λ࢖ͬͨ։ൃ؀ڥ $ npm run gulp EFW˓˓˓ͱಉ͡֊૚ʹςʔϚϑΥϧμ͕ੜ੒͞ΕΔɻ 7$$8ͷ8PSE1SFTTʹ͸ੜ੒͞ΕͨςʔϚϑΥϧμΛಡ·ͤΔɻ ੜ੒͞ΕͨςʔϚϑΥϧμ͕σϓϩΠ͞ΕΔɻ

Slide 60

Slide 60 text

7$$8Λ࢖ͬͨ։ൃ؀ڥ ϙΠϯτ w.PWFpMFͰʮEFW˓˓˓ʯͷϑΥϧμΛআ֎͍ͯ͠ΔͷͰσϓϩΠ͞Εͳ͍ wTSDϑΥϧμʢEFW˓˓˓ʣͱEJTUʢ˓˓˓ʣΛ׬શʹ෼཭͍ͯ͠Δ wϏϧυෆཁͷϑΝΠϧʹ͍ͭͯ͸ɺίϐʔλεΫͰରԠ w.PWFpMFͱTJUFZNMΛϓϥΠϕʔτϦϙδτϦ΁QVTI wEFW˓˓˓Λ#JUCVDLFU͔(JU)VCʹQVTI

Slide 61

Slide 61 text

·ͱΊ

Slide 62

Slide 62 text

·ͱΊ 7$$8ʹײँ

Slide 63

Slide 63 text

THANK YOU