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
AmplifyにCDKがやってきた_プレビュー版のAmplify_Gen2を触ってみた.pdf
Search
Toru Takahashi
April 18, 2024
1
820
AmplifyにCDKがやってきた_プレビュー版のAmplify_Gen2を触ってみた.pdf
https://jawsug-asa.connpass.com/event/312976/
Toru Takahashi
April 18, 2024
Tweet
Share
More Decks by Toru Takahashi
See All by Toru Takahashi
自分の技術力を言語化しよう
tttol
3
54
アプリケーションエンジニアだからこそわかるCDKコントリビューションの難しさと面白さ.pdf
tttol
3
150
AWS_AmplifyとNFCカードを使ってデジタル名刺を作る.pdf
tttol
4
130
AWS AmplifyとNFCカードを使ってデジタル名刺を作る
tttol
0
79
はじめてのAWS CDKコントリビュート
tttol
0
220
Amplify製アプリケーションにパスキー認証を導入する
tttol
1
160
Virtual Threadsで実現する性能改善
tttol
1
1.8k
私がAWS Amplifyを使う理由
tttol
1
380
AWS Community Builder流:技術情報のインプット・アウトプット戦略
tttol
1
740
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Six Lessons from altMBA
skipperchong
28
4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Building an army of robots
kneath
306
46k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
How GitHub (no longer) Works
holman
315
140k
Docker and Python
trallard
45
3.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Optimizing for Happiness
mojombo
379
70k
Transcript
AmplifyにCDKがやってきた! プレビュー版のAmplify Gen2を触ってみた NRIネットコム株式会社 髙橋 透 2024/04/19 JAWS-UG朝会#56
自己紹介 髙橋 透 NRIネットコム株式会社 よくやってること: • Webアプリ開発 ◦ Java/SpringBoot(本業) ◦ AWS
Amplify(趣味) AWS Community Builder (2024/03~) 2
おしながき • Amplifyとは何か? • Amplify Gen2とは何か? • Amplify Gen2はTypeScriptでリソースが書けるぞ! 3
Q: そもそも、Amplifyってなに? A: Webアプリ開発のサポートツール (超ざっくり) 4
・DynamoDB ・AppSync ・Cognito ・S3/CloudFront ・etc… 全部やっとくわ サーバーは? DBは? 認証は? デプロイは?
アプリ書くわ Amplifyがないとき Amplifyがあるとき AWS Amplify Webアプリ開発は考えることが多い 5
Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify
$ amplify add [api|auth|hosting] $ amplify push CLIでリソース作成/更新/削除 6
ここまで現行Amplifyの話 7
ここからAmplify Gen2の話 8
Amplify Gen2とは? • re:Invent 2023で発表された次世代のAmplify (in Preview) • Gen2 =
Generation 2. • TypeScriptでリソースを定義できる(CDK) • ホットスワップ形式でリソース変更を即デプロイできる • ほかにもいろいろなアップデートあるが時間都合上割愛 9
Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify
$ amplify add [api|auth|hosting] $ amplify push CLIからCDKへ resouce.ts 10
Gen1/Gen2のフロー比較 Code Editor localhost CLI iterate edit push test Gen1
<Gen1の問題点> • CLIで都度PUSHするのが面倒 • CLI作業がイテレーションの速度を落としている 11 AWS Amplify
Gen1/Gen2のフロー比較 Code Editor localhost test iterate 🔥hot swapped🔥 Gen2 <Gen2での改善>
• エディタの変更をリアルタイムで検知 • ホットスワップでAWSに即デプロイ開始 • イテレーション高速化 12 AWS Amplify
リソースの反映スムーズになったので localhostでのテストがより早く行える ↓ 開発速度向上 13
もっと色々あるけど 時間の都合上今回はここまで! 14
ご清聴ありがとうございました 15