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
670
How freelance programmer works
Avatar for Kazunori-Kimura kazunorikimura
0
130
moment.js
Avatar for Kazunori-Kimura kazunorikimura
0
100
sequelize.pdf
Avatar for Kazunori-Kimura kazunorikimura
0
590
Toward the world of "ready player one"
Avatar for Kazunori-Kimura kazunorikimura
0
95
npmの便利なパッケージ: forever, winser
Avatar for Kazunori-Kimura kazunorikimura
0
1k
npmの便利なパッケージ: Jest
Avatar for Kazunori-Kimura kazunorikimura
0
130

Other Decks in Technology

See All in Technology
BtoBプロダクト開発の深層
Avatar for 16bit_idol 16bitidol
0
200
Green Tea Garbage Collector の今
Avatar for zchee zchee
PRO
2
390
What is BigQuery?
Avatar for Aizack aizack_harks
0
130
許しとアジャイル
Avatar for Jun Nakajima jnuank
1
120
非エンジニアのあなたもできる＆もうやってる！コンテキストエンジニアリング
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
3
900
実装で解き明かす並行処理の歴史
Avatar for ZOZO Developers zozotech
PRO
1
310
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか？
Avatar for Masahiro Yoshizawa muziyoshiz
1
100
"複雑なデータ処理 × 静的サイト" を両立させる、楽をするRails運用 / A low-effort Rails workflow that combines “Complex Data Processing × Static Sites”
Avatar for hogelog hogelog
3
1.9k
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
Avatar for mdstoy mdstoy
0
120
Sidekiq その前に：Webアプリケーションにおける非同期ジョブ設計原則
Avatar for morihirok morihirok
17
7.3k
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
9
3.8k
リーダーになったら未来を語れるようになろう/Speak the Future
Avatar for Genki Sano sanogemaru
0
270

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k

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