そうだ，シーケンス図を描こう！ （一応クラス図も描けるよ）

sequenceDiagram
    カバ->>+カバン: あなた、泳げまして？
    カバン-->>-カバ: いえ
    カバ->>+カバン: 空は飛べるんですの？
    カバン-->>-カバ: いえ
    カバ->>+カバン: じゃあ、足が速いとか？
    カバン-->>-カバ: いえ
    カバ->>カバン: あなた、何にもできないのねぇ
    loop ひとりヘコむ
        カバン->>カバン: ううっ
    end

<script src="https://unpkg.com/mermaid/dist/mermaid.min.js"></script>
<script>
  mermaid.initialize({startOnLoad: true, theme: 'neutral'});
</script>

<div class="mermaid">
sequenceDiagram
    カバ->>+カバン: あなた、泳げまして？
    カバン-->>-カバ: いえ
    カバ->>+カバン: 空は飛べるんですの？
    カバン-->>-カバ: いえ
    カバ->>+カバン: じゃあ、足が速いとか？
    カバン-->>-カバ: いえ
    カバ->>カバン: あなた、何にもできないのねぇ
    loop ひとりヘコむ
        カバン->>カバン: ううっ
    end
</div>

<figure style='margin:0 auto;text-align:center;'>
<div class="mermaid">{{ .Inner }}</div>
{{ if .Get "title"}}<figcaption>{{ with .Get "link"}}<a href="{{.}}">{{ end }}{{ .Get "title" }}{{ with .Get "link"}}</a>{{ end }}</figcaption>{{ end }}
</figure>

{{< fig-mermaid title="カバとカバン" >}}
sequenceDiagram
    カバ->>+カバン: あなた，泳げまして？
    カバン-->>-カバ: いえ
    カバ->>+カバン: 空は飛べるんですの？
    カバン-->>-カバ: いえ
    カバ->>+カバン: じゃあ，足が速いとか？
    カバン-->>-カバ: いえ
    カバ->>カバン: あなた，何にもできないのねぇ
    loop ひとりヘコむ
        カバン->>カバン: ううっ
    end
{{< /fig-mermaid >}}

sequenceDiagram
    participant A as 愛知県女性A
    participant Tw as Twitter
    participant B as 京都女子中学生B
    participant C as 徳島県女子高生C
    participant D as 和歌山県女性D
    participant Tk as チケット売買サイト
    participant E as 関東女性E
    A->>Tw: チケット売ります
    C->>Tw: 購入希望
    D->>Tw: 購入希望
    B->>+Tw: 
    Tw-->>-B: A,B,Cのやり取りを発見
    B->>+A: 売買交渉：8万円で購入希望
    B->>+C: Aとして売買交渉：Aの口座に4万円送金指示
    B->>+D: Aとして売買交渉：Aの口座に4万円送金指示
    B->>+Tk: A名義でチケット出品
    C-->>-A: 4万円振込
    D-->>-A: 4万円振込
    E->>Tk: 6万5千円で落札，送金
    B->>A: 送付先をEの住所へ指示
    A-->>-E: チケット送付
    Tk-->>-B: 約6万円入金

classDiagram
    friends<|--serval
    friends<|--raccoon
    friends<|--fennec
    serval : +Waai()
    raccoon : +Omakase-nanoda()
    fennec : +Haiyo()