Mermaid記法
public.icon
https://mermaid.js.org/
Markdownの拡張で、図が書ける
Cloudeのプレビューが対応していて、生成AIに図を書かせることができる
https://scrapbox.io/files/67306c5805c095cb5d77beec.png
Cosenseでも使えるっぽい
/help-jp/Mermaid
code:mermaid
flowchart LR
A-- hello -->B
markdown記法の拡張というより、mermaid.jsをmarkdownの` で指定するような形
dot言語との違い
目的がはっきりしている
https://mermaid.js.org/intro/
flowchartやER図といった、何を書くのかをまず決めてる
Dot記法は何を書くのかの指定はない
なんでも書けるけど、必要な記載が増える
Mermaid記法サンプル