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