frontend-shikoku#1

第1回フロントエンド四国のLTスライド

Transcript

1. OQYίϚϯυͰ࣮ߦ͢Δ 
 )FMMPϞδϡʔϧΛ࡞Ζ͏ʂ
2. XFCϑϩϯτΤϯυ։ൃ؀ڥͷத֩Λͳ͢΋ͷ
4. +BWB4DSJQUͷτϥϯεύΠϧɾόϯυϧ JavaScript (ES6 source) React Component (ES6 source, JSX) JavaScript (ES6 module) JavaScript (CommonJS module) JavaScript (ES5 distribution) Bundler (Browserify) Transpiler (Babel) /PEFKT
   ͷ+BWB4DSJQU
   ϥϯλΠϜΛ࢖ͬͯ
 λεΫ͕ॲཧ͞ΕΔ
5. /PEFKTΛΞοϓσʔτ͠·͔ͨ͠ʁ /PEFKTͷϦϦʔεεέδϡʔϧ
 IUUQTHJUIVCDPNOPEFKT3FMFBTFSFMFBTFTDIFEVMF
6. OQN
   W
   /PEFKT
   W
   Ҏ߱ ʹಉࠝ͞ΕΔ
 ศརίϚϯυ $ npx
7. OQN
   Ͱࣗݾ঺հϞδϡʔϧΛ ࡞Δͷ͕ྲྀߦ͍ͬͯΔΈ͍ͨ ൃ୺͸ΈΜͳେ޷͖4JOESF IUUQTUXJUUFSDPNTJOESFTPSIVTTUBUVT
8. w /PEF
   ͷ
   W
   ͕ਪ঑൛
   -54
   ʹͳͬͨ͜ͱ
   w ΈΜͳ͕
   OQY
   ίϚϯυΛ࢖͑Δ͸ͣ
   
   
   
   
   ྲྀߦͷཧ༝ʁ
9. ࡞ͬͨ
 $ npx kamataryo
11. Ҿ਺΋औΕΔ
 $ npx kamataryo github
13. ࣮࣭਺ߦ͘Β͍ͷ
    +BWB4DSJQU
    IUUQTHJUIVCDPNLBNBUBSZPLBNBUBSZP
14. େ·͔ͳ࡞੒खॱ  ࣗݾ঺հΛඪ४ग़ྗʹు͘+BWB4DSJQUΛॻ͘
     QBDLBHFKTPO
    ͰΤϯτϦϙΠϯτʹࢦఆ͢Δ
 { "bin": { "kamataryo": "./src/cli" } }  ࣮ߦՄೳʹ͢Δ
 $ chmod +x ./src/cli  όʔδϣϯ؅ཧ
 $ npm version patch # バージョンx.y.zのzをインクリメントする  OQNKTDPN ʹαΠϯΞοϓͯ͠ɺ։ൃϚγϯͰϩάΠϯ
 $ npm login  公開する
 $ npm publish /PEFύοέʔδͷ࡞੒ೖ໳ʹ࠷ద͔΋
15. )FMMP
    ϞδϡʔϧΛ࡞Δ͜ͱͰಘΒΕΔ΋ͷ w OQN
    Λ࢖ͬͨϫʔΫϑϩʔΛ஌Δ͜ͱ͕Ͱ͖Δ
    w ʢ4JOESF
    ͷҒେ͞ʣ
    XFC
    ϑϩϯτΤϯυͷ։ൃʹ͔ܽͤͳ͘ͳͬͨ
    /PEFKT
 )FMMP
    ϞδϡʔϧΛ࡞ͬͯɺ
 /PEFKT
    ͷΤίγεςϜΛࢧ͑Δ
    OQN
    ͷੈքʹ৮ΕͯΈΑ͏ʂ