JAWS-UG名古屋_LT資料_20260618.pdf

Transcript

1. Amplify x Kiro で始める個人開発 2026/6/18 JAWS-UG 名古屋 6月会 〜本当のAmazon Quick & Kiroの現時点を教えちゃうぜスペシャル〜
2. ▪名前：岡本 正義（→ジャスティス→ジャス） ▪仕事：某エレベータ製造会社 ▪職種：社内SE ▪AWS歴：３年くらい ▪保有資格：12冠達成！ ▪最近頑張ってること：Qiitaの毎週投稿（https://qiita.com/jus1730） ▪好きなAWSサービス：Amplify、Kiro ※本日の発表は個人的な成果に基づくものであり、所属組織を代表するものではありません 自己紹介 @jus1730
3. 本日の発表内容 １．基礎知識 ２．最近個人開発したアプリを紹介 ３．Kiro活用のポイント ４．まとめ
4. 基礎知識
5. Kiro とは Specs 作りたい機能を定義してAI が実装計画を作成 Steering 開発方針や設計思想 プロジェクト全体で共有 Agent Hooks 保存時のLintや品質 チェックを自動化 Skills 再利用できる知識 毎回同じ品質を実現 MCP & Powers 外部ツールと連携 AIの能力を拡張 仕様駆動開発を実現するIDEツール 活用の一例
6. Amplify Gen 2 とは ✅フロントエンドからバックエンドまでを TypeScriptで一元管理できるフルスタック開発環境 ✅認証 (Cognito) やデータベース (DynamoDB)、API (AppSync) などのバックエンド構築も簡単 1. フロントエンドを開発 ↓ 2. バックエンドを定義 ↓ 3. GitHubとAmplifyを接続 ↓ 4. ビルドパイプラインを構築 ↓ 5. ビルド▶デプロイ▶公開
7. 最近個人開発したアプリを紹介
8. 個人開発①　配当金管理アプリ 🎯主な機能 ・取得額や含み損益のサマリ ・配当実績の自動取得 ・保有銘柄の最新株価を取得 ・配当金や利回りの可視化 ✅アプリ開発の動機 　超自分仕様の配当金管理アプ リを作りたい！！ https://github.com/jus2024/japan-stock-management
9. 個人開発①　配当金管理アプリ　 - システム構成図 🛠AWSリソース ・Amplify Hosting ・Amazon Cognito ・AWS AppSync (GraphQL API) ・Amazon DynamoDB ・AWS Lambda × 4 (外部 API 連携) ✅システム構成のポイント 　AWSリソースはAmplify Gen 2標準構 成。外部APIから株価/配当情報を収集 できるようにした。Cognito連携でユーザ 毎のデータ管理も簡単。
10. 個人開発②　日本株分析エージェント 🎯主な機能 ・銘柄コードまたは銘柄名のみで 分析実行 ・各種分析で銘柄評価を点数付 け ・１年分のチャートを可視化 ✅アプリ開発の動機 　気になる国内銘柄の概要をサ クッと調べたい！ https://github.com/jus2024/japan-stock-analysis
11. 個人開発②　日本株分析エージェント　- システム構成図 🛠AWSリソース ・Amplify Hosting ・Amazon Cognito ・AWS AppSync (GraphQL API) ・Bedrock AgentCore ・AWS Lambda (外部 API 連携) ✅システム構成のポイント 　フロントエンドはAmplify Hostingで、 AIエージェントはAgentCore Runtimeで 稼働。保存機能は排除。
12. 個人開発③　ブックマーク管理ツール https://github.com/jus2024/rich-blowser-link 🎯主な機能 ・ブックマークを保存 ・フォルダ分けやタグ付け ・AIによる自動振り分け ・チャット形式でのブックマーク検 索／登録 ✅アプリ開発の動機 　最近ブックマークがごちゃご ちゃしてきたので。AI活用した リッチなツールを。
13. 個人開発③　ブックマーク管理ツール　 - システム構成図 🛠AWSリソース ・Amplify Hosting ・Amazon Cognito ・AWS AppSync (GraphQL API) ・Bedrock AgentCore ・Amazon DynamoDB ✅システム構成のポイント 　LLMは２通り。速度重視でフロントエン ドから直接。AIエージェントは DynamoDBのCRUDも可能。
14. 今回開発したアプリの比較 アプリケーション Spec数 コミット数 着手日 完了日 延べ日数 ①配当金管理アプリ 5 22 5月2日 5月16日 14日 ②日本株分析エージェント 2 28 3月30日 4月17日 18日 ③ブックマーク管理ツール 14 23 5月11日 5月29日 18日 基本スキマ時間で進めているが、2-3週間もあればそれなりのアプリが作れる！
15. Kiro活用のポイント
16. Kiro活用のポイント ①テンプレート作成（最初に一度だけ） 開発の軸を決める Webアプリ＋AIエージェント プロジェクトの基本構成を取得 Amplify QuickStart 自分だけのテンプレートを作成 SteeringやSkillsも含む テンプレートから開発リポジトリ作成 すぐに開発を始められる状態に！ ②アプリケーション作成（繰り返し） アイディアを投入 Specを作成 システム開発 動作確認 追加Specを作成 完成！
17. Amplify x Kiro のテンプレート構成 src/ Next.js アプリケーション本体。 amplify/ Amplify Gen 2 の定義。 認証・データモデルを TypeScript で管理。 agents/ Strands Agent のテンプレート(任意)。 AIエージェント機能をすぐに実装可能。 .kiro/ Kiroの設定一式。 Steering・SkillsでAI開発を支援。 - Steering：常時有効 x 6、条件付き x 4 - Skills：4つ - MCPサーバー：2つ - Hooks：なし（プロジェクトごと作成） Amplify QuickStart をベースに、AIエージェント用領域を追加してテンプレート化
18. まとめ
19. まとめ ▪Amplify でインフラ構築は省力化 　・認証／API／DB／Hostingまでフルマネージドで提供 ▪Kiro で開発速度を向上 　・AIの力でコーディング・設計・改善を加速 ▪テンプレートで再利用 　・一度作れば、何度でも素早くアプリを量産できる アイディアを思いついたらサクッと形にできる良い時代になった Kiro活用ルールも含めたテンプレートを作成することで Webアプリを安定して作成