mermaidメモ

mermeaid書くのに調べたことをメモ

ブログ内にmermaidを埋め込み

<script src="https://unpkg.com/mermaid@8.4.0/dist/mermaid.min.js"></script>
<script>
  mermaid.initialize({startOnLoad: true});
</script>

⇒@の後ろはverを入力。initaalizeの引数とかは調べてないから意味は分かってない。

mermaidを使用

\```mermaid
mermaid記法
\```
※実際は\無

フロー図

https://mermaid-js.github.io/mermaid/#/flowchart
なぜか全部使えるわけではなさそう。

graph TB
A --> B

graph TB
A --> B

T=上(トップ),B=下(ボトム),L=左(レフト),R=右(ライト)

graph LR
A --> B

graph LR
A --> B

矢印の種類

A --> B --- C -- 文字 --> D

graph LR
A --> B --- C -- 文字 --> D

図形の形

A --> B[B] --> C{C} --> D(D)

graph LR
A --> B[B] --> C{C} --> D(D)