以下の内容はhttps://wineroses.hatenablog.com/entry/2025/10/24/145009より取得しました。


Obsidian:Canvasをmermaidに変換

mermaidって完成図がイメージしにくいから。

mermaid

まずCanvasで完成図を下書きする。 そういうのどうでしょう?

作り方

Canvasを開き、カードを矢印でつないでいく。

それからCopilotを立ち上げます。 で、プロンプト:

{activeNote}をmermaidのgraphに変換してください。

すると変換結果が表示されます。

コピーボタンで取得すると:

graph TD
    f65a5d11ff9d1f81[start] --> 259483adf3f8ef43[next];
    259483adf3f8ef43 --> b21cba7f1f55c3ec[loop];
    b21cba7f1f55c3ec --> f65a5d11ff9d1f81;
    259483adf3f8ef43 --> d9283d95ea99fca1[end];

そのままmermaidになってるありがたさ。

まとめ

実はこの方法、Canvasでなくてもいい。

graph TD
    A[Obsidian:Canvasをmermaidに変換] --> B{mermaidって完成図がイメージしにくいから。};
    B --> C[Canvasで完成図を下書きする];
    C --> D[Copilotを立ち上げる];
    D --> E[プロンプト:mermaidのgraphに変換してください。];
    E --> F[変換結果が表示される];
    F --> G[コピーボタンで取得];
    G --> H[そのままmermaidになっているありがたさ];
    H --> I[まとめ];
    I --> J[この方法、Canvasでなくてもいい];

テキストを対象にしてもフローチャートが出来上がります。




以上の内容はhttps://wineroses.hatenablog.com/entry/2025/10/24/145009より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14