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
850
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
740
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
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
190
効率的な開発手段として VRTを活用する
ishkawa
0
150
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
4
530
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
20k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
660
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
120
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
880
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.4k
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
410
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
160
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Docker and Python
trallard
44
3.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Cult of Friendly URLs
andyhume
79
6.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
GraphQLとの向き合い方2022年版
quramy
49
14k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
What's in a price? How to price your products and services
michaelherold
246
12k
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!