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
npm-scriptsについて
Search
Kazunori-Kimura
January 17, 2018
Technology
120
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
npm-scriptsについて
npm-scriptsの概要と使い方について
Kazunori-Kimura
January 17, 2018
More Decks by Kazunori-Kimura
See All by Kazunori-Kimura
path-parser
kazunorikimura
0
400
objectのcloneを行う/How to clone of the object in js
kazunorikimura
0
420
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
kazunorikimura
0
700
How freelance programmer works
kazunorikimura
0
150
moment.js
kazunorikimura
0
130
sequelize.pdf
kazunorikimura
0
620
Toward the world of "ready player one"
kazunorikimura
0
120
npmの便利なパッケージ: forever, winser
kazunorikimura
0
1.1k
npmの便利なパッケージ: Jest
kazunorikimura
0
160
Other Decks in Technology
See All in Technology
現場との対話から始める “作る前に問い直す”業務改善
mochico50
2
340
セキュリティ研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
31
25k
Retriever と Reranker、結局どうする?
kazuaki
1
460
カメラ×AIで挑む「ホワイト物流」― 車両管理、自動化の壁と突破口【SORACOM Discovery 2026】
soracom
PRO
0
180
歴史から理解するクラウドインフラのしくみ
kizawa2020
0
190
NetBoxを利用した作業効率化の試み_NetDevNight4
tnoha
0
350
エンタープライズデータへ安全につなぐ Production-ready なエージェント設計 ― AI × MCP リファレンスアーキテクチャ ― #AIDevDay
cdataj
1
300
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
310
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
180
現場で使える AWS DevOps Agent 活用ノウハウ - Release Management 機能の検証結果を添えて / AWS DevOps Agent Release Management and Know-How
kinunori
4
760
AI工学特論: MLOps・継続的評価
asei
11
3k
「待ち時間」の消滅と「自我消耗」の加速:生成AI時代のエンジニアを救うメンタル・リソース管理
poropinai1966
0
320
Featured
See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
390
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
620
Exploring anti-patterns in Rails
aemeredith
3
450
The Limits of Empathy - UXLibs8
cassininazir
1
560
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
440
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
350
A Modern Web Designer's Workflow
chriscoyier
698
190k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
190
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
200
Leo the Paperboy
mayatellez
8
1.9k
Transcript
OQNTDSJQUTʹ͍ͭͯ 2018-01-20 ଜ ݑن
ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ͍ํ
ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ͍ํ
ࡢࠓͷWebϑϩϯτΤϯυ։ൃ Node.jsͷπʔϧ͕ෆՄܽ πʔϧͷཧɺ࣮ߦʹnpmΛ͏ npm: node package manager
ϑϩϯτΤϯυ։ൃͷπʔϧ • babel • browserify/webpack • node-sass • browser-sync …etc
͜ΕΒͷπʔϧ܈Λͭͳ͗߹ΘͤΔ
ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ͍ํ
λεΫϥϯφʔͱ JavaScriptͷτϥϯεύΠϧSCSSͷίϯύΠ ϧɺrequire/importͷղܾͱ͍ͬͨॲཧͷ࣮ߦ ΛࣗಈԽ͢Δ
දతͳλεΫϥϯφʔ • grunt • gulp • npm-scripts
grunt / gulp ϓϥάΠϯʹΑΓଟ༷ͳػೳΛఏڙ ઃఆ͕ෳࡶʹͳΓ͕ͪ
npm-scripts shell script / batchίϚϯυ Λ࣮ߦ package.jsonʹఆٛ γϯϓϧͰ֮͑Δ͜ͱ͕গͳ͍ ػೳ͕ශऑ
ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ͍ํ
npm-scriptsͷఆٛ
npm-scriptsͰศརͳπʔϧ npm-run-all cross-env rimraf mkdirp chokidar-cli
ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ͍ํ