Upgrade to Pro — share decks privately, control downloads, hide ads and more …

npm-scriptsについて

Avatar for Kazunori-Kimura Kazunori-Kimura
January 17, 2018
Technology
0
110

 npm-scriptsについて

npm-scriptsの概要と使い方について
Avatar for Kazunori-Kimura

Kazunori-Kimura

January 17, 2018
Tweet

More Decks by Kazunori-Kimura

See All by Kazunori-Kimura
path-parser
Avatar for Kazunori-Kimura kazunorikimura
0
380
objectのcloneを行う/How to clone of the object in js
Avatar for Kazunori-Kimura kazunorikimura
0
400
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
Avatar for Kazunori-Kimura kazunorikimura
0
660
How freelance programmer works
Avatar for Kazunori-Kimura kazunorikimura
0
120
moment.js
Avatar for Kazunori-Kimura kazunorikimura
0
91
sequelize.pdf
Avatar for Kazunori-Kimura kazunorikimura
0
580
Toward the world of "ready player one"
Avatar for Kazunori-Kimura kazunorikimura
0
87
npmの便利なパッケージ: forever, winser
Avatar for Kazunori-Kimura kazunorikimura
0
990
npmの便利なパッケージ: Jest
Avatar for Kazunori-Kimura kazunorikimura
0
130

Other Decks in Technology

See All in Technology
FrankenPHPでLaravelを動かしてみよう
Avatar for Capi yousaku
0
100
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
Avatar for nwiizo nwiizo
6
3.9k
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
Avatar for Nagisa Yata nyata
0
380
LangChain Interrupt & LangChain Ambassadors meetingレポート
Avatar for os1ma os1ma
2
260
Tech-Verse 2025 Global CTO Session
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
1.4k
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
Avatar for upamune / Yu SERIZAWA upamune
6
4.8k
ドメイン特化なCLIPモデルとデータセットの紹介
Avatar for tattaka tattaka
2
550
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
200
Witchcraft for Memory
Avatar for pocke pocke
1
710
OPENLOGI Company Profile
Avatar for OPENLOGI hr01
0
67k
rubygem開発で鍛える設計力
Avatar for Tomohiro Hashidate joker1007
3
360
AI専用のリンターを作る #yumemi_patch
Avatar for 弁護士ドットコム bengo4com
5
3.5k

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k

Transcript

  1. OQNTDSJQUTʹ͍ͭͯ 2018-01-20 ໦ଜ ݑن

  2.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  3.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  4. ࡢࠓͷWebϑϩϯτΤϯυ։ൃ  Node.jsͷπʔϧ͕ෆՄܽ πʔϧͷ؅ཧɺ࣮ߦʹ͸npmΛ࢖͏ npm: node package manager

  5. ϑϩϯτΤϯυ։ൃͷπʔϧ • babel • browserify/webpack • node-sass • browser-sync …etc

    ͜ΕΒͷπʔϧ܈Λͭͳ͗߹ΘͤΔ 

  6.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  7. λεΫϥϯφʔͱ͸ JavaScriptͷτϥϯεύΠϧ΍SCSSͷίϯύΠ ϧɺrequire/importͷղܾͱ͍ͬͨॲཧͷ࣮ߦ ΛࣗಈԽ͢Δ 

  8. ୅දతͳλεΫϥϯφʔ • grunt • gulp • npm-scripts 

  9. grunt / gulp ϓϥάΠϯʹΑΓଟ༷ͳػೳΛఏڙ ઃఆ͕ෳࡶʹͳΓ͕ͪ 

  10. npm-scripts shell script / batchίϚϯυ Λ࣮ߦ
 package.jsonʹఆٛ γϯϓϧͰ֮͑Δ͜ͱ͕গͳ͍ ػೳ͕ශऑ 

  11.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  12. npm-scriptsͷఆٛ 

  13. npm-scriptsͰศརͳπʔϧ npm-run-all cross-env rimraf mkdirp chokidar-cli 

  14.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