ChatGPT+Mermaidでシーケンス図を作成する

February 21, 2024

ChatGPT+Mermaid でシーケンス図を作成する


ChatGPT と Mermaid を使って、シーケンス図を作成してみました。

ChatGPT と Mermaid を組み合わせることで、シーケンス図を簡単に作成できます。ChatGPT は自然な文章生成に優れており、Mermaid はシンプルな記法でシーケンス図を描画できます。この組み合わせにより、手軽に要約や説明を行いながら、視覚的な図を生成できます。AI が生成したテキストを元に、Mermaid を使ってシーケンス図を作成することで、複雑なプロセスやアルゴリズムを視覚的に理解しやすくなります。

  • 簡単なバッチの図を作成してみました

ChatGPT+Mermaid でシーケンス図を作成する

プロンプトでの指示

「“a"が"b"に対して"x"を非同期で要求し、その後"b"の状態を確認し続けるというプロセスを Mermaid のシーケンス図で作成してください。状態が変更されていない場合は、“a"が状態確認を継続し、状態が変更された場合は、“b"が"a"にその旨を通知するシーケンスも図に含めてください。」

回答

あなたが求めているシーケンス図は、以下のような形になります。

mermaid
sequenceDiagram
    participant a
    participant b
    a->>b: xを非同期で要求
    loop 状態確認
        a->>b: bの状態を確認
        opt 変更なし
            a->>a: 状態の確認を継続
        end
        b-->>a: 状態変更あり

    end

このシーケンス図は、“a"が"b"に非同期で"x"を要求し、その後"b"の状態を確認し続けるプロセスを表現しています。“b"の状態が変更されない場合、“a"は状態の確認を続けます。一方、“b"の状態が変更された場合、“b"は"a"にその旨を通知します。

Nifty tech tag lists from Wouter Beeftink