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

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

Transcript

1. ࠷ۙͷ8PSE1SFTTͷ
   ։ൃ؀ڥʹ͍ͭͯ
   ௐ΂ͯΈͨ
   

   View Slide

2. 8PSE1SFTTͱͷ෇͖߹͍
   ɾ͜ͷۀքʹೖͬͨͱ͖ʹඞཁͩͱࢥͬͯ
   ɹݸਓϒϩάͰ࢖ͬͯΈΔ
   ɾ͔͠͠ɺ࢓ࣄͰ࢖ͬͨͷ͸ยखͰ਺͑Δఔ౓͔͠ͳ͘
   ɹௐ΂ͳ͕ΒͩͬͨΒԿͱ͔Ͱ͖Δఔ౓
   

   View Slide

3. ։ൃ؀ڥ͍Ζ͍Ζ
   

   View Slide

4. .".19".11
   

   View Slide

5. .".19".11
   ɾ.".1͕.BDɺ9".11͕8JOEPXT
   ɾ8FC։ൃʹඞཁͳ؀ڥ͕·ͱ·͍ͬͯΔ
   ɾࣗ෼͕͜ͷۀքʹೖͬͨͱ͖ʹ8PSE1SFTTͷ
   ɹ։ൃ؀ڥͱ͍͑͹͜Εͩͬͨ
   ɾࠓ͸Ͳ͏࢖ΘΕ͍ͯΔͷ͔͸஌Βͳ͍͕
   ɹ໊લ͸΄ͱΜͲฉ͔ͳͬͨ
   

   View Slide

6. 7$$8
   

   View Slide

7. 7$$8
   ɾ7BHSBOUɺ$IFGɺ$FOU04ɺ8PSE1SFTTͷ಄จࣈΛ
   ɹͱ͍ͬͯΔ7BHSBOUϕʔεͷ։ൃ؀ڥ
   ɾίϚϯυૢ࡞
   ɾαΠτΛ࡞Δ৔߹͸αΠτ͝ͱʹ7JSUVBM.BDIJOFΛ
   ɹ্ཱͪ͛Δ͜ͱʹͳΔͷͰ༰ྔΛѹഭ͢ΔهԱ
   

   View Slide

8. 8PDLFS
   

   View Slide

9. 8PDLFS
   ɾ%PDLFSϕʔε
   ɾαΠτ͝ͱʹίϯςφΛ࡞Γ੾Γସ͑Δ
   ɾ্ཱͪ͛·Ͱૣ͍
   ɾෳ਺ͷςʔϚʢαΠτʣΛ࡞ΔͳΒ7$$8ΑΓ΋
   ɹ8PDLFSͱ͍͏Πϝʔδʁ
   

   View Slide

10. -PDBM
    

    View Slide

11. -PDBM
    ɾ೥೥͝Ζʹ࿩୊ʹͳͬͯ࢖ΘΕग़ͨ͠
    ɾ%PDLFSϕʔεͷ(6*πʔϧʢ౰ॳ͸.BD͚ͩͩͬͨʣ
    ɾΤϯδχΞ͡Όͳͯ͘΋࢖͑Δ
    ɾ(6*πʔϧ͚ͩͲίϚϯυૢ࡞ʢXQDMJʣ΋Ͱ͖Δ
    ɾศར
    

    View Slide

12. -PDBM
    αΠτ໊΍ઃఆΛೖྗ
    

    View Slide

13. -PDBM
    1)1ͷόʔδϣϯͷઃఆͱ͔
    

    View Slide

14. -PDBM
    ϩάΠϯ৘ใͷઃఆ
    

    View Slide

15. -PDBM
    ׬੒ʂ
    ϑΝΠϧ͸ಛʹࢦఆ͠ͳ͚Ε͹-PDBM4JUFTҎԼʹੜ੒͞ΕΔ
    

    View Slide

16. XQFOW
    

    View Slide

17. XQFOW
    ɾ͍ͭʹެ͕ࣜग़ͨ͠
    ɹ࿩୊ʹͳͬͨͷ͸ࠓ೥͸͡Ίࠒʁ
    ɾ%PDLFSϕʔε
    ɾ%PDLFSͱOQN͕ඞཁ
    

    View Slide

18. XQFOW
    %PDLFSΞϓϦΛΠϯετʔϧ͓ͯ͘͠
    

    View Slide

19. XQFOW
    ίϚϯυଧͭʢ ෼͔͔Δʣ
    $ mkdir wp-test-site
    $ cd wp-test-site
    $ npm init -y
    $ npm i @wordpress/env —save-dev
    

    View Slide

20. XQFOW
    QBDLBHFKTPOΛॻ͖׵͑ͯɺTUBSU
    "scripts": {
    “wp-env": “wp-env",
    },
    $ npm run wp-env start
    $ npm run wp-env stop
    

    View Slide

21. XQFOW
    MPDBMIPTUͰදࣔ
    XQBENJO͔Β؅ཧը໘ʹϩάΠϯͰ͖Δ
    

    View Slide

22. XQFOW
    ςʔϚ΍ϓϥάΠϯ։ൃɺͦͷଞઃఆΛ͢Δ৔߹͸XQFOWKTPOΛ࡞Δ
    ςʔϚϑΝΠϧ͸σΟϨΫτϦ௚ԼͰ0,
    {
    “themes": “./theme-name“,
    },
    $ npm run wp-env start -update
    

    View Slide

23. ͲΕ͕͍͍ͷ͔
    ɾ࢖͍׳ΕͯΔ΋ͷͰ0,
    ʢ5XJUUFSͰϫʔυݕࡧ͢Δͱҙ֎ͱͲΕ΋࢖ΘΕͯΔʣ
    ɾָͳͷ͸-PDBM
    ɾίϚϯυ࢖͑ΔͳΒXQFOWɺ8PDLFSɺ7$$8΋͋Γ
    ɾࠓޙ͸XQFOWʹͳ͍ͬͯ͘ͷ͔
    ʢͪΐͬͱ৮ͬͨײ͡ศརͦ͏ͩͬͨ
    

    View Slide

24. ྑ͍͓೥Λ
    

    View Slide