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
800
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
720
CSS設計って最近こういう感じだと思うんですけどどうですか
takazudo
10
8.4k
フロントエンドエンジニアなら知っておきたい「Jamstack」~入門編~
takazudo
9
1.9k
真のコンポーネント粒度を求めて
takazudo
16
8.8k
あのモジュールこのコンポーネントそのブロック
takazudo
9
3.5k
Other Decks in Programming
See All in Programming
VitestのIn-Source Testingが便利
taro28
6
2.1k
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
4
630
Java 24まとめ / Java 24 summary
kishida
3
500
エンジニアが挑む、限界までの越境
nealle
1
250
Building Scalable Mobile Projects: Fast Builds, High Reusability and Clear Ownership
cyrilmottier
2
300
AHC045_解説
shun_pi
0
550
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
59
14k
Golangci-lint v2爆誕: 君たちはどうすべきか
logica0419
1
130
Sharing features among Android applications: experience feedback
jbvincey
0
110
Lambda(Python)の リファクタリングが好きなんです
komakichi
3
210
Empowering Developers with HTML-Aware ERB Tooling @ RubyKaigi 2025, Matsuyama, Ehime
marcoroth
2
740
AWS で実現する安全な AI エージェントの作り方 〜 Bedrock Engineer の実装例を添えて 〜 / how-to-build-secure-ai-agents
gawa
8
840
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Automating Front-end Workflow
addyosmani
1369
200k
Adopting Sorbet at Scale
ufuk
76
9.3k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Designing Experiences People Love
moore
141
24k
KATA
mclloyd
29
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
Scaling GitHub
holman
459
140k
It's Worth the Effort
3n
184
28k
Making the Leap to Tech Lead
cromwellryan
133
9.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!