デモの使い方

システム要件のテキストからMermaid形式の構成図を自動生成できるデモです。

構成図生成 Mermaid 設計ドキュメント

操作手順

  1. テキストエリアにシステム要件を入力(「サンプル」ボタンも利用可)
  2. プルダウンで図の種類(フローチャート、シーケンス図など)を選択
  3. 「構成図を生成」ボタンをクリックし、プレビューとMermaidコードを確認(「コードをコピー」「SVG保存」も可)

活用シーン

  • 設計ドキュメント作成の迅速化
  • チーム内での構成案共有・認識合わせ
  • レガシーシステムの図解化
  • 注文フローなど業務プロセスの整理

デモの使い方

要件定義のテキストから、Mermaid.js形式の構成図をリアルタイムで生成します。AIは単なる変換ではなく、アーキテクチャの整合性を考慮したノード接続や、プロトコルに応じた図解の最適化を自動で行います。

自動レイアウト 技術スタック認識 SVGエクスポート

操作手順

  1. 構成要件をテキストで入力。
  2. 図の種類(フロー等)を選択。
  3. 「構成図を生成」をクリック。

活用シーン

  • 設計ドキュメントの迅速化
  • チーム内での構成案の共有
  • レガシーシステムの図解化

要件定義

プレビュー

📐

要件を入力して生成ボタンを押してください