組み立てて楽しむ AWS Blocks 入門

Transcript

1. JAWS-UG大阪 × Amplify Japan User Group コラボ 組み立てて楽しむ AWS Blocks 入門 2026/10/03(土) たけのこ
2. 自己紹介 たけのこ • Amplify Japan User Group運営 (半年くらい) • AWS Community Builders (カテゴリ：AI Engineering) • 所在地：札幌 ↑Xアカウント
3. 本日のお題目 AWS Blocks の楽しさを知ろう ※AWS Blocksはプレビューです
4. アジェンダ 1. AWS Blocksの概要 2. AWS Blocks vs AWS Amplify 3. TODOアプリ in AIアシスタントで理解しよう
5. AWS Blocks の概要
6. AWS Blocks とは 機能の部品（ Block ）を組み合わせてアプリを作る開発フレームワーク アプリ 認証 Block + DB Block + AI Block
7. AWS Blocks を使用すると AWSの難しいインフラコードを意識せず 、アプリを開発できる 楽ちんや！ 便利やな！
8. Blockは簡単に定義できる TypeScriptを使って、簡単にBlockを定義できる (以下はDynamoDBテーブルを作ってる) import { Scope, KVStore, ApiNamespace } from '@aws-blocks/blocks'; これBlockです const scope = new Scope('app'); const store = new KVStore(scope, 'cache', {}); BlocksでDynamoDBのテーブル作成 export const api = new ApiNamespace(scope, 'api', (context) => ({ async setValue(key: string, value: string) { DynamoDBの値を設定するAPI作成 await store.put(key, value); }, async getValue(key: string) { return store.get(key); }, })); DynamoDBの値を取得するAPI
9. 1つのBlock = １つの機能 Blockは、機能本体 と機能を利用するために必要なツール をパッケージ化したもの ただ作るだけじゃないんやね
10. ローカル実行が便利 AWSに都度デプロイしなくても、手元だけ で開発が完結する
11. 例としてDBの「KVStore」を見てみる 作る：Amazon Dynamo DBのAWSリソースを作る 使う：バックエンドからCRUD操作が可能な関数が用意されている 動かす：ローカル、Sandbox(使い捨てAWSリソース)、本番で動作する
12. Block の種類は沢山ある ぐぇー 多すぎー
13. あれ、Amplify Gen2と何が違うん？
14. AWS Blocks vs AWS Amplify Gen2 まあ、平和に行こうや
15. インフラ定義 抽象度でみるとAWS Amplify と AWS Blocksで同じくらい
16. AWS Amplify との違い
17. AWS Blocks + AWS Amplify Gen2も可能 ・AWS Amplify Gen2のプロジェクトに、AWS Blocksを追加することも可能 ・お互いのいいとこ取りができる ・ただし、ローカルはBlocksのみ、お互いのデータベースにアクセスするとかは難しそう
18. TODOアプリ in AIアシスタント で理解しよう 腕が鳴るぜ
19. Blocksの開発の流れ ・Amplifyのプロジェクトに、AWS Blocksを追加することも可能 → お互いのいいとこ取りができる → ただし、ローカルはBlocksのみ！ お互いのデータベースにアクセスするとかは難しそう 楽勝やで
20. TODOアプリの概念アーキテクチャ
21. 各Blockのアーキテクチャを覗いてみる
22. データ操作API ＝ ApiNamespace ・フロントエンドと各Blockを繋ぐ汎用的なAPIを提供 ・API Gateway とAWS Lambdaから構成される Blocks内でLambdaは１つや Lambdalithの設計やで
23. ユーザー認証 ＝ AuthCognito Amazon Cognitoのユーザープールで認証
24. データベース ＝ DistributedTable Amazon DynamoDBにデータを保存
25. AI エージェント ＝ Agent Agentの中は結構複雑。Bedrock AgentCoreは使用されていない。 AgentCoreに移行する PRが出てるぽいで
26. AWS Blocksはこれらを簡単に書けるよ！って話 AWS Blocksを使って 自分だけのアプリを作ってみませんか？ 楽しいですよ！
27. まとめ AWS Blocksとは ・認証・DB・AIなどをBlock単位で組み合わせる開発フレームワーク ・TypeScriptで書いたコードから自動でインフラを生成(IfCという立ち位置) ・ローカル ・Sandbox・本番の3環境で動作 AWS Amplify Gen2との違いは ・Amplifyはフロントエンド開発者向け、Blocksは開発者全般向け ・両者は競合ではなく補完関係。一長一短なので使い分けよう！
28. 以上です！！ ありがとうございました！！