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
380
Node.jsによるWebサイト制作のデプロイ環境構築
takanorip
April 07, 2017
Tweet
Share
More Decks by takanorip
See All by takanorip
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
100
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
780
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.8k
早わかり W3C Community Group
takanorip
0
460
Ubieとアクセシビリティのこれからを考える
takanorip
0
420
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.8k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
Other Decks in Technology
See All in Technology
手を動かしてレベルアップしよう!
maruto
0
220
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
83k
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
720
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
640
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.2k
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5.1k
分解して理解する Aspire
nenonaninu
2
1.1k
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
160
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
JavaにおけるNull非許容性
skrb
2
2.6k
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
180
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
6
2.8k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
YesSQL, Process and Tooling at Scale
rocio
172
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Visualization
eitanlees
146
15k
Unsuck your backbone
ammeep
669
57k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
990
Done Done
chrislema
182
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Become a Pro
speakerdeck
PRO
26
5.2k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
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 ศར • ϑϩϯτΤϯυ։ൃͰ؆୯ʹσϓϩΠڥ ΛߏஙͰ͖ͨ • ͬͱ͍ΖΜͳ͍ํΛࡧ͍͖͍ͯͨ͠