mermaid

Note

マークダウンのような記法でER図やシーケンス図を記述できる記法 mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.

フローチャート

graph TB
	A[Start]-->B{認証}
	B-->|yes| C[Home]
	B-->|No| D[signin]

ER図

erDiagram

	user {
		integer id
		string name
		string bio
	}

シーケンス図

sequenceDiagram
	Aさん->>Bさん: Hello！
	Bさん-->>Aさん: Hi! How are you?
	Aさん->>Bさん: I'm good, you?
	Bさん-->>Aさん: fine!

sequenceDiagram
	loop limit: 50
		Aさん ->> Bさん: Hello!
	end

円グラフ

pie title 頭の中
"ご飯": 3
"音楽": 3
"睡眠": 4