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
100
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
採用事例の少ないSvelteを選んだ理由と それを正解にするためにやっていること
oekazuma
2
1.1k
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
660
Webエンジニア主体のモバイルチームの 生産性を高く保つためにやったこと
igreenwood
0
340
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
190
Online-Dokumentation, die hilft: Strukturen, Prozesse, Tools
ahus1
0
100
range over funcの使い道と非同期N+1リゾルバーの夢 / about a range over func
mackee
0
110
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
4
790
iOS開発におけるCopilot For XcodeとCode Completion / copilot for xcode
fuyan777
1
160
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
170
テストコード書いてみませんか?
onopon
2
220
Effective Signals in Angular 19+: Rules and Helpers
manfredsteyer
PRO
0
130
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.4k
Site-Speed That Sticks
csswizardry
2
190
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Why Our Code Smells
bkeepers
PRO
335
57k
Mobile First: as difficult as doing things right
swwweet
222
9k
A Philosophy of Restraint
colly
203
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Making the Leap to Tech Lead
cromwellryan
133
9k
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