Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
組み立てて楽しむ AWS Blocks 入門
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
たけのこ
October 04, 2026
Technology
360
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
組み立てて楽しむ AWS Blocks 入門
たけのこ
October 04, 2026
Transcript
28 slides
JAWS-UG大阪 × Amplify Japan User Group コラボ 組み立てて楽しむ AWS Blocks
入門 2026/10/03(土) たけのこ
自己紹介 たけのこ • Amplify Japan User Group運営 (半年くらい) • AWS
Community Builders (カテゴリ:AI Engineering) • 所在地:札幌 ↑Xアカウント
本日のお題目 AWS Blocks の楽しさを知ろう ※AWS Blocksはプレビューです
アジェンダ 1. AWS Blocksの概要 2. AWS Blocks vs AWS Amplify
3. TODOアプリ in AIアシスタントで理解しよう
AWS Blocks の概要
AWS Blocks とは 機能の部品( Block )を組み合わせてアプリを作る開発フレームワーク アプリ 認証 Block +
DB Block + AI Block
AWS Blocks を使用すると AWSの難しいインフラコードを意識せず 、アプリを開発できる 楽ちんや! 便利やな!
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
1つのBlock = 1つの機能 Blockは、機能本体 と機能を利用するために必要なツール をパッケージ化したもの ただ作るだけじゃないんやね
ローカル実行が便利 AWSに都度デプロイしなくても、手元だけ で開発が完結する
例としてDBの「KVStore」を見てみる 作る:Amazon Dynamo DBのAWSリソースを作る 使う:バックエンドからCRUD操作が可能な関数が用意されている 動かす:ローカル、Sandbox(使い捨てAWSリソース)、本番で動作する
Block の種類は沢山ある ぐぇー 多すぎー
あれ、Amplify Gen2と何が違うん?
AWS Blocks vs AWS Amplify Gen2 まあ、平和に行こうや
インフラ定義 抽象度でみるとAWS Amplify と AWS Blocksで同じくらい
AWS Amplify との違い
AWS Blocks + AWS Amplify Gen2も可能 ・AWS Amplify Gen2のプロジェクトに、AWS Blocksを追加することも可能
・お互いのいいとこ取りができる ・ただし、ローカルはBlocksのみ、お互いのデータベースにアクセスするとかは難しそう
TODOアプリ in AIアシスタント で理解しよう 腕が鳴るぜ
Blocksの開発の流れ ・Amplifyのプロジェクトに、AWS Blocksを追加することも可能 → お互いのいいとこ取りができる → ただし、ローカルはBlocksのみ! お互いのデータベースにアクセスするとかは難しそう 楽勝やで
TODOアプリの概念アーキテクチャ
各Blockのアーキテクチャを覗いてみる
データ操作API = ApiNamespace ・フロントエンドと各Blockを繋ぐ汎用的なAPIを提供 ・API Gateway とAWS Lambdaから構成される Blocks内でLambdaは1つや Lambdalithの設計やで
ユーザー認証 = AuthCognito Amazon Cognitoのユーザープールで認証
データベース = DistributedTable Amazon DynamoDBにデータを保存
AI エージェント = Agent Agentの中は結構複雑。Bedrock AgentCoreは使用されていない。 AgentCoreに移行する PRが出てるぽいで
AWS Blocksはこれらを簡単に書けるよ!って話 AWS Blocksを使って 自分だけのアプリを作ってみませんか? 楽しいですよ!
まとめ AWS Blocksとは ・認証・DB・AIなどをBlock単位で組み合わせる開発フレームワーク ・TypeScriptで書いたコードから自動でインフラを生成(IfCという立ち位置) ・ローカル ・Sandbox・本番の3環境で動作 AWS Amplify Gen2との違いは
・Amplifyはフロントエンド開発者向け、Blocksは開発者全般向け ・両者は競合ではなく補完関係。一長一短なので使い分けよう!
以上です!! ありがとうございました!!
More Decks by たけのこ
See All by たけのこ
Nx Plugin for AWSで 秋田AIエージェントを作ってみる
kmiya84377
0
51
Generative UI × A2UI で AI エージェントを作った話 AI-DLC も使ってみた!
kmiya84377
1
480
AIエージェントの支払い基盤 AgentCore Payments概要
kmiya84377
2
650
AG-UIとStrandsAgents・AgentCoreを<br>絡めたAIエージェント周りの話
kmiya84377
1
190
AIエージェントがUIを生成する「Generative UI」を広く浅く理解したい
kmiya84377
2
830
StrandsAgentsで構築したAIエージェントにMCP Apps機能を追加してみた
kmiya84377
0
280
全てAWSで完結!AWS AmplifyとViteで始めるスモールスタートなAIエージェント開発のススメ
kmiya84377
7
7.9k
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
2
880
Amazon Q Developer for GitHubとAmplify Hosting でサクッとデジタル名刺を作ってみた
kmiya84377
0
3.8k
Other Decks in Technology
See All in Technology
内製アプリとClaudeスキルのセキュリティチェック、 Backlogの課題で回しています。
ayaka_egaaa
0
180
速くなるほど、深く考える AI時代のQAに学ぶ
kobayashiyorimitsu
0
180
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
17
120k
「任されビリティ」で引き受けて「よしなりてぃ」に頼らず任せる / Accept tasks with "makasarebility" and hand them over without relying on "yoshinarily"
pauli
0
300
ゼロから作るWebアプリの新定番!?Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
amixedcolor
1
250
Datadog の権限統制 〜Org 統合に向けて調べた注意点 / JDDUG-Meetup_24
visional_engineering_and_design
1
110
SSFの現在地 ― CAEP/RISCからAI Identityへ
oidfj
0
430
ぼくのClaude Codeの使い方
falken
PRO
4
6.4k
農夫は秘伝のタレを知らない - NOBODY KNOWS THE HIDDEN SOURCE - Kaggriculture 3rd Place Solution
masspeaks
0
270
高品質と高スピードを支える品質のシフトレフトのアプローチ
goyoki
2
780
地域社会の実情からITエンジニアの社会貢献を考える
sms_tech
0
190
Quick Automate | 目指せ Quick マスター 12
inariku
PRO
1
110
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
470
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.7k
Bash Introduction
62gerente
615
220k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.8k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
380
ラッコキーワード サービス紹介資料
rakko
5
5.8M
The Cult of Friendly URLs
andyhume
79
7.1k
A Tale of Four Properties
chriscoyier
163
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
3k