---
robots: noindex, nofollow
lang: ja
dir: ltr
breaks: true
---
# シーケンス図を描こう
[js-sequence-diagrams](https://bramp.github.io/js-sequence-diagrams/) による記述。
```
カバ->カバン: あなた、泳げまして?
カバン-->カバ: いえ
カバ->カバン: 空は飛べるんですの?
カバン-->カバ: いえ
カバ->カバン: じゃあ、足が速いとか?
カバン-->カバ: いえ
カバ->カバン: あなた、何にもできないのねぇ
カバン-->カバ: ううっ
```
```sequence
カバ->カバン: あなた、泳げまして?
カバン-->カバ: いえ
カバ->カバン: 空は飛べるんですの?
カバン-->カバ: いえ
カバ->カバン: じゃあ、足が速いとか?
カバン-->カバ: いえ
カバ->カバン: あなた、何にもできないのねぇ
カバン-->カバ: ううっ
```
んー。イマイチ。日本語が混じるのがダメなのかな? 表現力も貧弱だし。
じゃあ [mermaid](http://knsv.github.io/mermaid/) 記法で。
```
sequenceDiagram
participant カバ
participant カバン
カバ->>+カバン: あなた、泳げまして?
カバン-->>-カバ: いえ
カバ->>+カバン: 空は飛べるんですの?
カバン-->>-カバ: いえ
カバ->>+カバン: じゃあ、足が速いとか?
カバン-->>-カバ: いえ
カバ->>+カバン: あなた、何にもできないのねぇ
カバン-->>-カバ: ううっ
```
```mermaid
sequenceDiagram
participant カバ
participant カバン
カバ->>+カバン: あなた、泳げまして?
カバン-->>-カバ: いえ
カバ->>+カバン: 空は飛べるんですの?
カバン-->>-カバ: いえ
カバ->>+カバン: じゃあ、足が速いとか?
カバン-->>-カバ: いえ
カバ->>+カバン: あなた、何にもできないのねぇ
カバン-->>-カバ: ううっ
```
表現力で言えば [mermaid](http://knsv.github.io/mermaid/) 記法のほうがいい感じ。
###### tags: `uml` `sequence` `graph` `hackmd` `markdown`