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
SPAのホスティングと Netlifyの話
Search
Yosuke Onoue
October 06, 2018
Technology
2
840
SPAのホスティングと Netlifyの話
ng-kyoto Angular Meetup #8 の発表資料です。
Yosuke Onoue
October 06, 2018
Tweet
Share
More Decks by Yosuke Onoue
See All by Yosuke Onoue
Think About Front-end Web Development with Rust
likr
2
450
Yewにおけるoff-the-main-thread
likr
1
670
行政事業レビューデータの可視化 / Visualization of Japan's National Budget with JUDGIT!
likr
1
180
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
likr
23
11k
Web-based Data Visualization with Rust and WebAssembly
likr
4
5.4k
Introduction to Graph Drawing
likr
0
430
20190707Ionic_Meetup.pdf
likr
0
370
About the end of the web
likr
2
460
Rust + WebAssemblyで広がるWebの未来
likr
16
6.6k
Other Decks in Technology
See All in Technology
ついに出た!OpenAIの最新モデル「o1」って何がすごいの?
minorun365
PRO
3
730
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
160
DevRelの始め方
moongift
PRO
1
380
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
200
ナレッジグラフとLLMの相互利用
koujikozaki
0
400
持続可能なソフトウェア開発を支える『GitHub CI/CD実践ガイド』
tmknom
6
1.3k
開発生産性を始める前に開発チームができること / optim-improve-development-productivity.pdf
optim
0
100
ロボットアームを遠隔制御の話 & LLMをつかったIoTの話もしたい
soracom
PRO
1
380
事前準備が肝!AI活用のための業務改革
layerx
PRO
1
370
サーバレスでモバイルアプリ開発! NTTコム「ビジネスdアプリ」のアーキテクチャ / The architecture of business d app
nttcom
12
240
JEP 480: Structured Concurrency
aya_ebata
0
130
AIを活用した柔軟かつ効率的な社内リソース検索への取り組み
cygames
0
110
Featured
See All Featured
Making Projects Easy
brettharned
113
5.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
It's Worth the Effort
3n
182
27k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Visualization
eitanlees
142
15k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Atom: Resistance is Futile
akmur
261
25k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Code Review Best Practice
trishagee
62
16k
Transcript
41"ͷϗεςΟϯάͱ /FUMJGZͷ ͓ͷ͏͑ ݄OHLZPUP"OHVMBS.FFUVQ
ࣗݾհ w ඌ্༸հ :PTVLF0OPVF w ຊେֶจཧֶ෦ใՊֶՊॿڭ w ใՄࢹԽɺཧ࠷దԽɺҙࢥܾఆࢧԉͷݚڀ w
ՄࢹԽγεςϜͷ։ൃʹ8FCϑϩϯτΤϯυٕज़Λ༻ w -JHIUIPVTFͷείΞվળ͕ϚΠϒʔϜ
None
41"ʢ"OHVMBSΞϓϦʣͷ ϗεςΟϯάΛͲ͏͍ͯ͠·͔͢ʁ
Ͳ͏͍ͯ͠·͔͢ʁ w ࣗલͰߏங w ΦϯϓϨɺ714ɺ*BB4 w Ϩϯλϧαʔόɺ1BB4 w ετϨʔδαʔϏε w
(JU)VC1BHFTɺ4 w ϗεςΟϯάαʔϏε w /FUMJGZɺ'JSFCBTF
Ͳ͏ͬͯબྑ͍͔ʁ
8FCͷτϨϯυ w ੩త8FCαΠτ w )5.-ɺ8FCαʔόʔ w ಈత8FCαΠτ w 1)1ɺ1ZUIPOɺ3VCZɺʜ w
4JOHMF1BHF"QQMJDBUJPO 41" w +BWB4DSJQUɺ3&45"1* w 1SPHSFTTJWF8FC"QQT 18" w 41" Ћ ΑΓྑ͍69 ύϥμΠϜͷน w ൃͷҧ͍ w ։ൃํ๏ͷҧ͍
-JHIUIPVTF w 8FCαΠτͷղੳπʔϧʢ$ISPNF֦ுPSίϚϯυʣ w 1SPHSFTTJWF8FC"QQ w 1FSGPSNBODF w "DDFTTJCJMJUZ w
#FTU1SBDUJDFT w 4&0 w $ISPNF͔Βඪ४ࡌʢ"VEJUTQBOFMʣ w CZ(PPHMF
1SPHSFTTJWF8FC"QQT w IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWF XFCBQQT w 8FCαΠτͱωΠςΟϒΞϓϦͷ ͍͍ͱ͜औΓΛͨ͠8FCΞϓϦ w 1SPHSFTTJWF&OIBODFNFOU w
ߴ͍ϢʔβϏϦςΟͷ࣮ݱ w ϏδωεϑϨϯυϦʔ
w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w ճઢରԠ
w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- 18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ
w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w ճઢରԠ
w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- 18"$IFDLMJTUͱϗεςΟϯά ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ϗεςΟϯά18"ͷཁ݅ͷଟ͘ʹؔΘΔ
۩ମతʹɺ
41"ϗεςΟϯάͷཁ݅ w 63-ϦμΠϨΫτ w )5514αϙʔτ w ΧελϜυϝΠϯ w ϓϦϨϯμϦϯά w
ߴ w ҆Ձ w ؆୯ w ৴པੑ
41"ͷ3PVUJOH IUUQTFYBNQMFDPN JOEFYIUNM JOEFYIUNM CVOEMFKT IUUQTFYBNQMFDPNQBHF 41"ͷϖʔδભҠʢ)JTUPSZ"1*ʣ IUUQTFYBNQMFDPNQBHF /PU'PVOE JOEFYIUNM
CVOEMFKT ϦϩʔυPS63-ΞΫηε
41"ͷ3PVUJOH IUUQTFYBNQMFDPN JOEFYIUNM JOEFYIUNM CVOEMFKT IUUQTFYBNQMFDPNQBHF 41"ͷϖʔδભҠʢ)JTUPSZ"1*ʣ IUUQTFYBNQMFDPNQBHF JOEFYIUNM JOEFYIUNM
CVOEMFKT ϦϩʔυPS63-ΞΫηε QBHFͷΞΫηεJOEFYIUNMΛฦ͢
)5514 w վ᜵ɾ౪ௌͷ߈ܸͷࢭ w 4FSWJDF8PSLFS)551ʹඞਢ w (PPHMFʹΑΔ8FCαΠτͷධՁʹӨڹ w Ͱ͖Ε)551͔Β)5514ʹϦμΠϨΫτ͢Δ
Ϋϩʔϥɾ0(1ରԠ w 4/4ͷڞ༗ɺ(PPHMFͷΫϩʔϥͰೝࣝ͞ΕΔΑ͏ʹ w 63-ຖʹ41"ଆͰॻ͖͍͑ͯΔ߹ରԠ͕େม
ࣗલ Ϩϯαό (JU)VC 1BHFT 'JSFCBTF /FUMJGZ 63-ϦμΠϨ Ϋτ ˓ ˚
º ˓ ˓ )5514α ϙʔτ ˓ ˚ ˓ ˓ ˓ ΧελϜυϝ Πϯ ˓ ˚ ˓ ˓ ˓ ϓϦϨϯμϦ ϯά ˓ ˚ º º ˓ ߴ ˚ ˚ ˓ ˓ ˓ ҆Ձ º ˚ ˓ ˓ ˓ ؆୯ º ˚ ˓ ˓ ˓
/FUMJGZ IUUQTXXXOFUMJGZDPN
/FUMJGZͷ͍ํ w $POUJOVPVT%FQMPZNFOU w (JU)VCʹ1VTI͢ΔͱࣗಈͰϖʔδߋ৽ w खಈσϓϩΠ w ίϚϯυϥΠϯπʔϧ w
ϑΝΠϧΞοϓϩʔυ
/FUMJGZͷ͍ํ w $POUJOVPVT%FQMPZNFOU w (JU)VCʹ1VTI͢ΔͱࣗಈͰϖʔδߋ৽ w खಈσϓϩΠ w ίϚϯυϥΠϯπʔϧ w
ϑΝΠϧΞοϓϩʔυ
%FNP $ npm i -g @angular/cli $ ng new
my-app $ cd my-app/ $ ng serve --open ΞϓϦͷ࡞
None
%FNP $ npm i -D netlify-cli@next $ npx netlify
login $ ng build --prod $ npx netlify deploy -d dist/my-app /FUMJGZͷσϓϩΠ
%FNP $ ng add @angular/pwa --project my-app $ ng
build --prod $ npm i -D http-server $ npx http-server -p 8080 -c-1 dist/my-app 18"ͷ༗ޮԽ
"assets": [ "src/_redirects", "src/robots.txt", "src/favicon.ico", "src/assets", "src/manifest.json" ], BOHVMBSKTPO /*
/index.html 200 http://ng-kyoto.netlify.com/* http://ng-kyoto.likr-lab.com/:splat 301! TSD@SFEJSFDUT <head> ... <base href="/"> <meta name="description" content="Demo for ng-kyoto Meetup #8 !"/> <meta name="viewport" content="width=device-width, initial-scale=1"> ... </head> TSDJOEFYIUNM User-agent : * Disallow : TSDSPCPUTUYU
%FNP $ netlify deploy -d dist/my-app --prod /FUMJGZͷ࠶σϓϩΠ
None
·ͱΊ w ༏ΕͨσϓϩΠڥ͕Ϟμϯͳ8FCΞϓϦʹඞਢ w ٕज़બΛ͔ͬ͠Γ͠Α͏ ºͬͯΔͷɾ͑ΔͷΛબͿ ºྲྀߦͬͯΔͷΛબͿ ˓͏͖ͷΛબͿ w /FUMJGZΛ͓ࢼ͋͠Εʂ