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
710
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
980
how-to-deploy-from-travis-ci
kamataryo
1
810
IoT with React
kamataryo
1
280
wacker#17-wreact
kamataryo
0
140
wakayamarb#37
kamataryo
1
97
Why have I preferred open source after leaving a public office?
kamataryo
1
6k
Other Decks in Technology
See All in Technology
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
160
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
140
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
370
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
130
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
190
2025年になってもまだMySQLが好き
yoku0825
8
4.6k
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
nayuts
1
460
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
1
200
Rustから学ぶ 非同期処理の仕組み
skanehira
1
130
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
340
機械学習を扱うプラットフォーム開発と運用事例
lycorptech_jp
PRO
0
230
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Rails Girls Zürich Keynote
gr2m
95
14k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
The Invisible Side of Design
smashingmag
301
51k
Unsuck your backbone
ammeep
671
58k
Agile that works and the tools we love
rasmusluckow
330
21k
The World Runs on Bad Software
bkeepers
PRO
70
11k
BBQ
matthewcrist
89
9.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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ͷੈքʹ৮ΕͯΈΑ͏ʂ