re:Invent 2024 フロントエンド・モバイル recap

Amplify Boost Up #07の「re:Invent 2024 フロントエンド・モバイル recap」の資料です。
re:Invent 2024 フロントエンド・モバイル関連のセッションの一部と、プレビューが開始した Amplify Hosting のファイアウォール機能（WAF 対応）をご紹介しています。

Transcript

1. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. A M P L I F Y B O O S T U P # 7 re:Invent 2024 フロントエンド・モバイル recap 都築 了太郎 Solutions Architect Amazon Web Services Japan G.K. 1
2. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. 2 • 主に金融系のお客様の技術支援を担当 • 好きなAWSサービス: • X: @_unirt 都築 了太郎 / Ryotaro Tsuzuki Solutions Architect AWS Amplify AWS AppSync AWS CDK
3. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. re:Invent 2024 イベント概要 3 • AWSによるクラウドコンピューティングに関する 世界最大規模の「学習型」カンファレンス • 2024年12月2日〜12月6日 • 多数のコンテンツ • 5つのキーノート、AWSエキスパートによる 特定トピックに関する17つのInnovation Talks、 多数のブレイクアウトセッション、”Fun”イベント 各種、re:Play Party
4. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. フロントエンド・モバイル関連セッション 4 • AWS Amplify • Full-stack AI with the AWS Amplify AI kit (FWM202) • Startup to enterprise: Build frontend and fullstack apps that scale (FWM205) • What‘s new in AWS for frontend developers (FWM311) • AWS AppSync • I didn't know AWS AppSync could do that! (FWM203) • Real-time event patterns with WebSockets and AWS AppSync (FWM302) • Build an AI gateway for Amazon Bedrock with AWS AppSync (FWM310) • AWS Device Farm • Optimizing the world's top apps: How Meta tests using AWS Device Farm (FWM204)
5. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. フロントエンド・モバイル関連セッション 5 • AWS Amplify • Full-stack AI with the AWS Amplify AI kit (FWM202) • Startup to enterprise: Build frontend and fullstack apps that scale (FWM205) • What‘s new in AWS for frontend developers (FWM311) • AWS AppSync • I didn't know AWS AppSync could do that! (FWM203) • Real-time event patterns with WebSockets and AWS AppSync (FWM302) • Build an AI gateway for Amazon Bedrock with AWS AppSync (FWM310) • AWS Device Farm • Optimizing the world's top apps: How Meta tests using AWS Device Farm (FWM204)
6. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. • AWS Amplify AI kitは、Amazon Bedrockとの コードファーストな開発体験、LLMへの安全で簡単 なデータアクセス、柔軟な会話型インターフェース の3つの主要機能を提供 • AppSyncを通じたAmazon Bedrockへの安全な アクセスと型安全なクライアント生成により、 フロントエンド開発者が数行のコードでAIアプリを 構築可能 • 独自のUIコンポーネントやAmazon Bedrock Knowledge Baseとの統合により、既存データを活用 した没入感のあるAI体験を実現 Full-stack AI with the AWS Amplify AI kit (FWM202) AWS Amplify AI kitによるフルスタックAIアプリ 6 https://www.youtube.com/watch?v=IP2-saNpYsQ
7. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Real-time event patterns with WebSockets and AWS AppSync (FWM302) AWS AppSync Eventsによるリアルタイムイベント処理 7 • AWS AppSync Eventsは、 GraphQLを用いない WebSocketベースのフルマネージドでスケーラブル なPub/Subサービス（Event API) • AppSync Eventsを利用することで、ライブチャット やリアルタイム通知、ライブコメントなどのインタ ラクティブなアプリケーション開発が容易に • 今後はPrivate API対応やLambdaハンドラ、 Built-in Targetsなどさらなる機能拡張を予定 https://www.youtube.com/watch?v=mc27pPLDFAw
8. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Hosting: ファイアウォール機能 (1/2) 8 プ レ ビ ュ ー • AWS WAFと直接統合することで Webアプリケーションを保護する機能を提供 • AWS WAFのWeb ACLをAmplify Hosting アプリにアタッチ可能に • アプリ内の全ブランチおよびカスタムドメインを含む 全ドメインに適用される • 主な保護機能 • IP制限 • 特定の国からのアクセスのブロック • 基本的な脅威保護 • デフォルトの amplifyapp.com ドメイン へのアクセス制限（カスタムドメイン利用 時に活用） AWS Amplify AWS WAF ユーザー
9. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amplify Hosting: ファイアウォール機能 (2/2) 9 プ レ ビ ュ ー • 料金（プレビュー期間） • Advanced Tierに自動登録（無料） • GA後の料金は後日発表 • WAFの使用量に対する課金は発生する • Web ACL: $5/月 • ルール: $1/ルール/月 • プレビュー中の制限 • CloudTrail: 一部の管理イベントが表示されない • AWS WAF: AmplifyリソースがAssociated AWS resorucesに表示されない • 設定はAmplify Hostingコンソール、確認は Amplify GetApp APIを利用 • AWS Config: 統合は未対応 Amplify Hostingのコンソール画面 実際に設定されている具体的なルールは AWS WAFのコンソールから確認しましょう https://docs.aws.amazon.com/amplify/latest/userguide/WAF-integration.html https://aws.amazon.com/blogs/mobile/aws-amplify-hosting-adds-web-application-firewall-protection-public-preview/
10. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Thank you! 10
11. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Appendix 11
12. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. re:Inventのキャッチアップに役立つリソース 12 • 2024年 AWS re:Invent 速報 • AWS re:Invent 2024で発表された 新サービス、新機能を1時間に凝縮して紹介 • PDF資料: https://pages.awscloud.com/rs/112-TZM- 766/images/AWS-Black-Belt_2024_AWS-reInvent_1206_v1.pdf • 動画: https://www.youtube.com/live/XhUemgp7LHo?si=IPbL_LBnO0GY k1Ta • AWSセッション動画 日本語記事まとめ • 400以上のre:Inventセッション動画の 全文書き起こし記事のリスト • リンク: https://docs.google.com/spreadsheets/d/1T33y- w0R7VSgNHPKdwLlTp79Z69kkUNac73B06M98EQ/edit?usp=shari ng © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. AWS Blackbelt Online Seminar re:Invent 2024 アップデート速報 Masato Kobayashi, Hiroshi Okamoto and AWS Japan Tech Team Amazon Web Services Japan G.K. 2 AWS Developer Live Show