Skip to main content

状態遷移図

(State Diagram)

サンプル​

stateDiagram-v2
    [*] --> Off
    Off --> On: ボタンを押す
    On --> Off: ボタンをもう一度押す

全体の設定​

タイトル​

danger

mermaid.jsでは状態遷移図のタイトルはサポートされません。

ヘッダ​

danger

mermaid.jsではヘッダはサポートされません。

フッタ​

danger

mermaid.jsではフッタはサポートされません。

キャプション​

danger

mermaid.jsではキャプションはサポートされません。

状態​

初期から​

初期からOFFの状態及び状態間の遷移を定義するには以下のように表記するようです。

[*] --> Off

初期以外から​

特定の状態から別の状態及びその遷移を定義するには以下の様に表記するようです。

Off --> On

ラベル​

Off --> On : ボタンを押す

位置調整​

danger

mermaid.jsでは位置調整はサポートされません。

ノート​

danger

mermaid.jsでは状態遷移図のノートはサポートされません。

行コメント​

%% から始まる行は行コメントとして扱われます。

ブロックコメント​

%%{ から%%}まではブロックコメントとして扱われます。