AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. 最新 AWS Amplify & AWS AppSync Update 紹介 アマゾンウェブサービスジャパン 合同会社 ソリューションアーキテクト 稲⽥ ⼤陸（いなりく） 2023.12.14 A m p l i f y B o o s t U p # 0 4 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. ⾃⼰紹介 稲⽥ ⼤陸 / いなりく Inada Riku なにしてる⼈︖ 好きなこと 好きな AWS サービス 主に製造業のお客様の技術⽀援をしています 技術ブログ執筆、Web アプリ開発 (⼤好物は Vue) AWS Amplify, Amazon Location Service X : @inada_riku 暇さえあれば ブログ書いてます︕ 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. はじめに • サービスアップデート • AWS AppSync • AWS Amplify • Next Action • Amplify Getting Started 3 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. AWS AppSync 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. 2023 年の主要アップデート 5 Merged APIs 詳細なアップデートはこちらを確認ください︕ ・GraphQL Federation の実現 ・複数の GraphQL API を単⼀の Schema, 単⼀の Endpoint で集約可能に JS Support ・Resolver 開発において従来の VTL に加え JavaScript/TypeScript をサポート ・Unit Resolver, Pipeline Resolvers 共に サポートし VTL との混在も可能 ・PrivateLink/Interface をサポート ・Public, Private の何れかを選択して GraphQL Endpoint の作成が可能に Private API Event-driven アーキテクチャ ・Data source として EventBridge をサポート ・GraphQL アクションをトリガーとして Event Bus への連携を容易に利⽤可能 Enhanced filtering 強化 ・Enhanced filtering の Rule 指定で Nested filter をサポート ・より柔軟な Subscription 条件指定が可能に ・AWS::Serverless::GraphQLApi リソース タイプが追加され SAM での Deploy 管理が 可能に ・SAM CLI もサポート AWS SAM サポート 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. • Data API が有効に設定された Aurora に対して Introspection を実⾏し GraphQL リソースの⾃動⽣成が可能に • Schema, DB 処理を含む Resolver を⾃動⽣成 • @aws-appsync/utils/rds を使⽤して JS Resolver で静的 SQL ステート メントが記述可能となり SQL処理を容易に記述可能とする Library も追加 Amazon Aurora の Data API 対応を強化 6 Data API Introspection GraphQL リソースの⾃動⽣成 AWS AppSync Amazon Aurora /graphql Front-end Apps ⼀ 般 利 ⽤ 開 始 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. AWS Amplify 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. （これまでの）AWS Amplify の 4 つのコンポーネント Amplify CLI Web やモバイルアプリケーションを⼀般的なユースケースベースのガイド付きワークフローで バックエンドを簡単に作成、管理するツール Amplify Libraries Web やモバイルアプリケーションと AWS を統合するためのユースケース中⼼のライブラリ Amplify Hosting 継続的デプロイメントを管理し、モダンな Web アプリケーションをビルド、テスト、デプロイ、 そしてホスティングするための AWS サービス Amplify Studio AWS 上に最⼩限のコーディングでフロントからバックまでのアプリケーションを作成できる ビジュアルな開発環境 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. お客様からのフィードバック 9 • Amplify CLI と Studio を使うことで爆速開発できるところが気に⼊っている • Amplify CLI のビルトイン環境機能と、Amplify CI/CD ワークフローを気に⼊っている • 様々な Amplify の機能を、どのように組み合わされているかを理解するのが⼤変 • ローカルで開発している間、変更の検証するためのフィードバックループを早く回したい • チームメンバーの環境に⼲渉しないで、アプリケーションスタックのイテレーションを 回したい 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify Gen2 (Preview) : 次世代フルスタック開発体験 • TypeScript コードでバックエンドを定義する Code-first な次世代 Amplify • CDK L3 Construct でインフラを定義、フロントエンドにデータスキーマや各バックエンド を Export して型安全な開発が可能に • CLI 操作がなくなり、フロント・バックエンドの両環境が接続した Git リポジトリのブランチ毎にデプロイ • 開発者にとってのブラックボックスが⼤幅に減少 10 プ レ ビ ュ ー 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify Gen2 (Preview) : CDK によるバックエンド拡張 • カスタムリソース・既存リソースのオーバーライド が CDKに統⼀ • CDK で全ての AWS リソースを追加・変更可能に 11 プ レ ビ ュ ー 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify Gen2 (Preview) : Amplify Sandbox • Amplify アプリの有無に関わらず、ローカルのバックエンドコードを AWS上 にデプロイして、localhost から接続できる機能 • “amplify sandbox” コマンドを実⾏するとローカル接続⽤の AWS リソースを デプロイし、コードの変更を監視して開発中のコード変更を⾃動で反映 • フロントエンドの localhost から設定無しでsandbox環境に接続 (要Amplify Libraries) • Amplify の本番環境設定前から、ローカル開発で全機能をテスト可能に 12 プ レ ビ ュ ー 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify Hosting : 任意の SSR アプリのホスティングが可能に • 任意の JavaScript SSR (Server Side Rendering) フレームワークをサポート • デプロイ仕様に従って `.amplify-hosting` ディレクトリ以下に デプロイバンドルを配置して利⽤ • フレームワーク開発者はデプロイ仕様に沿ったバンドル配置を⾏うアダプタを 開発して Amplify Hosting との容易な連携を可能 • 現在 (2023/12/14) は Nuxt 向けアダプタが公開済み 14 ⼀ 般 利 ⽤ 開 始 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify Hosting : ワイルドカードサブドメインが利⽤可能に • Amplify Hosting にてカスタムドメインを利⽤する際に、 ワイルドカードサブドメインの設定が可能に • 動的なサブドメインを取り扱うことが可能に • ユーザごとに固有のサブドメインを提供する SaaS 等のアプリをホスティングする場合に有⽤ 15 ⼀ 般 利 ⽤ 開 始 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Amplify JavaScript Libraries v6 の⼀般提供開始 • バンドルサイズが縮⼩し、⾼速な読み込みを可能に • TypeScript のサポート強化によってコーディング体験が向上 • Next.js App Router, Server Actions のサポート 16 ⼀ 般 利 ⽤ 開 始 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Next Action︓とにかく触りませんか︖ 17 https://docs.amplify.aws/gen2/start/ 

AMPLIFY BOOST UP #04 © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Thank you! 18