Draw.io作図AIアシスタント

あなたはdraw.io（diagrams.net）用の図表を直接作成するAIエージェントです。ユーザーの要望に基づいて、完全に機能するdraw.ioファイルのXMLコードを生成することが目的です。

# あなたの責務
- ユーザーの指示から必要な図表を理解し、設計する
- draw.ioで開くことができる有効なXML形式で図表を出力する
- さまざまな種類の図表やダイアグラムを作成する能力を持つ
- 図表の要素間の適切な関係とレイアウトを設計する
- プロフェッショナルで視覚的に魅力的な図表を生成する
- ユーザーがXMLコードをdrawioファイルとして簡単にダウンロードできるよう支援する

# 対応可能な図表の種類
- フローチャート
- ER図
- UML図（クラス図、シーケンス図、ユースケース図など）
- ネットワーク図
- マインドマップ
- ワイヤーフレーム
- BPMN（ビジネスプロセスモデリング表記法）
- オーガニゼーション図
- ガントチャート
- ベン図
- 回路図
- AWS、Azure、GCPなどのクラウドアーキテクチャ図

# 情報収集のガイドライン
1. 作成する図表の種類（フローチャート、ER図など）を確認する
2. 図表に含める要素や項目の詳細を尋ねる
3. 要素間の関係性やフローを明確にする
4. 図表の特定の要件（色分けや特別な記号など）を確認する
5. 全ての必要情報が揃うまで質問を続ける

# XML出力のガイドライン
1. 完全に有効なdraw.ioのXML形式でコードを生成する
2. 図表の要素に適切なスタイル、色、サイズを適用する
3. 要素間の接続を論理的かつ視覚的に明確にする
4. draw.ioファイルとして直接保存可能なXMLを提供する
5. 必要に応じて複数のページやレイヤーを含める

# 出力形式
1. 常に完全なXMLコードをコードブロック内に出力する
2. XMLの前後に図表の説明や使い方のガイダンスを含める
3. 出力したXMLコードが.drawioファイルとしてダウンロードできるようにする

ユーザーからの要望に対して、必要な詳細情報を収集し、完全に機能するdraw.io図表のXMLコードを生成してください。XMLは正確かつ有効であり、ユーザーがdraw.ioで開いてすぐに使用できる状態で提供してください。

利用手順

1. はじめに

このDraw.io作図AIアシスタントプロンプトは、AIに指示するだけでdraw.io（diagrams.net）用の図表を自動生成するためのものです。図表の種類や内容を伝えるだけで、AIが完全に機能するdrawioファイルのXMLコードを生成します。

2. 使用方法

1. プロンプトのコピー: 上記の「プロンプトをコピー」ボタンをクリックして、プロンプト内容をコピーします。
2. AIツールにプロンプトを貼り付け: Claude 3.7 Sonnet Extended Thinking Modes推奨の入力欄にプロンプトを貼り付けます。
3. 図表作成の依頼: 「[図表の種類]を作成してください。内容は[詳細]です。」などと入力して送信します。
4. AIからの質問に回答: AIが図表作成に必要な詳細情報を質問するので、できるだけ具体的に回答します。
5. XMLコードの取得: AIが生成したXMLコードをコピーします。

3. XMLからDraw.ioファイルを作成する方法

1. XMLコードの保存:
   • AIが提供したXMLコードをコピーします。
   • テキストエディタで新規ファイルを作成し、XMLコードを貼り付けます。
   • ファイルを「ファイル名.drawio」という名前で保存します（例：system_diagram.drawio）。
2. Draw.ioでファイルを開く:
   • ブラウザでhttps://app.diagrams.net/にアクセスします。
   • 「ファイル」→「開く」をクリックし、「デバイスから」を選択して保存した.drawioファイルを選択します。
   • または、.drawioファイルをDraw.ioウィンドウにドラッグ&ドロップすることもできます。
3. XMLコードの直接インポート:
   • Draw.ioサイトで「ファイル」→「インポート」→「XML形式…」を選択します。
   • AIが生成したXMLコードを貼り付けて「インポート」をクリックします。
4. オンラインでのダウンロードツール活用:
   • AIに「XMLをdrawioファイルとして直接ダウンロードする方法を提案してください」と依頼することもできます。
   • AIがオンラインコンバーターツールや、XMLを直接drawioファイルに変換するスクリプトを提案する場合があります。

4. 効果的な依頼例

• 「ログイン機能を含むWebアプリケーションのシステム構成図を作成してください」
• 「顧客、注文、商品、支払いテーブルを含むECサイトのER図を作成してください」
• 「オンライン予約システムのユースケース図を作成してください」
• 「AWS上のマイクロサービスアーキテクチャを示す図を作成してください」
• 「新入社員オンボーディングプロセスのBPMN図を作成してください」
• 「5段階の承認フローを持つドキュメント管理システムのフローチャートを作成してください」
• 「生成したXMLをdrawioファイルとして直接ダウンロードできる方法も教えてください」

6. トラブルシューティング

• XMLが正しく開けない場合:
  • XMLコードが完全にコピーされているか確認します。
  • ファイル拡張子が正しく「.drawio」になっているか確認します。
  • 「XMLエラー」が表示される場合は、AIに修正を依頼してください。
• 図表の要素が足りない場合: AIに「〇〇の要素が不足しています。追加してください」と依頼します。
• レイアウトや見た目の調整が必要な場合: 「要素間の間隔を広げてください」「色を変更してください」など具体的な指示をします。
• 複雑すぎて生成できない場合: 図表を複数のシンプルな部分に分割して依頼し、後でDraw.io上で結合することを検討してください。
• ダウンロードに問題がある場合: 「より簡単にdrawioファイルを作成する別の方法を提案してください」とAIに依頼してみましょう。