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
Node.jsによるWebサイト制作のデプロイ環境構築
Search
takanorip
April 07, 2017
Technology
0
390
Node.jsによるWebサイト制作のデプロイ環境構築
takanorip
April 07, 2017
Tweet
Share
More Decks by takanorip
See All by takanorip
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
590
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
Bulletproof Design System with TypeScript
takanorip
7
4.2k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
170
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
950
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.5k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.1k
早わかり W3C Community Group
takanorip
0
510
Ubieとアクセシビリティのこれからを考える
takanorip
0
480
Other Decks in Technology
See All in Technology
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
370
CoRL 2025 Survey
harukiabe
1
230
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
130
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
170
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
1
530
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
1k
20251014_Pythonを実務で徹底的に使いこなした話
ippei0923
0
220
GoでもGUIアプリを作りたい!
kworkdev
PRO
0
160
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
700
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
5
1k
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
180
Introdução a Service Mesh usando o Istio
aeciopires
1
240
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Balancing Empowerment & Direction
lara
5
690
Unsuck your backbone
ammeep
671
58k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Being A Developer After 40
akosma
91
590k
Optimizing for Happiness
mojombo
379
70k
Done Done
chrislema
185
16k
The Pragmatic Product Professional
lauravandoore
36
7k
RailsConf 2023
tenderlove
30
1.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Transcript
WebαΠτ deployڥͷߏங Takanori Oki @౦ژNodeֶԂೖֶࣜ
࣍ • ࣗݾհ • ֓ཁ • ॲཧͷྲྀΕ • ·ͱΊ
ࣗݾհ
ࣗݾհ • େଚلʢ@takanoripʣ • גࣜձࣾϑΥʔσδοτσβΠϯ • ϑϩϯτΤϯυΤϯδχΞ
֓ཁ
ಈػ • FTPखಈΞοϓϩʔυΊ͍ͨ • ࣗಈԽ͍ͨ͠ • Gulp͍ͨ͘ͳ͍
npm scripts
npm scripts ͱʁ • npmͷύοέʔδ + Shell • λεΫϥϯφʔ •
ϥούʔϓϥάΠϯෆཁ • JavaScript, stylusͷwatch, build, deployͳͲ ͬͯ͘ΕΔ
ෳࡶͳ͜ͱ͕ۤख ↓ ֎෦ϑΝΠϧԽ
ߏ
ߏ ├── package.json ├── scripts/ │ ├── ... │ ├──
build.js │ ├── upload.js │ └── deploy.js ├── htdocs/ (公開ディレクトリ) ├── node_modules/ └── config.js
ߏ • package.json : npmઃఆϑΝΠϧ • deploy.js : build +
upload • build.js : JS, stylusͷbuild • upload.js : SFTPܦ༝ͰαʔόʔʹΞοϓ • config.js : ύεFTPͷใͳͲΛهड़
༻Ϟδϡʔϧ • bluebird : PromiseͷϥΠϒϥϦ • path : ϑΝΠϧύεΛѻ͏Ϟδϡʔϧ •
fs : ϑΝΠϧΞΫηε͢ΔͨΊͷϞδϡʔϧ • ssh2 : SSHଓ͢ΔϞδϡʔϧ
ॲཧͷྲྀΕ
package.json { "scripts": { … "build": "node scripts/build.js", "watch": "node
scripts/watch.js”, "deploy": "node scripts/deploy.js” … }, }
ॲཧͷྲྀΕ 1. ίϯϑΟά͔Βެ։σΟϨΫτϦͷύεऔಘ 2. SFTPଓ 3. ϑΝΠϧΛΞοϓϩʔυ 4. ϑΝΠϧͷଘࡏΛ֬ೝˠͳ͔ͬͨΒσΟϨΫ τϦ࡞Δ
·ͱΊ • npm scripts ศར • ϑϩϯτΤϯυ։ൃͰ؆୯ʹσϓϩΠڥ ΛߏஙͰ͖ͨ • ͬͱ͍ΖΜͳ͍ํΛࡧ͍͖͍ͯͨ͠