最近のWordPressの開発環境について調べてみた

社内勉強会で使った資料です

Transcript

1. ࠷ۙͷ8PSE1SFTTͷ
   ։ൃ؀ڥʹ͍ͭͯ
   ௐ΂ͯΈͨ
2. 8PSE1SFTTͱͷ෇͖߹͍ ɾ͜ͷۀքʹೖͬͨͱ͖ʹඞཁͩͱࢥͬͯ
   ɹݸਓϒϩάͰ࢖ͬͯΈΔ
   ɾ͔͠͠ɺ࢓ࣄͰ࢖ͬͨͷ͸ยखͰ਺͑Δఔ౓͔͠ͳ͘
   ɹௐ΂ͳ͕ΒͩͬͨΒԿͱ͔Ͱ͖Δఔ౓
3. ։ൃ؀ڥ͍Ζ͍Ζ
4. .".19".11
5. .".19".11 ɾ.".1͕.BDɺ9".11͕8JOEPXT
   ɾ8FC։ൃʹඞཁͳ؀ڥ͕·ͱ·͍ͬͯΔ
   ɾࣗ෼͕͜ͷۀքʹೖͬͨͱ͖ʹ8PSE1SFTTͷ
   ɹ։ൃ؀ڥͱ͍͑͹͜Εͩͬͨ
   ɾࠓ͸Ͳ͏࢖ΘΕ͍ͯΔͷ͔͸஌Βͳ͍͕
   ɹ໊લ͸΄ͱΜͲฉ͔ͳͬͨ
6. 7$$8
7. 7$$8 ɾ7BHSBOUɺ$IFGɺ$FOU04ɺ8PSE1SFTTͷ಄จࣈΛ
   ɹͱ͍ͬͯΔ7BHSBOUϕʔεͷ։ൃ؀ڥ
   ɾίϚϯυૢ࡞
   ɾαΠτΛ࡞Δ৔߹͸αΠτ͝ͱʹ7JSUVBM
   .BDIJOFΛ
   ɹ্ཱͪ͛Δ͜ͱʹͳΔͷͰ༰ྔΛѹഭ͢ΔهԱ
8. 8PDLFS
9. 8PDLFS ɾ%PDLFSϕʔε
   ɾαΠτ͝ͱʹίϯςφΛ࡞Γ੾Γସ͑Δ
   ɾ্ཱͪ͛·Ͱૣ͍
   ɾෳ਺ͷςʔϚʢαΠτʣΛ࡞ΔͳΒ7$$8ΑΓ΋
   ɹ8PDLFSͱ͍͏Πϝʔδʁ
10. -PDBM
11. -PDBM ɾ೥೥͝Ζʹ࿩୊ʹͳͬͯ࢖ΘΕग़ͨ͠
    ɾ%PDLFSϕʔεͷ(6*πʔϧʢ౰ॳ͸.BD͚ͩͩͬͨʣ
    ɾΤϯδχΞ͡Όͳͯ͘΋࢖͑Δ
    ɾ(6*πʔϧ͚ͩͲίϚϯυૢ࡞ʢXQDMJʣ΋Ͱ͖Δ
    ɾศར
12. -PDBM αΠτ໊΍ઃఆΛೖྗ
13. -PDBM 1)1ͷόʔδϣϯͷઃఆͱ͔
14. -PDBM ϩάΠϯ৘ใͷઃఆ
15. -PDBM ׬੒ʂ
    ϑΝΠϧ͸ಛʹࢦఆ͠ͳ͚Ε͹-PDBM
    4JUFTҎԼʹੜ੒͞ΕΔ
16. XQFOW
17. XQFOW ɾ͍ͭʹެ͕ࣜग़ͨ͠
    
    ɹ࿩୊ʹͳͬͨͷ͸ࠓ೥͸͡Ίࠒʁ
    ɾ%PDLFSϕʔε
    ɾ%PDLFSͱOQN͕ඞཁ
18. XQFOW %PDLFSΞϓϦΛΠϯετʔϧ͓ͯ͘͠
19. XQFOW ίϚϯυଧͭʢ ෼͔͔Δʣ $ mkdir wp-test-site $ cd wp-test-site $ npm init -y $ npm i @wordpress/env —save-dev
20. XQFOW QBDLBHFKTPOΛॻ͖׵͑ͯɺTUBSU "scripts": { “wp-env": “wp-env", }, $ npm run wp-env start $ npm run wp-env stop
21. XQFOW MPDBMIPTUͰදࣔ
    XQBENJO͔Β؅ཧը໘ʹϩάΠϯͰ͖Δ
22. XQFOW ςʔϚ΍ϓϥάΠϯ։ൃɺͦͷଞઃఆΛ͢Δ৔߹͸XQFOWKTPOΛ࡞Δ
    ςʔϚϑΝΠϧ͸σΟϨΫτϦ௚ԼͰ0, { “themes": “./theme-name“, }, $ npm run wp-env start -update
23. ͲΕ͕͍͍ͷ͔ ɾ࢖͍׳ΕͯΔ΋ͷͰ0,
    
    ʢ5XJUUFSͰϫʔυݕࡧ͢Δͱҙ֎ͱͲΕ΋࢖ΘΕͯΔʣ
    ɾָͳͷ͸-PDBM
    ɾίϚϯυ࢖͑ΔͳΒXQFOWɺ8PDLFSɺ7$$8΋͋Γ
    ɾࠓޙ͸XQFOWʹͳ͍ͬͯ͘ͷ͔
    
    ʢͪΐͬͱ৮ͬͨײ͡ศརͦ͏ͩͬͨ
24. ྑ͍͓೥Λ