AmplifyにCDKがやってきた_プレビュー版のAmplify_Gen2を触ってみた.pdf

https://jawsug-asa.connpass.com/event/312976/

Transcript

1. AmplifyにCDKがやってきた！ プレビュー版のAmplify Gen2を触ってみた NRIネットコム株式会社 髙橋　透 2024/04/19 JAWS-UG朝会#56
2. 自己紹介 髙橋　透 NRIネットコム株式会社 よくやってること： • Webアプリ開発 ◦ Java/SpringBoot(本業) ◦ AWS Amplify(趣味) AWS Community Builder (2024/03~) 2
3. おしながき • Amplifyとは何か？ • Amplify Gen2とは何か？ • Amplify Gen2はTypeScriptでリソースが書けるぞ！ 3
4. Q: そもそも、Amplifyってなに？ A: Webアプリ開発のサポートツール （超ざっくり） 4
5. ・DynamoDB ・AppSync ・Cognito ・S3/CloudFront ・etc… 全部やっとくわ サーバーは？ DBは？ 認証は？ デプロイは？ アプリ書くわ Amplifyがないとき Amplifyがあるとき AWS Amplify Webアプリ開発は考えることが多い 5
6. Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify $ amplify add [api|auth|hosting] $ amplify push CLIでリソース作成／更新／削除 6
7. ここまで現行Amplifyの話 7
8. ここからAmplify Gen2の話 8
9. Amplify Gen2とは？ • re:Invent 2023で発表された次世代のAmplify (in Preview) • Gen2 = Generation 2. • TypeScriptでリソースを定義できる（CDK） • ホットスワップ形式でリソース変更を即デプロイできる • ほかにもいろいろなアップデートあるが時間都合上割愛 9
10. Amazon DynamoDB Amazon Cognito Amazon S3 Amazon CloudFront AWS Amplify $ amplify add [api|auth|hosting] $ amplify push CLIからCDKへ resouce.ts 10
11. Gen1/Gen2のフロー比較 Code Editor localhost CLI iterate edit push test Gen1 ＜Gen1の問題点＞ • CLIで都度PUSHするのが面倒 • CLI作業がイテレーションの速度を落としている 11 AWS Amplify
12. Gen1/Gen2のフロー比較 Code Editor localhost test iterate 🔥hot swapped🔥 Gen2 ＜Gen2での改善＞ • エディタの変更をリアルタイムで検知 • ホットスワップでAWSに即デプロイ開始 • イテレーション高速化 12 AWS Amplify
13. リソースの反映スムーズになったので localhostでのテストがより早く行える ↓ 開発速度向上 13
14. もっと色々あるけど 時間の都合上今回はここまで！ 14
15. ご清聴ありがとうございました 15