Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
frontend-shikoku#1
Search
KamataRyo
May 16, 2018
Technology
1
720
frontend-shikoku#1
第1回フロントエンド四国のLTスライド
KamataRyo
May 16, 2018
Tweet
Share
More Decks by KamataRyo
See All by KamataRyo
TileCloud の開発を支える技術
kamataryo
2
400
NPX-shell-hacking
kamataryo
0
51
Introducing of Map Warper
kamataryo
0
1.4k
wp-rest-api-and-amazon-polly
kamataryo
0
990
how-to-deploy-from-travis-ci
kamataryo
1
820
IoT with React
kamataryo
1
280
wacker#17-wreact
kamataryo
0
140
wakayamarb#37
kamataryo
1
98
Why have I preferred open source after leaving a public office?
kamataryo
1
6k
Other Decks in Technology
See All in Technology
ソースを読むプロセスの例
sat
PRO
13
7.4k
AWS Top Engineer、浮いてませんか? / As an AWS Top Engineer, Are You Out of Place?
yuj1osm
2
220
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
5
930
ニッポンの人に知ってもらいたいGISスポット
sakaik
0
150
BI ツールはもういらない?Amazon RedShift & MCP Server で試みる新しいデータ分析アプローチ
cdataj
0
160
AWS IoT 超入門 2025
hattori
0
340
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
incident_commander_demaecan__1_.pdf
demaecan
0
140
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.6k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Findy Team+ QAチーム これからのチャレンジ!
findy_eventslides
0
300
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
1.9k
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Making Projects Easy
brettharned
120
6.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Git: the NoSQL Database
bkeepers
PRO
431
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Six Lessons from altMBA
skipperchong
29
4k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Documentation Writing (for coders)
carmenintech
75
5.1k
For a Future-Friendly Web
brad_frost
180
10k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Transcript
OQYίϚϯυͰ࣮ߦ͢Δ )FMMPϞδϡʔϧΛ࡞Ζ͏ʂ
XFCϑϩϯτΤϯυ։ൃڥͷத֩Λͳ͢ͷ
None
+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ͰࣗݾհϞδϡʔϧΛ ࡞Δͷ͕ྲྀߦ͍ͬͯΔΈ͍ͨ ൃΈΜͳେ͖4JOESF IUUQTUXJUUFSDPNTJOESFTPSIVTTUBUVT
w /PEFͷW͕ਪ൛-54ʹͳͬͨ͜ͱ w ΈΜͳ͕OQYίϚϯυΛ͑Δͣ ྲྀߦͷཧ༝ʁ
࡞ͬͨ $ npx kamataryo
None
ҾऔΕΔ $ npx kamataryo github
None
࣮࣭ߦ͘Β͍ͷ+BWB4DSJQU IUUQTHJUIVCDPNLBNBUBSZPLBNBUBSZP
େ·͔ͳ࡞खॱ ࣗݾհΛඪ४ग़ྗʹు͘+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ͷੈքʹ৮ΕͯΈΑ͏ʂ