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