記事に図やフローチャートを挿入する
Mermaid記法によるダイアグラム表示に対応しています。
図を挿入する
「コード」要素を挿入し、mermaid記法でダイアグラムを記述します。記法については公式サイトを参考にしてください。
設定をクリックします。
コードの例
graph TD
A{雨が降っている？} -->|Yes| B{傘を持っている？}
A -->|No| C([外出しましょう])
B -->|Yes| D([傘を持って外出しましょう])
B -->|No| E{外は嵐？}
E -->|Yes| F([家にいましょう])
E -->|No| G([走りましょう])言語に「mermaid」と入力します。
プレビューをクリックすると、コードがダイアグラムに変換されて表示されます。
対応しているダイアグラム
- フローチャート
- 状態遷移図
- シーケンス図
- クラス図
- ER図
AIで生成する
AIで図を生成する方法については、デベロッパーサイトを参考にしてください。
最終更新:
