📝

【初心者向け】自然言語でAWS構成図を描く!Bedrock Engineerの設定方法と活用法!

に公開

こんにちは!ファンリードDXP事業部AWSグループのMartimです!
今回はBedrock Engineerという生成AIアプリケーションをAWSの方が作成したと聞いて、検証や触れてみた記事は別で書いたのですが、gitなどの使い方がいまだ不明瞭な方向けに、ものすごく簡単に設定方法を書いていきたいと思います!

はじめに

AWS構成図の作成は、システム設計において重要な工程の一つですが、PowerPointやDraw.ioなどのツールを使った手動作業は時間がかかり、更新も煩雑です。
実際私も構成図の作り方で苦労したり、サンプルを参考にしても時間がかかったりしました…

そんな中、AWS社員によって開発された「Bedrock Engineer」というツールを使用すると、自然言語での要件記述から自動的にAWS構成図を生成できます!

本記事では、環境構築からBedrock Engineerのセットアップ、構成図生成機能の実際の使用感まで、技術者向けに詳しく解説します!

環境構築・セットアップ

前提条件

私の動作環境と前提条件を記載させていただきます。
MACとWindowsどちらでもできましたが、Windowsは少し手順が多いと感じました。(元の環境設定ができてなかっただけかもしれませんが…)

  • pc - Windows11 24H2 or macOS Ventura13.7.6
  • 空き容量 - 最低5GB
  • Node.js: 最新のLTS版を推奨
  • npm: Node.jsに付属のバージョン
  • AWSアカウント: Bedrockサービスへのアクセス権限が必要

セットアップ手順

Bedrock Engineerと検索し、READMEの中にダウンロードが記載されています!
https://github.com/aws-samples/bedrock-engineer/blob/main/README-ja.md
こちらからダウンロードするほうが簡単ですので、マニアックな方以外はこちらからどうぞ!

また、Node.jsやgitの説明資料も一緒に載せていきます!
インストールする前に環境設定ができていない人は参考にしてください!

0. 環境構築

上記の前提条件を整えるためのアカウント登録系以外の参考資料を載せていきます。
整っている方は無視して次に進んでください!

Node.js
https://qiita.com/nayoshik/items/c0febffab4a4b0ffb3b9

Git
https://qiita.com/takeru-hirai/items/4fbe6593d42f9a844b1c

1. リポジトリの取得

Bedrock Engineerのリポジトリをクローンしてきます。

git clone https://github.com/aws-samples/bedrock-engineer.git
cd bedrock-engineer

クローン出来たら、cdでフォルダ移動していることを確認してください!

2. npmモジュールインストール

以下のコマンドでnpmモジュールをインストールします。

npm install

3. ビルド

各OSの実行手順は以下になります

mac
npm run build:mac
windows
npm run build:win

ここまでエラーなく出来たらOKです!

Bedrock Engineer.appを実行してみましょう!

ファイルは設定を変えていなければC:/user/[ユーザー名]/bedrock-engineer/dist/mac-universal/Bedrock Engineerにあります。

構成図生成機能の実践

基本的な使用方法

Bedrock Engineerって実はサイト作ったり、AIと会話したりもできるんですが、今回は一番気になってた「AWS構成図の自動生成」を中心に紹介していきます!(他の機能も面白そうなので、みなさんも入れた後にぜひ遊んでみてください!)

設定

デフォルトが英語なので、まずは日本語に変更します。
エージェントチャットを使用する場合は、追加でAPIキーを入力してください。
(今回は使いません)

スクリーンショット 2025-05-23 155502.png

次に自分の持っているAWSアカウントのIAMからアクセスキーとシークレットアクセスキーを持ってきます。
※ 別でアクセスキー等を作っている場合は、自分のユーザーでなくても大丈夫です。

リージョンは東京を指定しています。

Bedrockの設定では、使用するLLMモデルを指定します。
初期設定では、Claude 3 haikuになっておりますが、今回はClaude 3.5 Sonnetを使用しています。

スクリーンショット 2025-05-23 155517.png

設定は以上で完了です!早速触っていきましょう!!

実践

左のタブから「Diagram Generator」を選択します。

スクリーンショット 2025-05-23 14.41.30.png
このような画面が出てきたら始められます!

下の入力部分にプロンプトを入れることで構成図が作られる仕様です。

検証

検証1: 基本的なサーバーレス構成

入力部分上部のチャットテンプレートがあるのでそちらを使用します。
スクリーンショット 2025-05-26 16.49.55.png
「serverless API」のプロンプトを使用し、作成してもらいます。

スクリーンショット 2025-05-23 15.39.59.png

所要時間35秒

大体合っていますね。
サブネットなどが書かれていませんが、左のメニューから手動で追加もできます。
簡単な構成なだけあってだいぶ速く生成してくれました。

検証2: 上記構成にCognitoを追加した認証機能の実装

先ほどのサーバーレス構成に、テンプレートにある「認証追加」をしてもらいます。

スクリーンショット 2025-05-23 15.41.29.png

所要時間44秒

これもいい感じですね。
追加するだけでも少し時間がかかるようですが、この速さなら問題なさそうです。

まとめ

実際の検証では、基本的な構成であれば実用レベルの品質で自動生成が可能でした!

ある程度AWSわかる人が「とりあえずテンプレ作って〜」って感じで使って、そのあと自分で調整するのが一番いいと思います!これだけでも作業時間がめちゃくちゃ短縮できそう!

以上!
最後まで読んでくれてありがとうございました〜!!
それでは!よきAWSライフを!

参考資料

https://github.com/aws-samples/bedrock-engineer

https://docs.aws.amazon.com/bedrock/

https://x.com/martim5004951

https://www.funlead.co.jp/

Discussion