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

frontend-shikoku#1

 frontend-shikoku#1

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

1129cf55abdacba0d09e51247686b675?s=128

KamataRyo

May 16, 2018
Tweet

Transcript

  1. OQYίϚϯυͰ࣮ߦ͢Δ 
 )FMMPϞδϡʔϧΛ࡞Ζ͏ʂ

  2. XFCϑϩϯτΤϯυ։ൃ؀ڥͷத֩Λͳ͢΋ͷ

  3. None
  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. OQNW /PEFKTWҎ߱ ʹಉࠝ͞ΕΔ
 ศརίϚϯυ $ npx

  7. OQNͰࣗݾ঺հϞδϡʔϧΛ ࡞Δͷ͕ྲྀߦ͍ͬͯΔΈ͍ͨ ൃ୺͸ΈΜͳେ޷͖4JOESF IUUQTUXJUUFSDPNTJOESFTPSIVTTUBUVT

  8. w /PEFͷW͕ਪ঑൛-54ʹͳͬͨ͜ͱ w ΈΜͳ͕OQYίϚϯυΛ࢖͑Δ͸ͣ ྲྀߦͷཧ༝ʁ

  9. ࡞ͬͨ
 $ npx kamataryo

  10. None
  11. Ҿ਺΋औΕΔ
 $ npx kamataryo github

  12. None
  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ͷੈքʹ৮ΕͯΈΑ͏ʂ