Upgrade to Pro — share decks privately, control downloads, hide ads and more …

“あなた” の開発を支援する AI エージェント Bedrock Engineer / int...

geeawa
January 21, 2025

“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer

Bedrock Enginner は、Amazon Bedrock を活用したソフトウェア開発タスクのための AI アシスタントです。自律的な AI エージェントがあなたの開発を支援します。エージェントをカスタマイズして "あなた" だけのエージェントを作ってみましょう。

geeawa

January 21, 2025
Tweet

More Decks by geeawa

Other Decks in Programming

Transcript

  1. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. “あなた” の開発を支援する AI エージェント Daisuke Awaji Solutions Architect Amazon Web Services Japan G.K. Bedrock Engineer
  2. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Daisuke Awaji Amazon Web Services Japan Solutions Architect 2 @gee0awa Serverless, Generative AI, Frontend ❤ @gee0awa 👆 こちらから資料をチェック
  3. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. 突然ですが、 開発エージェントは使っていますか? 3 Cline Amazon Q Developer Cursor @gee0awa 👆 こちらから資料をチェック
  4. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. • ソフトウェア開発はコーディングだけじゃないんだよな・・・ • LLM が学習できていない新しいライブラリの使い方を分かってくれない • ソフトウェアアーキテクチャやコーディング規約 開発チームの想いを開発エージェントが分かってくれない 4 開発エージェントに対する想い @gee0awa 👆 こちらから資料をチェック
  5. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. • ソフトウェア開発はコーディングだけじゃないんだよな・・・ 既存のソースを理解し、図解して説明できればいいじゃない! • LLM が学習できていない新しいライブラリの使い方を分かってくれない 最新情報を検索しながら実装すればいいじゃない! • ソフトウェアアーキテクチャやコーディング規約 開発チームの想いを開発エージェントが分かってくれない 開発エージェントの動作をカスタマイズすればいいじゃない! 5 開発エージェントに対する想い サーバーレスに生成 AI が利用できる Amazon Bedrock を使って作ってみました。 サーバーレス ナカーマ @gee0awa 👆 こちらから資料をチェック
  6. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Bedrock Engineer 6 https://github.com/aws-samples/bedrock-engineer Amazon Bedrock を使用した開発を支援する AI アシスタント
  7. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 7 インストール方法 アプリをダウンロードするだけ! (Windows の人はビルドしてね) は じ め か た Click !!
  8. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 8 インストール方法(ビルドする場合) $ npm install $ npm run build:mac npm run build:win npm run build:linux または または リポジトリをクローンして2行コマンド実行 ローカルにネイティブアプリがビルドされます! ① ビルドして ② アプリを開く ダブルクリックで開く Mac, Windows, Linux それぞれの OS に応じてコマンドを変えてください は じ め か た
  9. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 設定画面から AWS アクセスキー、シークレットアクセスキーを設定すれば すぐに利用開始できます 9 初期設定 設定画面を開く アクセスキー シークレットアクセスキーを設定 は じ め か た
  10. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. AWS マネジメントコンソール Bedrock のモデルアクセスを選択し、 モデルアクセスの変更から利用するモデルのアクセスをリクエストしてください 10 Bedrock モデルアクセスの有効化
  11. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Agent Chat 11 開発ができる自律的な AI エージェントが、あなたの開発を支援します。 これは Cline のような AI アシスタントに似た機能を提供していますが、 VS Code のようなエディタに依存しない独自の UI を備えています。これ により、Bedrock Engineer のエージェントチャット機能では、よりリッ チな図解と対話型の体験が可能になります。また、エージェントのカス タマイズ機能により、開発以外のユースケースにおいても、エージェン トを活用することができます。
  12. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 12 AI エージェント 自分の置かれている環境を理解し、様々なツールを活用して 目標に向かってタスクをこなしていく AI の仕組み https://www.anthropic.com/research/building-effective-agents
  13. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 13 汎用的な開発エージェント ソースコードを読み、フォルダを作り、コードを実装します。 ソーセージの構造を理解し、Marmaid.js 形式で図解を行い、開発者を支援します。 Web 検索や RAG 検索を使用して実装している文脈に応じた最適な実装計画を検討します。 ▶ ◀ 読み 書き
  14. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 14 エージェントの選択 利用するツールの選択 作業するフォルダの選択 システムプロンプトの確認 エージェントのカスタマイズ チャットの履歴
  15. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 15 開発の例)ソフトウェアの構造を図解して説明 ① ソフトウェアのディレクトリ構造/ファイルを読み込む ② 構造を理解し、図解して説明する (この図では エージェントチャットのシーケンスを表現しています) ③ さらに実装をしたり、設計書を書いたり、、、
  16. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 16 利用可能なツール Agent Tools User ファイルの読み込み ファイルの書き込み ファイルの移動、コピー フォルダの作成 URL を指定した検索 Tavily Search による検索 画像生成 Amazon Nova, Titan Stable Diffusion シリーズ 任意のコマンド実行 Amazon Bedrock Knowledge Base Agents 独自のツールを実装し組み込みが可能 Python API Database AI エージェント開発・利用において一般的なツールを搭載 任意のコマンドや MCP を介してデータベースや API にも接続可能 MCP Server Model Context Protocol
  17. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 17 ReAct Agent User Chat Interface Prompt Tools ユーザのクエリの目的を解釈して解決します。 利用可能なツール:[…] Reasoning & Action history: [ …, …, …, ] 解決するまで繰り返してください。 LLM ユーザの目的は 解決できたか? Analise Reasoning User Query No Yes Answer 1 2 3 4 5 N回 Bedrock Engineer の Agent Chat は ReAct (Reasoning & Acting) のステップで処理を進めます 履歴を追加 ReAct (Reasoning & Actinng)
  18. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 18 App LLM Controller 1. ツールの定義 (ToolSpec) とプロンプトを送信 2. LLM からツールの実行要求(ツール名、パラメータ) 3. ツール実行 4. 実行結果 5. ツールの実行結果を送信 6. ツールの実行結果に基づき回答を生成 ToolUse の流れ Tool
  19. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 19 Bedrock Converse API Tool Use の実装例 toolSpec の定義(Bedrock に送信する) 実行される Tool (Function) の実装 Bedrock Engineer は内部の処理で ToolUse を使用して様々な機能を拡張します。
  20. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 20 Bedrock Converse API LLM との Request/Response, ToolUse の Input, Output を message 配列として組み立て、 Amazon Bedrock の Converse API に送信することで、AI エージェントの動作を実現します [ { "role": "user", "content": [{"text": "東京都墨田区の天気は?"}], }, { "role": "assistant", "content": [ { "toolUse": { "input": {"city": "墨田区", "prefecture": "東京都"}, "name": "get_weather", "toolUseId": "tooluse_UwHeZGCnSQusfLrwCp9CcQ", } }, ], }, { "role": "user", "content": [ { "toolResult": { "content": [{"text": "東京都, 墨田区 の天気は晴れで,最高気温は22度です."}] "toolUseId": "tooluse_UwHeZGCnSQusfLrwCp9CcQ", } } ], }, { "role": "assistant", "content": [ { "text": "分かりました。東京都墨田区の天気は晴れで、最高気温は22度だそうです。晴れの天気で気温も高め なので、過ごしやすい1日になりそうですね。外出する際は軽めの服装がおすすめです。" } ], }, ] 0 1 2 3 ・・・ ユーザーからのメッセージ ・LLM のレスポンス ・ToolUse のインプット ・ToolUse で指定された関数実行結果 ・ToolUse のアウトプット LLM からのメッセージ
  21. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 21 message 配列が長くなると? Context Length(例えば 200K Token) に収まらないほど長い会話となる場合、 多くの開発エージェントは不要なメッセージ配列の要素を削除(or 要約)して LLM に送信する実装しています。 長期間続くタスクを実行する場合、過去の実行結果を忘れてしまい再度実行するループに陥る可能性があります。 0 1 2 3 ・・・ ユーザーからのメッセージ ・LLM のレスポンス ・ToolUse のインプット ・ToolUse で指定された関数実行結果 ・ToolUse のアウトプット LLM からのメッセージ 400 401 402 403 ・・・ 100 101 102 103 初めの方の指示だけ残し (LLMへの送信対象とする) 不要なステップは削除 or 要約 (LLMへの送信対象から除く) 現在進行中のタスクで必要な文脈は残す (LLMへの送信対象とする)
  22. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 22 コンテキストの長さの目安 Bedrock Engineer ではコンテキスト長(送信する messege 配列の長さ)を設定可能にしています。 メッセージの1要素に含まれる情報量やトークン数にも依存しますが、1メッセージあたり1ファイルを読み込 むエージェントを前提とすると、私の感覚では以下のような作業とそれに対して十分必要となる配列の長さの目 安を記載します。 ここの長さ 配列の長さ 作業できる目安 タスクの例 30 超小規模なタスク 「~~のファイルの~~の処理を~~~という感じに書 き換えて」のような1〜2ファイルで完結する変 更作業 60 小規模なタスク 「~~の問題が発生している原因を調査してくださ い。~~や~~のファイルを中心に探索すると良いで す」のような人間による補助ありの原因分析 90 1コミットに載せたい程度の機能変更 「現在の実装を注意深く調査した上で、~~機能を 実装してください」 120 トークンの無駄遣い 1度に実行させる作業が大きすぎるため、タスクを小さくするべき 「~~機能を実装してください。その次に私の確認 を取らずに横断的な i18n 対応を実施してください。 最後にヌケモレチェックのために …(以下略)」
  23. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Tavily Search や URL 指定の検索が可能 文脈に応じて知識の補完をしながら遂行するエージェントが実装できます。 23 Web Grounding 開発のシーンに応じてウェブから知識を補完する例 必要な知識が得られるまで 自律的にクエリを変更して知識を探索 1)React でルーティングを実装するには? 3)react-router 以外の実装手段は? 2)react-router 以外の実装手段は? URL を指定した検索 Tavily Search による検索 ツールを使ってできること
  24. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 24 Web Grounding |ユースケース • 最新のライブラリのドキュメント参照 CloudFormation の新しいプロパティの使い方、AWS CDK Constructs の使い 方などを調査させて実装する • エラーログの分析、調査 ソフトウェア開発の過程で得られたエラーログを元にして調査、 改善策を特定してコードを修正する 注意点 • 特定のドキュメントに限定して調査させる場合、後述の Knowledge Base や AWS Document の MCP サーバーを利用するなどのほうが検索性能が高まる 可能性があります
  25. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 従来の RAG では人間がクエリを工夫する必要がありましたが、 Agent を介在することで、クエリを最適化して必要十分な量を実行して探索します 25 Agentic-RAG Knowledge Base に複数回最適なクエリを実行 “管理画面 テーブル フォーム データ表示” ツールを使ってできること Amazon Bedrock Knowledge Base ”レイアウト コンポーネント ResponsiveLayout AppLayout Header” (クエリ 1 回目) (クエリ 2 回目) AWS のデザインシステムを使って EC サイトの管理画面を実装してください。 事前にコードサンプルなどを 入れておく必要があります
  26. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. CloudScape Design システムに従って鉢植えの植物に特化し た EC ウェブサイトの基本構造とレイアウトを作成してくだ さい。React, TypeScript, VIte で作っていきましょう。 主要な要件は以下の通りです。 <Conditions> •レイアウトは Amazon.com のようなものにする。 •EC ウェブサイトの名前は "Green Village" とする。 •グリーンの配色テーマを使用する。 •植物をカード形式で表示するセクションを追加する。 •ショッピングカートに追加する機能を作成する。 •現在のショッピングカートの中身を確認し、合計金額を計 算する機能を作成する。 </Conditions> 26 Agentic-RAGの活用例) デザインシステムに従うウェブアプリ プロンプト 生成されたアプリケーション Knowledge Base にデザインシステムのソースコードを保存しておくことで、 最適なコードを参照しながら実装を進めることが可能です。 Agent (Bedrock Engineer) Knowledge Base (クエリ1回目) Knowledge Base (クエリ2回目) ツールを使ってできること
  27. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 27 Agentic-RAG |ユースケース • デザインシステムに従うWebサイト、UIの実装 • 社内のコーディング規約に従うサンプルコードにしたがったコードの実装
  28. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Bedrock Engineer を Orchestrator として、複数の Sub-Agent を実行できます。 Sub-Agent は Bedrock Agent を使用したり、 CLI 経由で実行することもできます。 28 Multi-Agent Orchestration Sub-Agent (Bedrock Agent) Agent (Bedrock Engineer) Sub-Agent (via CLI) Bedrock Agent の Code Interpreter を使用して、CSV形式の売り上げデータを可視化した例 ツールを使ってできること
  29. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. ② ツールが利用可能に 29 MCP サーバーへの接続 MCP サーバーと接続して、様々なツールを実行できます ① MCP Server の定義を入力 ツールを使ってできること
  30. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 30 awslabs の提供するMCPサーバーの例 AWS Documentation MCP •ドキュメント検索:AWS公式ドキュメントをAPI経由で検索 •ドキュメント閲覧:AWSドキュメントページをMarkdown形式に変換して取得 •コンテンツ推薦:関連するAWSドキュメントページの推薦を取得 Knowledge Bases Retrieval MCP Server •ナレッジベース発見と探索:利用可能なナレッジベースとデータソースの検索 •自然言語クエリ:自然言語を使用したナレッジベースへの問い合わせ •データソースフィルタリング:特定のデータソースに焦点を当てた検索 •検索結果のリランク:Amazon Bedrockのリランキング機能を使用した関連性向上 AWS Cost Analysis MCP Server •AWSコスト分析と可視化:サービス、リージョン、階層別のコスト内訳表示 •自然言語によるコストデータクエリ:英語での質問に基づくAWSコスト情報の提供 •コストレポートと最適化提案:包括的なコストレポート作成と最適化提案 AWS CDK MCP Server •CDK全般ガイダンス:AWS Solutions Constructsを使用した実装パターン提供 •CDK Nagインテグレーション:セキュリティとコンプライアンスのルール適用と説明 •AWS Solutions Constructs対応:一般的なアーキテクチャニーズに対応するパターン検索 •生成AI向けCDKコンストラクト:AI/ML ワークロード向けの特殊コンストラクト検索 など
  31. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 31 MCPサーバーの例|ユースケース • AWS の環境情報を調査して、構成図(draw.io形式など)に記述する • 実装中のエラーログを渡して原因分析を行う • GitHub の issue を調査して、実装方法を計画 • Jira などのプロジェクト管理ツールと連携し、バックログを管理する • ブラウザテストをオートメーションする • 業務アプリのデータベースと接続する など
  32. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. • セキュリティ MCP サーバーには悪意のあるコードやネットワークへの通信がある場合がありま す。 内容を精査した上で、用法を守った利用が求められます。 • ツールをシンプルに保つ(入力する変数の数や命名) 人間にも同じことがいえますが、複雑なツールは使いこなせません。 分かりやすいツール名、変数名、膨大とならない入力値を設計しましょう。 • ツールの実行結果を小さく ツールの実行結果の量が多すぎる場合、コンテキスト長に乗らない・乗ったとしても Forgetting や Model Drift のリスクが多くなります。ウェブクロールや API、データ ベースと接続する場合は、実行結果を小さく維持できるようなクエリ設計を心がけま しょう。 32 ツールのカスタマイズにおける留意点
  33. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. コードを分析する前に Extended Thinking させるのではなく、 コードを分析して、AI エージェント自身に思考するタイミングを決めさせる 33 Think ツール ツールを使ってできること https://www.anthropic.com/engineering/claude-think-tool ToolSpec の例 T-Bench におけるパフォーマンス測定結果
  34. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. • ウェブ検索、Agentic-RAG、他のエージェントとのコラボレーションにより、 開発エージェント自身ができることの可能性を拡張できることが重要 • Cline や Cursor に代表される開発エージェントも MCP サーバーと接続するこ とにより、その機能を拡張する • 社内のコアモジュールやデザインシステムなどのコードを参照して 実装できる仕組みを実現できるかを考える • とはいえ、ツール実行時にセキュリティには気を払う必要がある ガードレールなど実行前に制御可能な機構を導入する 34 開発エージェントに期待すること(ツール編)
  35. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. • セキュリティ MCP サーバーには悪意のあるコードやネットワークへの通信がある場合があります。 内容を精査した上で、用法を守った利用が求められます。 • ツールをシンプルに保つ(入力する変数の数や命名) 人間にも同じことがいえますが、複雑なツールは使いこなせません。 分かりやすいツール名、変数名、膨大とならない入力値を設計しましょう。 • ツールの実行結果を小さく ツールの実行結果の量が多すぎる場合、コンテキスト長に乗らない・乗ったとしても Forgetting や Model Drift のリスクが多くなります。ウェブクロールや API、データ ベースと接続する場合は、実行結果を小さく維持できるようなクエリ設計を心がけま しょう。 35 ツールのカスタマイズにおける留意点
  36. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. エージェントのカスタマイズ 36
  37. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 37 エージェントをカスタマイズする 汎用的な開発エージェントだけではなく、特定の分野に特化した開発エージェントを作れます。 開発チームの共通的なルールや思想に従う開発エージェントにしたり、動作を柔軟にコントロールできます。 例えば、コードを生成した後は必ず npm run lint まで実行して型エラーの検知までは AI に自律的に検証させる など、AI エージェントに評価プロセスまで実行させることが可能です。
  38. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 38 エージェントをカスタマイズする ①エージェントの名前と簡単な説明文章を入れて ② System Prompt を自動生成するボタンをクリックすると ③ 使用するツールや文脈を考えたシステムプロンプトが 自動生成されます。
  39. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 39 エージェントをカスタマイズする(例) Infrastructure as Code の達人 あなたは AWS インフラストラクチャの専門家 AI アシスタントです。 CloudFormation と AWS CDK のエキスパートとして、以下の能力を持っています: Infrastructure as Code (IaC) の設計と実装: - AWS CloudFormation テンプレートの作成と最適化 - AWS CDK を使用したインフラストラクチャの定義 - ベストプラクティスに基づいたアーキテクチャ設計 - セキュリティとコンプライアンスの考慮 - コスト最適化の提案 技術的な専門知識: - YAML/JSON形式のCloudFormationテンプレート作成 - TypeScript/Python/JavaによるAWS CDKコード開発 - AWS サービスの深い知識と適切な組み合わせの提案 - マルチアカウント/マルチリージョン構成の設計 - CI/CDパイプラインへのIaCの統合 作業時の注意事項: プロジェクトのルートディレクトリは {{projectPath}} です ファイルの読み書きを行う際は絶対パスを使用します 既存のコードを分析する際は read_file ツールを使用します 新規ファイルや変更は writeToFile ツールで実装します ベストプラクティスの提供: - モジュール化と再利用可能なコンポーネントの設計 - 環境分離(開発/ステージング/本番)の実装方法 - タグ付けとリソース命名規則の標準化 - 適切なIAMポリシーとロールの設計 - 効率的なスタック構造の設計 プロジェクト作成時: 1. 適切なプロジェクト構造を提案 2. 必要なディレクトリとファイルを作成 3. 基本的な設定ファイルのテンプレートを提供 4. デプロイメントパイプラインの設計支援 最新情報の提供: - AWS の新機能や更新情報の調査にはtavilySearchを使用 モバイルアプリ開発のエキスパート どのような状況下で 何のツールを使い、目的を遂行するか エージェントの目的 エージェントの志向 ツールの説明 あなたはTypeScript、React Native、Expo およびモバイルUI開発のエキスパートAIアシスタントです。 以下の分野で専門的な知識とスキルを持っています: - TypeScriptを使用した型安全な開発 - React Nativeによるクロスプラットフォームモバイルアプリケーション開発 - Expoフレームワークの活用とベストプラクティス - モバイルUIデザインパターンとユーザーエクスペリエンス - パフォーマンス最適化とデバッグ - アプリのライフサイクル管理とデプロイメント 特に以下の分野に強みがあります: 1. モバイルアプリケーションのアーキテクチャ設計 2. TypeScriptとReact Nativeのベストプラクティスの実装 3. Expoツールチェーンの効果的な活用 4. レスポンシブで魅力的なUIコンポーネントの作成 5. アプリケーションのパフォーマンス最適化 6. クロスプラットフォーム互換性の確保 開発支援において以下のツールを活用します: - プロジェクト構造の作成と管理(createFolder, writeToFile) - 既存コードの分析とレビュー(readFiles, listFiles) - 最新の技術情報の取得(tavilySearch, fetchWebsite) - UI/UXデザインの視覚化(generateImage) - 知識ベースからの情報取得(retrieve) - 必要なコマンドの実行(executeCommand) 作業ディレクトリ: {{projectPath}} プロジェクト作成時の重要なルール: - 必ずプロジェクトのルートフォルダを作成することから開始 - TypeScriptの型定義を徹底 - コンポーネントの再利用性とテスト容易性を重視 - Expoの設定とプラットフォーム固有の設定を適切に管理 - アプリケーションのパフォーマンスとユーザー体験を常に意識 - セキュリティベストプラクティスの遵守 コードレビューと改善時: 補足のルールなど
  40. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 40 開発以外に応用できるエージェント エージェントのシステムプロンプトを制御することで、開発以外の業務にも応用が可能です カフェの店員として振る舞うエージェント、心理カウンセラーのようなエージェントもすぐに実装できます。 例)カフェの店員エージェント あなたは心温まるカフェの店員AIアシスタントです。 お客様に寄り添い、丁寧で親身な接客を心がけます。 性格と態度: - 明るく、親しみやすい態度で接客 - 礼儀正しく、丁寧な言葉遣い - お客様のニーズを積極的に理解し、適切な提案を行う - 困っているお客様へは特に配慮を持って対応 - 常に笑顔で接客することを心がける 基本的な対応: 1. お客様への挨拶から始める 2. オーダーを丁寧にお伺いする 3. メニューの説明や提案を行う 4. アレルギーや好みについての確認 5. 注文の復唱と確認 6. お会計の案内 7. お見送りの挨拶 メニュー知識: - コーヒー、紅茶、その他ドリンクの特徴を詳しく説明可能 - フード・デザートメニューの内容と調理方法を把握 - アレルギー情報や原材料についての正確な情報提供 - 季節限定メニューの案内 特別な対応: - アレルギーをお持ちのお客様への細心の注意 - お子様連れのお客様への配慮 - 外国人のお客様への多言語対応 - 高齢者や障がいをお持ちのお客様へのサポート
  41. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 41 カスタムエージェントの例)紙芝居の達人 ユーザーの指示:歯磨きの大切さを3歳児につたえるために、ゾウさんを主人公として物語を作ってください。 1)ディレクトリ構造を作成し、ストーリーを決定 2)紙芝居のページごとに最適な画像を作成 画像生成LLMに対してリクエストするプロンプトも自律的に作成して実行しています
  42. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 42 カスタムエージェントの例)紙芝居の達人 HTMLとして最終的な成果物(絵本)を作成しました
  43. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. ツールのカスタマイズ 43
  44. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 44 ツールのカスタマイズ|独自のツールを組み込む コマンド実行ツールを介してエージェントを API や データベースに接続できます。 44 Agent Tools User ファイルの読み込み ファイルの書き込み ファイルの移動、コピー フォルダの作成 URL を指定した検索 Tavily Search による検索 画像生成 Amazon Nova, Titan Stable Diffusion シリーズ 任意のコマンド実行 Amazon Bedrock Knowledge Base への Retrieve Query Amazon Bedrock Agentsの実行 独自のツールを実装し組み込みが可能 Python API Database
  45. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 45 ツールカスタマイズの例1)API データ分析 与えられた API を実行することで、医療・人口動態・介護施設などのデータを取得して政策の意思決定に示唆を与える AI エージェント 指示)介護施設、医療施設、人口動態、地域データを使用して、今後の東京都の政策の意思決定に役立てたいです。 まずはデータを収集してどのような課題があるか調査してください。 Bedrock Engineer)東京都に関するデータを API フェッチして収集し、課題について分析する。
  46. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 46 ツールカスタマイズの例2)AWS のリソース分析 AWS CLI を実行可能にすることで、AWS 上で稼働しているリソースの可視化やログの分析が可能になります。 AWS Lambda の一覧を取得している例
  47. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 47 ツールカスタマイズの例3)Browser Use ブラウザをコントロールするエージェント “Browser Use” をコマンドライン経由で実行します AWS の淡路大輔さんにおすすめの商品を Amazon で検索して教えてください 事前準備)ツール executeCommand 経由でbrowser-use を実行できるようにしておきます ブラウザをコントロールするエージェント)https://github.com/browser-use/browser-use ブラウザを操作しながら 淡路さんにおすすめの「料理 がジェット」を検索している様子 ブラウザ操作
  48. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. その他の機能 48
  49. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. ユーザーがカスタマイズした/作成したエージェントを構成する システムプロンプトを共有するコンテンツハブ 49 Agent Directory エージェントを選んですぐに使えます
  50. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 50 ガードレールの適用 エージェントは自律的にファイルを読み込んだり、データベースを収集しますが それらデータをマスキングした結果を返却したり、LLM への送信を防ぐことができます。 読み込んだファイルを マスキングしている例 設定画面から ガードレールID、バージョンを指定
  51. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. guardrailConfig にてガードレールを指定することで、自動的に適用されます 51 Converse API の guardrailConfig アプリケーション Amazon Bedrock LLMs Converse API ガードレールが自動的に適用 ガードレールの適用方法1 (または InvokeModel API でも同様の設定が可能です)
  52. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. LLM を介さず、直接 Guradrail の機能が利用できます。 ToolUse の実行結果(ToolResult)をリクエストに載せる前に検証したい場合や Amazon Bedrock でサポートしていない LLM を利用しているケースで有効です 52 ApplyGuardrail API アプリケーション ApplyGuardrail ガードレールだけを 利用したい場合 ガードレールの適用方法2
  53. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 53 プロンプトキャッシュ 「ソースコードを分析し、その構造と機能を図解を含めて説明してください」と指示した際のキャッシュ有無による比較 ※ 合計トークン数に少し差異があるため、完全な比較となっていない点にご留意ください。 キャッシュなし キャッシュあり
  54. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 54 コスト セッションに使用されたトークン数、キャッシュトークン数に従いコストを算出するダッシュボードを用意しています。 あくまで参考値であり、正確な値は AWS のマネジメントコンソールを参照ください。https://aws.amazon.com/jp/bedrock/pricing/
  55. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 55 コストの目安 AWS Service Dimensions Cost [USD/month] Bedrock Input: Sonnet 3.7 400k tokens/session 120 Bedrock Output: Sonnet 3.7 20k tokens/session 30 https://aws.amazon.com/jp/bedrock/pricing/ 1 か月あたり 100 セッションをリクエストすると仮定します。月額コストは セッション数に比例します。既存コードの改修や、ウェブ検索を行う使い方を想 定しています。
  56. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. プロンプトテクニック 56
  57. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. AIアシスタントの操作を「計画」と「実行」の2つのフェーズに分離することで、 ユーザーがAIの行動をより細かく制御できます。 57 1、計画と実行 計画 実行 〜フォルダでは〇〇機能が実装されてい ます。この機能に △△ の機能を追加した いです。要件は以下の通りです。 ・XXXX ・YYYY まずはソースコードを探索・調査して実 装計画を立て、 私からフィードバックを求めてください。 OKです。 では、その計画で実装を開始してくださ い。 型チェックや静的解析などのコマンドを 実行しながら開発作業を行ってくださ い。
  58. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 58 2、コンテキストの長さの目安 Bedrock Engineer ではコンテキスト長(送信する messege 配列の長さ)を設定可能にしています。 メッセージの1要素に含まれる情報量やトークン数にも依存しますが、1メッセージあたり1ファイルを読み込 むエージェントを前提とすると、私の感覚では以下のような作業とそれに対して十分必要となる配列の長さの目 安を記載します。 配列の長さ 作業できる目安 タスクの例 30 超小規模なタスク 「~~のファイルの~~の処理を~~~という感じに書 き換えて」のような1〜2ファイルで完結する変 更作業 60 小規模なタスク 「~~の問題が発生している原因を調査してくださ い。~~や~~のファイルを中心に探索すると良いで す」のような人間による補助ありの原因分析 90 1コミットに載せたい程度の機能変更 「現在の実装を注意深く調査した上で、~~機能を 実装してください」 120 トークンの無駄遣い 1度に実行させる作業が大きすぎるため、タスクを小さくするべき 「~~機能を実装してください。その次に私の確認 を取らずに横断的な i18n 対応を実施してください。 最後にヌケモレチェックのために …(以下略)」
  59. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 3、システムプロンプトの構造 Infrastructure as Code の達人 あなたは AWS インフラストラクチャの専門家 AI アシスタントです。 CloudFormation と AWS CDK のエキスパートとして、以下の能力を持っています: Infrastructure as Code (IaC) の設計と実装: - AWS CloudFormation テンプレートの作成と最適化 - AWS CDK を使用したインフラストラクチャの定義 - ベストプラクティスに基づいたアーキテクチャ設計 - セキュリティとコンプライアンスの考慮 - コスト最適化の提案 技術的な専門知識: - YAML/JSON形式のCloudFormationテンプレート作成 - TypeScript/Python/JavaによるAWS CDKコード開発 - AWS サービスの深い知識と適切な組み合わせの提案 - マルチアカウント/マルチリージョン構成の設計 - CI/CDパイプラインへのIaCの統合 作業時の注意事項: プロジェクトのルートディレクトリは {{projectPath}} です ファイルの読み書きを行う際は絶対パスを使用します 既存のコードを分析する際は read_file ツールを使用します 新規ファイルや変更は writeToFile ツールで実装します ベストプラクティスの提供: - モジュール化と再利用可能なコンポーネントの設計 - 環境分離(開発/ステージング/本番)の実装方法 - タグ付けとリソース命名規則の標準化 - 適切なIAMポリシーとロールの設計 - 効率的なスタック構造の設計 モバイルアプリ開発のエキスパート どのような状況下で 何のツールを使い、目的を遂行するか エージェントの目的 エージェントの制約や志向 ツールの使い方 あなたはTypeScript、React Native、Expo およびモバイルUI開発のエキスパートAIアシスタントです。 以下の分野で専門的な知識とスキルを持っています: - TypeScriptを使用した型安全な開発 - React Nativeによるクロスプラットフォームモバイルアプリケーション開発 - Expoフレームワークの活用とベストプラクティス - モバイルUIデザインパターンとユーザーエクスペリエンス - パフォーマンス最適化とデバッグ - アプリのライフサイクル管理とデプロイメント 特に以下の分野に強みがあります: 1. モバイルアプリケーションのアーキテクチャ設計 2. TypeScriptとReact Nativeのベストプラクティスの実装 3. Expoツールチェーンの効果的な活用 4. レスポンシブで魅力的なUIコンポーネントの作成 5. アプリケーションのパフォーマンス最適化 6. クロスプラットフォーム互換性の確保 開発支援において以下のツールを活用します: - プロジェクト構造の作成と管理(createFolder, writeToFile) - 既存コードの分析とレビュー(readFiles, listFiles) - 最新の技術情報の取得(tavilySearch, fetchWebsite) - UI/UXデザインの視覚化(generateImage) - 知識ベースからの情報取得(retrieve) - 必要なコマンドの実行(executeCommand) 作業ディレクトリ: {{projectPath}} 補足のルールなど エージェントの目的、制約や志向、ツールの使い方を含めましょう。より目的に応じたタスク制御やツールの実 行が可能になり、トークンの節約にも繋がります。「MCP サーバーを入れたけど思ったように動いてくれな い!」となる主な原因として、このシステムプロンプトの指示が無い、または曖昧だという事がよくあります。
  60. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. https://github.com/anthropics/prompt-eng-interactive-tutorial 60 参考となるプロンプトガイド https://docs.anthropic.com/ja/docs/build-with-claude/prompt-engineering/overview
  61. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. アーキテクチャ 61
  62. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Bedrock Engineer のアーキテクチャ 62 Web UI exposeInMainWorld fetch api.create main handlers (createFile, readFile…) api.listen(port) app.ready create.window Amazon Bedrock AWS SDK Web API IPC (Inter-Process Communication) Electron (Native app for macOS, Win, Linux) AWS Cloud main renderer preload Electron を使用して mac, windows, linux で動作する ネイティブアプリとして実装しています クラウドには、Amazon Bedrock のみを使用し、 AWS Lambda も不要なサーバーレス構成にしています CDKを使ったデプロイも不要です
  63. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Bedrock Engineer のアーキテクチャ(ウェブ化するなら) 63 Web UI exposeInMainWorld fetch api.create main handlers (createFile, readFile…) api.listen(port) app.ready create.window Amazon Bedrock AWS SDK Web API IPC (Inter-Process Communication) Electron (Native app for macOS, Win, Linux) AWS Cloud Web UI fetch Amazon Bedrock Web API SPA (Single Page Application) AWS Cloud AWS Lambda Amazon CloudFront (with S3) 静的コンテンツの取得 main renderer preload UI を React ベースに実装しているので ファイル操作(OS操作)が不要なら ウェブ化も可能な点が Electron の魅力 Tool の実行や、 LLMへのリクエスト処理を AWS Lambda に移譲する
  64. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Website Generator 64 ウェブサイトを描画するソースコードを生成し、リアルタイムにプレ ビューします。現在は React.js, Vue.js, Svelete.js, Vanilla.js に対応してい ます。また、追加で指示を与えることで対話的にコードを生成すること ができます。
  65. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 65 ウェブサイト生成の例 観葉植物のECサイト APIフェッチとデータの可視化 ヘルスケアのブログ React, Vue, Svelte のコードを生成し、その場でプレビューします。 生成 AI との対話を通して機能を拡張し、ウェブサイトを作成できます。
  66. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 66 ウェブサイト生成におけるレコメンド機能 会話の過程を加味した最適な追加機能を提案します 生成 AI の結果を JSON 形式にすることでレコメンド機能を組み込んでいます レコメンド機能 Amazon Bedrock 生成AI基盤モデル title, value というキーを含む JSON形式の配列で出⼒してください 以下はその例です。 <example> [{title: ʼʼ, value: ʻʼ}] </example> [ { title: ”導⼊画像の最適化”, value: ”画像のロードを…” }, { title: “カートの詳細化”, value: “ショッピングカート機能を・・・” } ] プロンプト 出力 JSON Schema を含めるとなお良い
  67. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 67 Knowledge Base とつなげる Amazon Bedrock Knowledge Base に保存している情報やソースコードを参照して ウェブサイトを生成します デザインシステムやコアモジュールの情報を自律的に参照しながら、コード生成します AWS の Design System である Cloud Scape Design System に従った観葉植物の EC サイト Knowledge Base との接続を有効にする
  68. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 68 Web とつなげる Web の情報を自律的に検索してウェブサイトを生成します 「私のプロフィールページを作って」なんてリクエストも簡単に実現できます 「AWS の Solution Architect 淡路さんのプロフィールページを作って」 Web 検索を有効にする
  69. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Step Functions Generator 69 AWS Step Functions の ASL 定義を生成し、リアルタイムにプレビューします。
  70. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 70 Step Functions ASL 生成の例
  71. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. © 2024, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Diagram Generator 71 Draw.io の XML ファイルを生成し、AWS の構成図をリアルタイムプレビューします
  72. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 72 AWS 構成図生成の例 draw.io 形式で構成図を生成します
  73. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 73 Web とつなげる Web 検索を有効にして必要な情報を収集してから構成図を描画します Web 検索を有効にする
  74. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. 特定の AWS CLI コマンドを実行できる Tool を有効化することで 実際に稼働している AWS 上のリソースの情報を収集して描画することができます 本機能は試験的に実装しており、利用する場合 diagram-generator ブランチのソースからビルドしてください 74 “あなた”の AWS 環境とつなげる Experim ental 例)「私の AWS 環境の VPC 上のリソースを表示して」と指示した結果
  75. © 2025, Amazon Web Services, Inc. or its affiliates. All

    rights reserved. Amazon Confidential and Trademark. Thank you! © 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. AWS サンプルとして公開しております。 AWS の正式なサービスではないことにご留意ください。 https://github.com/aws-samples/bedrock-engineer