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
870
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
770
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
Google Opalで使える37のライブラリ
mickey_kubo
3
130
EMこそClaude Codeでコード調査しよう
shibayu36
0
330
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
780
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.2k
コード生成なしでモック処理を実現!ovechkin-dm/mockioで学ぶメタプログラミング
qualiarts
0
250
チームの境界をブチ抜いていけ
tokai235
0
210
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
1.1k
AkarengaLT vol.38
hashimoto_kei
1
110
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
860
CSC509 Lecture 06
javiergs
PRO
0
260
What's new in Spring Modulith?
olivergierke
1
160
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
880
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Unsuck your backbone
ammeep
671
58k
The World Runs on Bad Software
bkeepers
PRO
72
11k
GraphQLとの向き合い方2022年版
quramy
49
14k
Rails Girls Zürich Keynote
gr2m
95
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Facilitating Awesome Meetings
lara
57
6.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
4 Signs Your Business is Dying
shpigford
185
22k
Documentation Writing (for coders)
carmenintech
75
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
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!