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
730
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
650
CSS設計って最近こういう感じだと思うんですけどどうですか
takazudo
10
8.3k
フロントエンドエンジニアなら知っておきたい「Jamstack」~入門編~
takazudo
9
1.9k
真のコンポーネント粒度を求めて
takazudo
16
8.6k
あのモジュールこのコンポーネントそのブロック
takazudo
9
3.5k
Other Decks in Programming
See All in Programming
Повторное использование кода в ML: почему ML-пайплайны могут помочь?
lamodatech
0
410
Re:proS_案内資料
rect
0
210
飲食業界向けマルチプロダクトを実現させる開発体制とリアルな現状
hiroya0601
1
290
/←このスケジュール表に立ち向かう フロントエンド開発戦略 / A front-end development strategy to tackle a single-slash schedule.
nrslib
1
480
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
120
レイトレ合宿10 レンダラー紹介 / Renderer Introduction, Ray Tracing Camp 10
shocker_0x15
0
640
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
1.3k
2024-10-02 dev2next - Application Observability like you've never heard before
jonatan_ivanov
0
200
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
1.1k
rtcamp 10 (vk-illuminati)
yumcyawiz
1
210
perl for shell, awk and sed programmers
mackee
2
1k
Scan with Decoupled Look-back and Onesweep Radix Sort
shocker_0x15
0
160
Featured
See All Featured
It's Worth the Effort
3n
183
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Building an army of robots
kneath
302
42k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Why Our Code Smells
bkeepers
PRO
334
57k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
The Invisible Side of Design
smashingmag
297
50k
How STYLIGHT went responsive
nonsquared
95
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
Into the Great Unknown - MozCon
thekraken
31
1.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
0
9
The Straight Up "How To Draw Better" Workshop
denniskardys
232
130k
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!