Amplify gen2を使った感想

2026年7月18日に開催された JAWS-UG広島 第27回勉強会（JAWS-UG クラウド女子会コラボ！）での登壇資料となります。

イベント URL：https://jawsug-hiroshima.connpass.com/event/395385/
ハッシュタグ：#jawsughiroshima #cloudgirl #jawsug

Transcript

1. Amplify gen2を使った感想 2026/7/18 JAWS-UG広島 第2 7回勉強会 ムラナカ＝ゴリ ラ
2. 自己紹介 名前：ムラナカ＝ゴリラ 所属：地場中堅スーパー社内SE 趣味：筋トレ・釣り・トリッカル 資格：SAA-C03(2024-4-10) 好きなサービス AWS CDK（TSでIaCを立てれるので便利！） X note
3. 導入 今日は 「Amplify Gen2 マジパネェ！ 」 ということをお話します。
4. 使 用 し た 経 緯 に つ いて と あ る 業 務 We b サ イ ト ( オ ン プ レ )が セ キュ リ ティ が 超 絶 ヤバ イ の で ア プ リ を リ プ レイス し な い と いけ な い ！ オ ン プ レ も い いけ ど、 社 内 で 使 っ た こ と が な い AW S を 試 験 的 に使ってみたいという社内の空気感。 同 等 の ア プ リ を AW S の サ ー バ レ ス 作 成 す る こ と に 。 サーバレスにするならば、Lambd a + Cl oud Fron t にするかと思いながら調べ 、Gen2 に出会う。
5. おさらい（Amplify Gen2 is 何？ ） AWS Amplify Gen 2 (以降、Amplify Gen 2) は、TypeScript を活用したフルス タックの開発環境です。フロントエンドとバックエンドの開発を一体化し、Web・ モバイルアプリを迅速に構築できます。Amplify Gen 2 はコーディングからクラウ ドリソースのプロビジョニング、ホスティングまで、アプリ開発のライフサイクル全 体を一元的に管理する環境を提供します。 https://aws.amazon.com/jp/builders-flash/202411/awsgeek-aws-amplify-gen2/ Amplify（ホスティングサービス） ＋ CDK（IaC 後述） ＋ SandBox機能（後述）
6. ３つのパネェ部分（便利だと感じた部分） Amplify SandBox 自分だけのバックエンド環境が作れる！ AWS CDK Backendを爆速で作れる！ Amplify + code commit CI/CD 爆速でデプロイできる！
7. SandBox CDKを記載して「 npx ampx sandbox」コマンド一つで AWS側がバックエンドリソースを 構築する仕組み https://aws.amazon.com/jp/blogs/news/team-workflows-amplify/
8. SandBox sandboxコマンドでAPI のキーやデータベースの認証情報などの機密デ ータを管理するために、シークレットを利用することができ、 Systems Manager のパラメータス トアに保存される。 環境変数.envで管理することもできるが、なるべくシークレットを使用し たほうが良い。
9. CDK import { defineBackend } from '@aws-amplify/backend' 具体的にTypeScriptのコンス トラクタを 定義をするだけ。 私の場合はL2コンス トラトでスタックを立てて、網羅できないところは L1コンス トラクト（エスケープハッチ）で肉付けした感じ。 例として以下の実装を上げてみる MS EntraとCognitoを利用したM365アカウントによるSSO DataFirehoseを利用したクライアントからのアクセスログ
10. 1.CognitoとつなぐSSOアプリケーションをMS Entra Id上で作成して フェデレ ーション メタデータ URLをCDKの環境変数へ入れ込む。 Entra Id アプリのフェデレ ーション メタデータ URL Claim Type URI M365アカウントのユーザー名等の情報 を取得するために必要。
11. 2.sandbox上で作成してできたoutput.jsonから識別子と応答URLをentra アプリへコピペ 。 3. CDKでdefineBackend.authを定義。完了。はやい！
12. backend.tsでL2コンス トラクトを定義。別ファイルでL1コンス トラクトを定義
13. 配信ス トリームをL1コンス トラクトで定義
14. CI/CD（継続的な色々） Code CommitへPushしたらAmplify自動でビルドしてくれる。 以下のように環境を分けている production_env ：本番環境 staging_env ：ステージング環境・社内github こ れ ら リ ポ ジ ト リ を m ai n へ Pu s h し た ら 自 動 で A m p lif y が ビル ド して く れ る。 Jestも組み込める！(＝テス ト駆動も可能）
15. お す す め す る ケ ース 手っ取り早くWebアプリを作成したい。 勉強を除いたら1か月で構築。6割はフロント4割はCDK 詳細なモック＞要件修正を行うケース React+CDKモック ↓ 顧客が触る ↓ 要件修正 ↓ そのまま開発
16. おすすめしないソリューション >Amplify自 体がホスティングサービスなの で.. . ロードバラン サ による負荷分 散、地 域制限などの細 かい機能が必要 な 場合。 冗長化が必要 な クリティ カルア プリケーション できること、できないことの分別は必要
17. しくじりミス プロジェクト名をテンプレ ートのままデプロイして本番に乗せたこと プロジェクト名がスタック名になるので、変えたら総入れ替えになる... ※varsionは影響なし（なはず）
18. しくじりミス(AWSとは関係ない点） package-jsonをBackendとFrontendを分ければよかった。 Amplify Backendのパッケージの依存関係多いので管理が大変！ まぁ、devDependenciesだからauditをサボってもばれへんか、、、 npmじゃなくて、yarnかpnpmにすればよかった？ npm auditがやりにくい！ forece掛けたら脆弱性増えたんだけど！ わざわざoverridesを書かんといけないんだけど！
19. まとめ AWS Amplify Gen2はいいぞ