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
JAMstack_conf_2019 JAMstack at scale Report
Search
tomof
November 16, 2019
Programming
0
120
JAMstack_conf_2019 JAMstack at scale Report
tomof
November 16, 2019
Tweet
Share
More Decks by tomof
See All by tomof
RedwoodJSを試してみた
tomof
0
130
webpackが何故必要で、 何故分かりづらいのか
tomof
6
5k
Other Decks in Programming
See All in Programming
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
110
GoのWebAssembly活用パターン紹介
syumai
3
9.9k
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
lnit
1
160
從零到一:搭建你的第一個 Observability 平台
blueswen
1
880
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
920
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
790
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
1
630
PT AI без купюр
v0lka
0
230
GoのGenericsによるslice操作との付き合い方
syumai
2
490
XSLTで作るBrainfuck処理系
makki_d
0
190
コード書くの好きな人向けAIコーディング活用tips #orestudy
77web
3
300
実践ArchUnit ~実例による検証パターンの紹介~
ogiwarat
2
250
Featured
See All Featured
Docker and Python
trallard
44
3.4k
Being A Developer After 40
akosma
90
590k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Done Done
chrislema
184
16k
Building Adaptive Systems
keathley
43
2.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Automating Front-end Workflow
addyosmani
1370
200k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Code Reviewing Like a Champion
maltzj
524
40k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Transcript
Shizuoka.js #5 ϋογϡλάTIJ[VPLB@KT
JAMstack_conf_sf 2019 גࣜձࣾϐΫηϧάϦου tomof JAMstack at scale
tomof
None
None
None
JAMstackͷ ձࣾ
ࠓ͢͜ͱ
• JAMstackͱʁ • JAMstack_conf_sf 2019 • JAMstack at Scaleɹ •
·ͱΊ
JAMstackͱʁ
None
https://jamstack.org
None
jamstack.orgͷϝΠϯίϐʔ༁ “ϞμϯΞʔΩςΫνϟ JavaScriptɺAPIɺࣄલʹੜ͞Εͨ MarkupΛ༻ͯ͠ɺ Webαʔόʔͳ͠Ͱఏڙ͞ΕΔ ߴͰ҆શͳαΠτͱಈతΞϓϦΛ࡞Δ”
jamstack.orgͷϝΠϯίϐʔ༁ “ϞμϯΞʔΩςΫνϟ JavaScriptɺAPIɺࣄલʹੜ͞Εͨ MarkupΛ༻ͯ͠ɺ Webαʔόʔͳ͠Ͱఏڙ͞ΕΔ ߴͰ҆શͳαΠτͱಈతΞϓϦΛ࡞Δ”
TUBDL
ϒϥβʔͷJavaScriptͷΈ ࠶ར༻ՄೳͳAPI ͋Β͔͡Ίੜ͢ΔMarkup
ϒϥβʔͷJavaScriptͷΈ
ϒϥβʔͷJavaScriptͷΈ αʔόʔଆ ϓϩάϥϜېࢭ
࠶ར༻ՄೳͳAPI ϒϥβ API
࠶ར༻ՄೳͳAPI ϒϥβ API APIܦ༝ OK
͋Β͔͡Ίੜ͢ΔMarkup Git API Ϗϧυπʔϧ
͋Β͔͡Ίੜ͢ΔMarkup Git API Ϗϧυπʔϧ <body> <noscript>You need to enable …
<div id="root"></div> </body>
͋Β͔͡Ίੜ͢ΔMarkup Git API Ϗϧυπʔϧ <body> <noscript>You need to enable …
<div id="root"></div> </body> શ෦JavaScript μϝ
ϒϥβʔͷJavaScriptͷΈ ࠶ར༻ՄೳͳAPI ͋Β͔͡Ίੜ͢ΔMarkup
σʔλΛຒΊࠐΜͩHTMLΛ ͋Β͔͡Ίੜ͓ͯ͘͠
JAMstackʹؔ࿈͢Δ αʔϏεɾ༻ޠ
None
• ੩తϗεςΟϯάαʔϏε • GitHubͱ࿈ܞͰϏϧυɺެ։ •ϒϥϯν͝ͱʹϓϨϏϡʔ
None
None
Matt Biilmann CEO and Co-founder of Netlify
headlessCMS
• ίϯςϯπͷཧʹಛԽ •ެ։͢ΔϏϡʔػೳ࣋ͨͳ͍ • ίϯςϯπΛఏڙ͢ΔAPIΛඋ
None
JAMstack_conf_sf 2019
None
None
⒊
None
•!ຊݶఆͩͱͯ͠ ৗʹϋΠΤϯυͳڥʁ • ௨৴ڥ • σόΠεͷੑೳ
None
None
None
None
None
None
None
None
None
None
None
• αʔόʔαΠυͷॲཧͰ10ඵ • ΫϥΠΞϯτͷඳըͰ10ඵ • ☺ࣄલϏϧυͰ10ඵ ˞ɹۃͳྫ͑Ͱ͢
None
None
None
None
None
IUUQTKBXJLJQFEJBPSHXJLJΠϯλʔωοτɾΩΦεΫ ,JPTLͷΠϝʔδ w ͓ళʹஔ͔Ε͍ͯΔ w λονεΫϦʔϯ w จՄೳ
None
None
None
None
None
None
None
ࣄલϏϧυ࣌ʹڥมͰ ذ
None
https://ja.wikipedia.org/wiki/ϫούʔ
None
4DIFNBͷఆٛʹΑͬͯ ࣗಈతʹೖྗ6*͕ੜ͞ΕΔ
ΧελϜ3FBDUίϯϙʔωϯτʹ ೖΕସ͍͑ͯΔͷ͋Δ
σʔλೖྗ ։ൃ ެ։ اը
σʔλೖྗ ։ൃ ެ։ اը
wྻత wґଘؔ
σʔλೖྗ ։ൃ Ϗϧυ ެ։ اը
wฒྻత wඇґଘؔ
JAMstack at scale https://jamstackconf.com/sf/schedule/
w ϩϯΰΧφμ࠷େͷ ৯ྉνΣʔϯͷͭ w डୗ։ൃͷࣄྫ w-PCMPXTΧφμ࠷େͷ ৯খചۀऀ
w /*,&ͷΩϟϯϖʔϯαΠτ w ͍։ൃظؒͰϦϦʔε
·ͱΊ
JAMstackࣄલʹϏϧυͨ͠ ੩తHTMLΛCDNͰ৴͢Δ͜ͱͰ ߴͳWebαΠτɾΞϓϦΛ࣮ݱ͢Δ
JAMstackʹΑΔ ඇΤϯδχΞؚΉ ৫ߏۀϑϩʔͷվળ
JAMstackʹ ͠ͳ͍ͱ͍͚ͳ͍ͷʁ
ͯ͢ΛJAMstackʹ͢Δඞཁͳ͍ SPA͕࠷దɺCMS͕࠷ద ͔͠Εͳ͍
JAMstack ৽ͨͳબࢶ
Thank you www.codegrid.net +".TUBDL$PEF(SJEͰհ͍ͯ͠·͢
None