Skip to content

MkDocs+

MkDocs+

js-sequence-diagrams

js-sequence-diagrams

1
2
3
4
5
勇者さん->武器屋さん: どうのつるぎ下さい
Note right of 武器屋さん: 考え中
武器屋さん-->勇者さん: 1000Gになります
勇者さん->>武器屋さん: いりません
{: .diagram }

勇者さん->武器屋さん: どうのつるぎ下さい Note right of 武器屋さん: 考え中 武器屋さん-->勇者さん: 1000Gになります 勇者さん->>武器屋さん: いりません

mermaid

mermaid

フローチャート

Flowchart みた方が早い。

1
2
3
graph LR
  I(わたし) -- 愛 --> You[あなた]
{: .mermaid }

graph LR I(わたし) -- 愛 --> You[あなた]

シーケンス図

Sequence diagram みた方が早い。

1
2
3
4
5
sequenceDiagram
  クライアント->>サーバ: やって~
  activate サーバ
  サーバ-->>クライアント: やったよ~
{: .mermaid }

sequenceDiagram クライアント->>サーバ: やって~ activate サーバ サーバ-->>クライアント: やったよ~

ガントチャート

Gant diagrams みた方が早い。

あまり使わなそうなので省略。


Last update: September 20, 2023