Jazzと読書の日々

iPadを筆記具として使う方法を模索します

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でなくてもいい];

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