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
GeminiとNotebookLMによる金融実務の業務革新
Avatar for abenben abenben
0
250
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
3.2k
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
1
6.7k
ドメイン特化なCLIPモデルとデータセットの紹介
Avatar for tattaka tattaka
2
540
Should Our Project Join the CNCF? (Japanese Recap)
Avatar for whywaita whywaita
PRO
0
300
怖くない！はじめてのClaude Code
Avatar for Shinya Masadome（東京AI祭） shinya337
0
320
PO初心者が考えた ”POらしさ”
Avatar for (Ha)rady nb_rady
0
120
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
3
940
KubeCon + CloudNativeCon Japan 2025 Recap
Avatar for Ren ren510dev
1
330
Amazon Bedrockで実現する 新たな学習体験
Avatar for Kazuki Maeda kzkmaeda
2
690
なぜ私はいま、ここにいるのか？ #もがく中堅デザイナー #プロダクトデザイナー
Avatar for 弁護士ドットコム bengo4com
0
1.3k
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
3.1k

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k

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ͷ࢖͍ํ