意外に知らないnpmと便利なCLI

Ehime.js #2の資料です。
https://ehimejs.connpass.com/event/153511/

Transcript

1. ҙ֎ʹ஌Βͳ͍OQNͱศརͳ$-*
   &IJNFKT
   5PTIJIJTB5PNBUTV
   

   View Slide

2. ֎দढ़ঘ 5PTIJIJTB5PNBUTV
   
   αΠϘ΢ζגࣜձࣾ
   ϑϩϯτΤϯυΤΩεύʔτνʔϜ
   ౦ژˠѪඤ
   &IJNFKT
   !UPTIJUPNB
   !UPTIJ@@UPNB
   2
   

   View Slide

3. OQN
   

   View Slide

4. OQNͱ͸ʁ
   OQN /PEF1BDLBHF.BOBHFS
   

   +BWB4DSJQUͷύοέʔδϚωʔδϟʔ
   ϨδετϦ IUUQTXXXOQNKTDPN
   
   OQNͷ$-* IUUQTHJUIVCDPNOQNDMJ
   
   ੈքͷ୭͔͕࡞ͬͨศརͳύοέʔδΛOQN ϨδετϦ
   ʹஔ͍ͯɺ
   OQNͷ$-* OQNJOTUBMM
   ͰΈΜͳ͕ར༻Ͱ͖Δ
   

   View Slide

5. OQNͱ͸ʁ
   OQN /PEF1BDLBHF.BOBHFS
   

   +BWB4DSJQUͷύοέʔδϚωʔδϟʔ
   ϨδετϦ IUUQTXXXOQNKTDPN
   
   OQNͷ$-* IUUQTHJUIVCDPNOQNDMJ
   
   ੈքͷ୭͔͕࡞ͬͨศརͳύοέʔδΛOQN ϨδετϦ
   ʹஔ͍ͯɺ
   OQNͷ$-* OQNJOTUBMM
   ͰΈΜͳ͕ར༻Ͱ͖Δ
   ύοέʔδ
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. OQNͱ͸ʁ ࠶ܝ
   
   OQN /PEF1BDLBHF.BOBHFS
   

   +BWB4DSJQUͷύοέʔδϚωʔδϟʔ
   OQNKTDPN IUUQTXXXOQNKTDPN
   
   ύοέʔδϨδετϦ IUUQTEPDTOQNKTDPNNJTDSFHJTUSZ
   
   OQNͷ$-* IUUQTHJUIVCDPNOQNDMJ
   
   ੈքͷ୭͔͕࡞ͬͨศརͳύοέʔδΛOQN ϨδετϦ
   ʹஔ͍ͯɺOQNͷ
   $-* OQNJOTUBMM
   ͰΈΜͳ͕ར༻Ͱ͖Δ
   

   View Slide

10. OQNೖͬͯΔʁ
    /PEFKT͕Πϯετʔϧ͞Ε͍ͯΕ͹ɺࣗಈͰOQN΋ೖͬͯ͘Δ
    OQNŠWFSTJPO

    
    ZBSOͰ΋$-*ͰͰ͖Δ͜ͱ͸جຊతʹಉ͡
    

    View Slide

11. ·ͣ࠷ॳʹ΍Δ͜ͱ
    ϓϩδΣΫτͷQBDLBHFKTPOΛ࡞੒
    OQNͷ؅ཧϑΝΠϧ
    OQNJOJU
    OQNJOJUZͰ࣭໰ΛলུՄೳ
    

    View Slide

12. ύοέʔδͷΠϯετʔϧ
    OQNJOTUBMMQBDLBHFOBNFPSOQNJ
    1 σϑΥϧτ
    EFQFOEFODJFT
    %EFW%FQFOEFODJFT
    HάϩʔόϧʹΠϯετʔϧ͞ΕΔ
    όʔδϣϯࢦఆQBDLBHFOBNF!WFSTJPO
    

    View Slide

13. ύοέʔδΛΠϯετʔϧ͢Δͱ
    QBDLBHFKTPOͱQBDLBHFMPDLKTPO͕ߋ৽͞ΕΔ
    QBDLBHFMPDLKTPO΋ؚΊͯίϛοτ͢Δ
    Πϯετʔϧ͍ͯ͠ΔύοέʔδͷґଘόʔδϣϯͳͲΛ؅ཧͯ͠
    ͘ΕΔ
    ϓϩδΣΫτશମͰڞ༗͢Δ΋ͷ
    

    View Slide

14. OQNJOTUBMMͱOQNDJ
    OQNJOTUBMM
    ৽͘͠ύοέʔδΛΠϯετʔϧ͢Δ৔߹ʹར༻
    QBDLBHFMPDLKTPO͕มߋ͞ΕΔ
    OQNDJ DMFBOJOTUBMM
    
    ϓϩδΣΫτΛDMPOFͨ͠ޙ΍QBDLBHFKTPOͷ಺༰ΛϩʔΧϧʹ൓ө͢Δ৔߹
    QBDLBHFMPDLKTPO͸มߋ͞Εͳ͍
    

    View Slide

