Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

7e56a691cfb413e0f6e631791f33fe54?s=128

misumi

July 06, 2021
Tweet

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 ׬੒ʂ ϑΝΠϧ͸ಛʹࢦఆ͠ͳ͚Ε͹-PDBM4JUFTҎԼʹੜ੒͞ΕΔ

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