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
AgentCoreとHuman in the Loop
har1101
5
230
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
430
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
450
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
220
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
560
AtCoder Conference 2025
shindannin
0
1.1k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
110
CSC307 Lecture 06
javiergs
PRO
0
680
今から始めるClaude Code超入門
448jp
8
8.6k
Fluid Templating in TYPO3 14
s2b
0
130
Oxlint JS plugins
kazupon
1
890
CSC307 Lecture 03
javiergs
PRO
1
490
Featured
See All Featured
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
110
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
RailsConf 2023
tenderlove
30
1.3k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
Building AI with AI
inesmontani
PRO
1
690
Thoughts on Productivity
jonyablonski
74
5k
How to make the Groovebox
asonas
2
1.9k
Become a Pro
speakerdeck
PRO
31
5.8k
Un-Boring Meetings
codingconduct
0
200
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Code Review Best Practice
trishagee
74
20k
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