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