AWS構成図を“その場で” 作るための生成AI

Transcript

1. AWS構成図を“その場で” 作るための生成AI 藪内一貴
2. 目次 • 背景 • 何をしたか？ • プロンプトの例 • プロンプトの工夫 • 検証 • まとめ
3. 背景 • アーキテクチャをゼロから考えるのが大変 • 提案や説明の場ですぐに図を作って使いたい • サービスアイコンや矢印の配置の修正で時間が消える →生成AIでアーキテクチャと構成図を高速で自動生成できないか挑戦！
4. 何をしたか？ 1. 工夫したプロンプトでAWSのアーキテクチャと構成図を対話的に自動生成 • 入力：プロンプト • 出力：アーキテクチャの構成図 2. 検証「アーキテクチャと構成図の自動生成アプリ」自体のアーキテクチャの 構成図を作成
5. 何をしたか？ • 構成図の自動生成ツール→アーキテクチャとコードの作成後、 • コードから構成図を作成するDiagram as Code（DaC）ツール • CDK-Dia、Pluralith、Diagram-as-code、AIチャット • 現存のAWSワークロードの可視化 • AWS でのワークロード検出 • 今回の自動生成→アーキテクチャとコードの作成前 • 構想段階やたたき台での作成が対象 • 作成後の人手による修正に対応
6. 何をしたか？ 〜 EC2とAuroraから構成されるサービスの構成図を作っ て！ユーザーからの通信にはHTTPSを使用する。 〜 セキュリティと可用性、低コストについて重視するも のはありますか？ 【architecture.drawio】 （drawioファイルの生成） 可用性と低コストが大事 要望 質問 回答 生成 対話的に生成するのか特徴！
7. 環境説明 • 生成AI： Anthropic Claude Sonnet 4.5 AWSアイコンが正常に出力されるため
8. 環境説明 • 構成図：drawioファイル • フローチャートやAWS構成図などの作図ツールdraw.ioで編集可能なファイル • マークアップ言語のXML形式 <mxfile host="app.diagrams.net" modified="2024-12-19T00:00:00.000Z" agent="Claude" version="22.0.0"> <diagram name="AWS Architecture" id="aws-architecture"> <mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0"> <root> <mxCell id="0" /> <mxCell id="1" parent="0" />
9. 環境説明
10. プロンプトの例 • 良くない例 • サービスの要件と対話的にする生成する指示が不足 • 出力形式の指示が曖昧 • 効果の薄いプロンプト構成 アプリサーバーとデータベースサーバーから構成され るサービスの構成図をdrawioファイル形式で作って！ ユーザーからの通信にはHTTPSを使用する。
11. プロンプトの例 # 役割 あなたはAWSソリューションアーキ テクトとして、インフラストラク チャ設計とdraw.io図作成の専門知識を 持つ。・・・技術的に正確で視覚的 にわかりやすい図を生成する。 # 指示 必要な情報を1回のみ質問をして、回 答を送信するよう指示する。以下の 要件を満たすAWSアーキテクチャ図 をdraw.io XML形式で生成する。： ## アーキテクチャ要件 - 負荷分散層: Application Load Balancer (ALB) を配置し、2つのEC2インスタン スへトラフィックを分散する ・・・ - アベイラビリティゾーン: 最低2つの AZを視覚的に区別可能な形で表現(背 景色や境界線で区分) ## 生成手順 1. VPC全体を囲む外枠を配置 2. 2つのアベイラビリティゾーン(AZ- A、AZ-B)を視覚的に区分 ・・・ 9. 通信フローを示す矢印(Route 53→ALB→EC2→Aurora)を追加 # 制限 - 出力形式: draw.io XML形式(そのまま インポート可能な完全なXMLコード) ・・・ - ラベル: 各リソースに明確なサービ ス名称を付与 - 不要な要素: NAT Gateway、Bastionホ スト等、指定されていないコンポー ネントは含めない
12. プロンプトの工夫 • # 役割、# 指示、# 制限の基本構成 • アーキテクチャ要件や出力形式（drawioファイル）の指定 • 作図手順の記入 • 可読性・再利用性 # 役割 あなたはAWS・・・技術的に正確で視覚的にわ かりやすい図を生成する。 # 指示 必要な情報を1回のみ質問をして、回答を送信す る・・・をdraw.io XML形式で生成する。： ## アーキテクチャ要件 - 負荷分散層: Application Load Balancer (ALB) を配 置し、2つのEC2インスタンスへトラフィック ・・・ で表現(背景色や境界線で区分) ## 生成手順 1. VPC全体を囲む外枠を配置 ・・・ 9. 通信フローを示す矢印(Route 53→ALB→EC2→Aurora)を追加 # 制限 - 出力形式: draw.io XML形式(そのままインポー ト可能な完全なXMLコード) ・・・ - ラベル: 各リソースに明確なサービス名称を付 与
13. 検証
14. 検証 作成に成功！
15. 検証 • 「構成図自動作成サービス」 自体のAWS構成図の作成 • 対話的に質問を挟む
16. 検証 対話的に回答
17. 検証
18. 検証
19. まとめ • 感想 • 構成図の作成が圧倒的に速い • 設計の不足にも気づける • 構成図をそのまま使うのは危険 不足や目的に合ってないアーキテクチャな可能性がある セキュリティやコストが最適と保証されていない • AIの便利さを実感 • ただし有効に、補助ツールとして