NPX-shell-hacking

WordCamp Ogijima 2018 の打ち上げの時に LT した npx コマンドの話

Transcript

1. NPX γΣϧܳ
   ศརʂ
   

   View Slide

2. γΣϧܳ
   • ίϚϯυ1ͭͰͳΜͰ΋͢Δతͳ
   @mattn_jp ͞Μͷ vim-script ͰγΣϧܳ

   https://qiita.com/mattn/items/d09c5018bdfe0b170b9a
   

   View Slide

3. View Slide

4. /PEFKTΛΞοϓσʔτ͠·͔ͨ͠ʁ
   /PEFKTͷϦϦʔεεέδϡʔϧ

   IUUQTHJUIVCDPNOPEFKT3FMFBTFSFMFBTFTDIFEVMF
   

   View Slide

5. ΢Σϒ੍࡞ʹ΄΅ඞਢʹͳͬͨ

   ύοέʔδϚωʔδϟʔ
   $ npm
   • Gulp Ͱ Slime ΍ SASS Λ
   ίϯύΠϧͨ͠Γ..
   
   • WordPress ςʔϚͷ։ൃ؀
   ڥΛηοτΞοϓͨ͠Γ..
   
   • Gutenberg΋ npm Λར༻͠
   ͯ։ൃ͞Ε͍ͯΔΈ͍ͨ
   

   View Slide

6. OQNW /PEFKTWҎ߱
   ʹಉࠝ͞ΕΔ

   ศརίϚϯυ
   $ npx
   • npm ͱͯ͠഑෍͞Ε͍ͯΔCLIίϚϯυΛμ΢ϯϩʔυ࣮ͯ͠ߦʂ
   

   View Slide

7. OQYίϚϯυͷ࢖͍Ͳ͜Ζ
   w ͪΐͬͱͨ͠࡞ۀΛ͢Δ࣌ɻಛఆͷίϚϯυ͕ඞཁ͚ͩ
   ͲɺΠϯετʔϧ͢Δ·Ͱ΋ͳ͍ͳʙͱ͍͏࣌
   

   View Slide

8. σϝϦοτ
   https://www.reddit.com/r/ProgrammerHumor/comments/6s0wov/
   heaviest_objects_in_the_universe/
   

   View Slide

9. σϞ
   

   View Slide

10. DPXTBZίϚϯυΛ૸ΒͤͯΈΔ
    ύοέʔδ໊ ίϚϯυҾ਺ʢࠓճ͸೚ҙͷจࣈྻʣ
    $ npx cowsay Moo!
    

    View Slide

11. &+4ςϯϓϨʔτͷγϯλοΫεΤϥʔΛ

    ૉૣ͘ൃݟ͢Δ
    ύοέʔδ໊ ίϚϯυҾ਺ʢࠓճ͸ϑΝΠϧ໊ʣ
    $ npx ejs-lint example.com.conf.els
    

    View Slide

12. +BWB֨ݴ"1*Ͱ༡Ϳ
    $ curl -s https://arigato-java.download/kakugen.json | jq -r '.
    [] | .t' | head -`expr $RANDOM % $(curl -s https://arigato-
    java.download/kakugen.json | jq '. | length')` | tail -1 | npx
    -q cowsay
    

    View Slide

13. w γΣϧܳͷੈքͱOQNͷੈք͕ɺ

    OQYίϚϯυͰγʔϜϨεʹܨ͕ͬͨʂ
    w OQNͷϥΠϒϥϦ਺͸๲େʢݱࡏ ʣɻ

    ѱຐతͳγΣϧܳ͸ۤखͰ΋ɺϥΠϒϥϦʹਫ਼௨͍ͯ͠Ε͹
    Կ͔৽͍͜͠ͱ͕؆୯ʹͰ͖Δ͔΋
    w ໘ന͍࢖͍ํΛݟ͚ͭͨΒڭ͍͑ͯͩ͘͞ʂ
    

    View Slide