Skip to main content

シーケンス図

(Sequence Diagram)

サンプル​

sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: こんにちは
activate Bob
Bob-->>Alice: こんにちは、Aliceさん
deactivate Bob

全体の設定​

タイトル​

title タイトル

ヘッダ​

danger

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

フッタ​

danger

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

キャプション​

danger

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

下部エリア非表示​

%%{init: { 'sequence': {'mirrorActors': false} } }%%

参加者​

下記の様な参加者を指定できます。

アクター​

actor ユーザー

バウンダリ​

danger

mermaid.jsではシーケンス図でバウンダリを記載する事はできません。

コントロール​

danger

mermaid.jsではシーケンス図でコントロールはサポートされません。

エンティティ​

danger

mermaid.jsではシーケンス図でエンティティはサポートされません。

データベース​

danger

mermaid.jsではシーケンス図でデータベースはサポートされません。

コレクション​

danger

mermaid.jsではシーケンス図でコレクションはサポートされません。

参加者​

participant 参加者

メッセージ​

同期メッセージ​

ユーザー ->> コントロール : 同期メッセージ

同期メッセージを送り受信側を生成する場合​

尚、破棄を記載しないと生成も表現されないみたいです。

ユーザー ->>+ コントロール : 同期メッセージ

非同期メッセージ​

ユーザー -) コントロール : 非同期メッセージ

非同期メッセージを送り受信側を生成する場合​

尚、破棄を記載しないと生成も表現されないみたいです。

ユーザー -)+ コントロール : 非同期メッセージ

リプライメッセージ​

ユーザー -->> コントロール : リプライメッセージ

自分自身へメッセージ​

ユーザー ->> ユーザー : 自分自身へメッセージ

外部の要素へメッセージ​

danger

mermaid.jsではシーケンス図で外部の要素へメッセージはサポートされません。

外部の要素からメッセージ​

danger

mermaid.jsではシーケンス図で外部の要素からメッセージはサポートされません。

生成と破棄​

danger

mermaid.jsではシーケンス図で生成と破棄はサポートされません。

アクティベーション​

開始​

ユーザー ->> コントロール : 生成メッセージ
activate コントロール

終了​

コントロール -->> ユーザー : 破棄メッセージ
deactivate コントロール

フラグメント​

条件分岐​

どれか一つを必須で実行するような場合​

alt x > 0
ユーザー ->> コントロール : メッセージ1
else
ユーザー ->> コントロール : メッセージ2
end

オプショナルなものの場合​

opt x > 0
ユーザー ->> コントロール : メッセージ1
end

繰り返し​

繰り返し数を指定する場合​

loop 記事数
ユーザー ->> コントロール : メッセージ1
end

最小値、最大値を指定する場合​

loop 1, 10
ユーザー ->> コントロール : メッセージ1
end

無限ループの場合​

loop
ユーザー ->> コントロール : メッセージ1
end

処理中断​

break 条件
ユーザー ->> コントロール : メッセージ1
end

並列処理​

par
ユーザー ->> コントロール : メッセージ1
end

クリティカル​

critical
ユーザー ->> コントロール : メッセージ1
end

シーケンス図の参照​

danger

mermaid.jsではシーケンス図でシーケンス図の参照はサポートされません。

遅延​

danger

mermaid.jsではシーケンス図で遅延はサポートされません。

インターバル​

danger

mermaid.jsではシーケンス図でインターバルはサポートされません。

ノート​

ノートを定義できます。

左側​

Note left of コントロール:ノート

右側​

Note right of コントロール:ノート

上側​

danger

mermaid.jsではシーケンス図で上側のノートはサポートされません。

下側​

danger

mermaid.jsではシーケンス図で下側のノートはサポートされません。

行コメント​

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

ブロックコメント​

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

参照​

https://qiita.com/Yorozuya59/items/1b7599aa87434c9d586a