15. OQNJOTUBMMͱOQNDJ
    OQNJOTUBMM
    ৽͘͠ύοέʔδΛΠϯετʔϧ͢Δ৔߹ʹར༻
    QBDLBHFMPDLKTPO͕มߋ͞ΕΔ
    OQNDJ DMFBOJOTUBMM
    
    ϓϩδΣΫτΛDMPOFͨ͠ޙ΍QBDLBHFKTPOͷߋ৽Λ൓ө͢Δ৔߹
    QBDLBHFMPDLKTPO͸มߋ͞Εͳ͍
    SNSGOPEF@NPEVMFTOQNJOTUBMM
    OQNDJ
    

    View Slide

16. Πϯετʔϧͨ͠ύοέʔδͷҰཡ
    OQNMJTU
    OQNMJTUŠEFQUI
    ϩʔΧϧΠϯετʔϧͨ͠ύοέʔδͷҰཡ
    

    View Slide

17. Πϯετʔϧͨ͠ύοέʔδΛ࢖͏
    ྫ
    QSFUUJFS
    QSFUUJFSJOEFYKT

    ˠDPNNBOEOPUGPVOEQSFUUJFS
    OPEF@NPEVMFTCJOQSFUUJFSJOEFYKT
    

    View Slide

18. Πϯετʔϧͨ͠ύοέʔδΛ࢖͏
    ྫ
    QSFUUJFS
    QSFUUJFSJOEFYKT

    ˠDPNNBOEOPUGPVOEQSFUUJFS
    OPEF@NPEVMFTCJOQSFUUJFSJOEFYKT
    ໘౗
    

    View Slide

19. OQNTDSJQUT
    QBDLBHFKTPOͷTDSJQUTͰొ࿥
    OQNSVOTDSJQUOBNF
    TUBSU΍UFTUͳͲ͸SVOΛলུͰ͖Δ
    ྫ
    OQNSVOGPSNBUDIFDL
    

    View Slide

20. ෳ਺ͷOQNTDSJQUTΛ࣮ߦ͍ͨ͠
    OQNSVOBMM
    IUUQTXXXOQNKTDPNQBDLBHFOQNSVOBMM
    ෳ਺ͷOQNTDSJQUTΛॱ࣍ɺฒྻͰ࣮ߦͰ͖ͯศར
    OQNSVOMJOUOQNSVOCVJMEOQNUFTUKT
    OQNSVOBMMMJOUCVJMEUFTUKT
    

    View Slide

21. ϩʔΧϧʹΠϯετʔϧͤͣʹɺखݩͰࢼ͍ͨ͠
    OQYQBDLBHFOBNF
    ྫ
    OQYQSFUUJFSJOEFYKTŠXSJUF
    ϩʔΧϧʹΠϯετʔϧࡁΈˠͦΕΛར༻

    Πϯετʔϧ͞Εͯͳ͍ˠҰ࣌తʹΠϯετʔϧͯ͠ར༻
    OQNTDSJQUTʹίϚϯυΛॻ͘ඞཁ͕ͳ͍ͷͰศར
    

    View Slide

22. ύοέʔδͷΞϯΠϯετʔϧ
    OQNVOJOTUBMMQBDLBHFOBNF
    BMJBTFTSFNPWF SN S VO
    

    View Slide

23. ύοέʔδͷΞοϓσʔτνΣοΫ
    Ξοϓσʔτ͕ඞཁͳ΋ͷΛνΣοΫ͠Α͏
    OQNPVUEBUFE
    

    View Slide

24. TFNWFS
    ηϚϯςΟοΫόʔδϣχϯά
    IUUQTTFNWFSPSHMBOHKB
    όʔδϣϯ൪߸ͷ෇͚ํͷ࢓༷
    ྫ
    FTMJOU!
    .BKPS .JOPS 1BUDI
    

    View Slide

25. IUUQTTFNWFSOQNKTDPN
    

    View Slide

26. ύοέʔδͷΞοϓσʔτ
    OQNVQEBUF
    શͯͷϥΠϒϥϦ
    OQNVQEBUFQBDLBHFOBNF
    ݸผʹࢦఆ΋Մೳ
    ্͕Δόʔδϣϯ͸TFNWFSΛߟྀͨ͠࠷৽ͷ΋ͷ
    

    View Slide

27. ύοέʔδͷΞοϓσʔτ
    OQNVQEBUF
    શͯͷϥΠϒϥϦ
    OQNVQEBUFQBDLBHFOBNF
    ݸผʹࢦఆ΋Մೳ
    ্͕Δόʔδϣϯ͸TFNWFSΛߟྀͨ͠࠷৽ͷ΋ͷ
    ·ΊʹϥΠϒϥϦΞοϓσʔτΛ΍Δͷ͸େม
    

    View Slide

28. View Slide

29. View Slide

30. View Slide

31. ଞʹ΋͍Ζ͍Ζ
    OQNMJOL
    QPTUJOTUBMM
    OQNQVCMJTI
    FUD
    

    View Slide

32. 5)"/,:06
    

    View Slide