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
680
frontend-shikoku#1
第1回フロントエンド四国のLTスライド
KamataRyo
May 16, 2018
Tweet
Share
More Decks by KamataRyo
See All by KamataRyo
TileCloud の開発を支える技術
kamataryo
2
360
NPX-shell-hacking
kamataryo
0
44
Introducing of Map Warper
kamataryo
0
1.3k
wp-rest-api-and-amazon-polly
kamataryo
0
940
how-to-deploy-from-travis-ci
kamataryo
1
750
IoT with React
kamataryo
1
270
wacker#17-wreact
kamataryo
0
130
wakayamarb#37
kamataryo
1
88
Why have I preferred open source after leaving a public office?
kamataryo
1
5.9k
Other Decks in Technology
See All in Technology
FODにおけるホーム画面編成のレコメンド
watarukudo
PRO
2
280
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
450
AWS re:Invent 2024 re:Cap Taipei (for Developer): New Launches that facilitate Developer Workflow and Continuous Innovation
dwchiang
0
170
メールヘッダーを見てみよう
hinono
0
110
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
190
「隙間家具OSS」に至る道/Fujiwara Tech Conference 2025
fujiwara3
7
6.5k
AWS re:Invent 2024 recap in 20min / JAWSUG 千葉 2025.1.14
shimy
1
100
2024年活動報告会(人材育成推進WG・ビジネスサブWG) / 20250114-OIDF-J-EduWG-BizSWG
oidfj
0
240
データ基盤におけるIaCの重要性とその運用
mtpooh
4
540
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
1
16k
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
220
新卒1年目、はじめてのアプリケーションサーバー【IBM WebSphere Liberty】
ktgrryt
0
140
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
How STYLIGHT went responsive
nonsquared
96
5.3k
4 Signs Your Business is Dying
shpigford
182
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
870
Raft: Consensus for Rubyists
vanstee
137
6.7k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
For a Future-Friendly Web
brad_frost
176
9.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Designing for humans not robots
tammielis
250
25k
How to Ace a Technical Interview
jacobian
276
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
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ͷੈքʹ৮ΕͯΈΑ͏ʂ