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
140
JAMstack_conf_2019 JAMstack at scale Report
tomof
November 16, 2019
Tweet
Share
More Decks by tomof
See All by tomof
RedwoodJSを試してみた
tomof
0
140
webpackが何故必要で、 何故分かりづらいのか
tomof
6
5.2k
Other Decks in Programming
See All in Programming
CSC307 Lecture 08
javiergs
PRO
0
670
SourceGeneratorのススメ
htkym
0
190
Package Management Learnings from Homebrew
mikemcquaid
0
210
CSC307 Lecture 03
javiergs
PRO
1
490
高速開発のためのコード整理術
sutetotanuki
1
390
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
AI時代の認知負荷との向き合い方
optfit
0
160
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
270
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
370
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
CSC307 Lecture 07
javiergs
PRO
0
550
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Accessibility Awareness
sabderemane
0
51
Tell your own story through comics
letsgokoyo
1
810
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
KATA
mclloyd
PRO
34
15k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
99
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
290
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
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