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
710
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
Amplify製アプリケーションにパスキー認証を導入する
tttol
1
14
Virtual Threadsで実現する性能改善
tttol
1
1.3k
私がAWS Amplifyを使う理由
tttol
1
320
AWS Community Builder流:技術情報のインプット・アウトプット戦略
tttol
1
450
Amplifyで開発・運用している 個人開発アプリ紹介
tttol
0
510
個人開発はAmplifyでホスティングしよう
tttol
0
720
結婚式WEB招待状をAWSリソースでサクッと自作した話
tttol
1
950
ChatGPTとCIパイプラインを利用してドキュメント作成作業を自動化した話
tttol
0
1.7k
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
The World Runs on Bad Software
bkeepers
PRO
66
11k
How STYLIGHT went responsive
nonsquared
96
5.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Adaptive Systems
keathley
38
2.3k
Embracing the Ebb and Flow
colly
84
4.5k
Documentation Writing (for coders)
carmenintech
66
4.5k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Code Reviewing Like a Champion
maltzj
521
39k
Making the Leap to Tech Lead
cromwellryan
133
9k
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