概要

シーケンス図作成言語のMermaidについてまとめ

公式Doc

About Mermaid | Mermaid

サンプル

flowchart LR
subgraph VSV[VFX Share Viewer]
	H[html]
	J[javascript]
	H --内包--> J
end

subgraph 現状のシステム構成
	direction RL
	F[(実データ)]
	D((管理者))
	P[Python]
	U((ユーザー))
	VSV
end

D --実行--> P
D --管理データ作成--> F
F <--情報取得--> P
P --生成--> VSV
VSV <--参照--> U
VSV --リンク--> F

flowchart LR
subgraph VSV[VFX Share Viewer]
	H[html]
	J[javascript]
	H --内包--> J
end

subgraph 検討中の新システム構成
	direction LR
	F[(実データ)]
	U((ユーザー))
	VSV
end

U <--参照--> VSV
VSV <--情報取得と生成--> F
VSV --リンク--> F
U --管理データ作成--> F