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で実装したセゾンカードWebサイトを2年運用お手伝いしてみて
Search
Takeshi Takatsudo
July 14, 2023
Programming
2
860
Jamstackで実装したセゾンカードWebサイトを2年運用お手伝いしてみて
2023/07/14 dist40にて
https://dist.connpass.com/event/284922/
Takeshi Takatsudo
July 14, 2023
Tweet
Share
More Decks by Takeshi Takatsudo
See All by Takeshi Takatsudo
壺男で考えるクリエイティブ
takazudo
0
750
CSS設計って最近こういう感じだと思うんですけどどうですか
takazudo
10
8.5k
フロントエンドエンジニアなら知っておきたい「Jamstack」~入門編~
takazudo
9
1.9k
真のコンポーネント粒度を求めて
takazudo
16
8.9k
あのモジュールこのコンポーネントそのブロック
takazudo
9
3.6k
Other Decks in Programming
See All in Programming
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
250
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
370
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
1
410
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
180
Kiroで始めるAI-DLC
kaonash
2
520
TROCCO×dbtで実現する人にもAIにもやさしいデータ基盤
nealle
0
400
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.9k
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
240
ProxyによるWindow間RPC機構の構築
syumai
3
820
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
410
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
240
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
1.5k
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Facilitating Awesome Meetings
lara
55
6.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Side Projects
sachag
455
43k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
It's Worth the Effort
3n
187
28k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
910
Documentation Writing (for coders)
carmenintech
73
5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
RailsConf 2023
tenderlove
30
1.2k
Transcript
Jamstack:"**LE : - 1"Web4YE 2 ** I'EL222 & Takazudo DIST.
40 2023. 09.14
:Eit =F II ED> Y"EHL & Takazudo (**) [Yt1LY".., x277-
#Tl = Y Jamstack,"RIX: WebHYt 2 = Y= EFFE #
(2213' = i1;"
JamstackEtc Eith S
✌ - L2HTMLEEIIEE. # 7 = It EEc HTML, Static
Site Generator SPALYEYEth. Headless CMS4" -45:34 TITI El me HTMLE! ⊥ - - -ID JSON TyYK -> -100 ETY - -A -> 0 1= 12Iex ↓W I =a - 734i ) = = 4:t E. APIN'S-A
⊥it "LE. #L TAL 1 HTML<2 push 13DA - r
- BY I'T Developer git - push3E[OK! ACI FEETIR 3. - iE et IE.
- :: "ICDNIE it CDN B * API HTML ↑x
③ ⑤ ⑧ & CSS/JS/RE E 13DA & ⑤ I e - 138138 ③ ⑧s - ⑨ BUF & Di -> 80 Mettitt" Jamstack!
-E WebH= 112 · 2021 5A111=1-PIL · by + 1
= vt 1- x - PXG · EYE 11313 *** · AWS Amplify · micro (MS · I 1 ty · GitHub
EnX= 1 - · t* · Git · M. f27
(MS · SSGNYY" · i7Fx = M
# "n · ix= 1-Y 131 CDN HTMLLX - 22TII
. . . - S REIIKE Mess- E · EHI= -- · Le-f"E y= 13a'
e · 'WebF = It IFE T · X WIE2E
· WebHtEE:ll T-7 Its= al
-CMS ** Etz! · A NAI 14= = = x7
1= 7 "IFT, 2 T53 · II = "*** 175 TE1l · Etin (MS1= 7+ - DI LEC 2IIII · IEEE JSON IEL IIEit
1 MS n-AE* ETIE ! · I- A1"** - =
= ="fil 1 · - ET 4 At a IEC 1= I<IR, ZE,EE" EI*-
- MSI CELWebt - ex · 100 % = tB-1
E3 RHEITEn ts · "": .. · It (32 I3. · I7IEEEh.H- xxE] · 71 WebH-x #22 3211; 13 E
#12H = [Est= 11ty4*4E9SSG-12 2117 = z TET 1'. A
EI TITEII/EcZ IIE. · It HTML. EL T1 · 4- 1 "YlzlnEE LEE
Afy .- TE EICTE" () # I TE YH+ 15k57x7AAll.
15 ( al: 3xT LE. AA > Ex: 4-x". FIAt'2" EEFIt" Il
$150/1TB -x
-
- - -
EK
k, = = cAlE - i = > t -
> "*" ->
- HA LE ItzitTIE · ori-t · 7714 = 77
- 7 1kLz1= 4.217E2 113E"TECHIEE] Eh,HEELE!
* E
Jamstack I = "H-1=Vnx EiFIIt. ᶌ CSS EEt ⊥D =
1-1-53 = = Xx Y ! 1- *st! Jamstack n EEE 11313 KIE5.
I'l" I'lElE!