最近の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. ྑ͍͓೥Λ