グラフと図解

Mermaidで図を作る

フローチャート、シーケンス図、状態遷移図、クラス図、ER図をスライドへ追加します。

内容確認日:
実際の画面Mermaid図を作る
1 / 2
コードブロックへ対応するMermaid記法を書きます。
Mermaid記法と生成された図を実画面で対応づけます。

mermaidコードブロックを使う

バッククォート3つとmermaidで囲んだ記法をスライドへ置きます。flowchart、sequence、state、class、ERの確認済み記法を利用できます。

安全な範囲で描画する

1枚につき1つまでです。外部リンク、click、HTML、init、任意style directiveは利用できません。まずMarkdown記法集の例をコピーして内容を置き換えてください。

図の目的に合わせる

処理や判断の流れはflowchart、時間順のやり取りはsequence、状態の変化はstate、データ関係はERを使います。nodeを詰め込みすぎず、複雑な図は段階ごとにスライドを分けてください。

解決しない場合は、パスワードやMarkdown本文を含めず、エラー文と発生時刻を添えてお問い合わせください。

お問い合わせ →