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
97
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
4.9k
Other Decks in Programming
See All in Programming
ヤプリ新卒SREの オンボーディング
masaki12
0
130
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
Nurturing OpenJDK distribution: Eclipse Temurin Success History and plan
ivargrimstad
0
960
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
100
Better Code Design in PHP
afilina
PRO
0
130
as(型アサーション)を書く前にできること
marokanatani
10
2.7k
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
140
Macとオーディオ再生 2024/11/02
yusukeito
0
370
Jakarta EE meets AI
ivargrimstad
0
220
最新TCAキャッチアップ
0si43
0
190
Figma Dev Modeで変わる!Flutterの開発体験
watanave
0
140
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
Featured
See All Featured
Bash Introduction
62gerente
608
210k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
A Philosophy of Restraint
colly
203
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
100
How to Ace a Technical Interview
jacobian
276
23k
Being A Developer After 40
akosma
87
590k
GraphQLとの向き合い方2022年版
quramy
43
13k
Teambox: Starting and Learning
jrom
133
8.8k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Why Our Code Smells
bkeepers
PRO
334
57k
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