Slide 1

Slide 1 text

© 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

Slide 2

Slide 2 text

© 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 👆 こちらから資料をチェック

Slide 3

Slide 3 text

© 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 👆 こちらから資料をチェック

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

© 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 アシスタント

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

© 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 に応じてコマンドを変えてください は じ め か た

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

© 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 のエージェントチャット機能では、よりリッ チな図解と対話型の体験が可能になります。また、エージェントのカス タマイズ機能により、開発以外のユースケースにおいても、エージェン トを活用することができます。

Slide 12

Slide 12 text

© 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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

© 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 への Retrieve Query Amazon Bedrock Agentsの実行 独自のツールを実装し組み込みが可能 Python API Database AI エージェント開発・利用において一般的なツールを搭載 任意のコマンド実行を介してデータベースや API にも接続可能

Slide 17

Slide 17 text

© 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) のステップで処理を進めます 履歴を追加

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

© 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 経由で実行することもできます。 22 Multi-Agent Orchestration Sub-Agent (Bedrock Agent) Agent (Bedrock Engineer) Sub-Agent (via CLI) Bedrock Agent の Code Interpreter を使用して、CSV形式の売り上げデータを可視化した例 ツールを使ってできること

Slide 23

Slide 23 text

© 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. エージェントのカスタマイズ 23

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

© 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. 26 エージェントをカスタマイズする(例) 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の設定とプラットフォーム固有の設定を適切に管理 - アプリケーションのパフォーマンスとユーザー体験を常に意識 - セキュリティベストプラクティスの遵守 コードレビューと改善時: 補足のルールなど

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

© 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. ツールのカスタマイズ 30

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

© 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Bedrock Engineer のアーキテクチャ 35 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を使ったデプロイも不要です

Slide 36

Slide 36 text

© 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. Bedrock Engineer のアーキテクチャ(ウェブ化するなら) 36 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 に移譲する

Slide 37

Slide 37 text

© 2025, Amazon Web Services, Inc. or its affiliates. All rights reserved. Amazon Confidential and Trademark. ユーザーがカスタマイズした/作成したエージェントを構成する システムプロンプトを共有するコンテンツハブ 37 Agent Directory 今後追加する 予定の機能 ※ 開発中のイメージ画像です。エージェントを選んでクリックするだけですぐに使える UX を検討中です。

Slide 38

Slide 38 text

© 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 38 ウェブサイトを描画するソースコードを生成し、リアルタイムにプレ ビューします。現在は React.js, Vue.js, Svelete.js, Vanilla.js に対応してい ます。また、追加で指示を与えることで対話的にコードを生成すること ができます。

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

© 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 43 AWS Step Functions の ASL 定義を生成し、リアルタイムにプレビューします。

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

© 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 45 Draw.io の XML ファイルを生成し、AWS の構成図をリアルタイムプレビューします

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

© 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