マークダウンでいろいろな図を書く(mermaid編)

```mermaid
graph TD
    1(開始) --> 2{A or B or C?}
    2 --> A
    2 --> B
    2 --> C
    C -.->|振り出しに戻る| 1
```

```mermaid
sequenceDiagram
    会社A->>  元受け: 見積りしてください
    元受け->> 下請け: 見積りしてください
    下請け-->>元受け: 要件ください
    元受け->> 下請け: 多分こんな感じ
    下請け-->>元受け: 分かった！見積りつくります！
    会社A->>  元受け: 要件はこれです！
    元受け->> 下請け: やっぱり要件はこれで！
    Note right of　下請け: マジか！！！
    下請け-->>元受け: 見積りです
    Note over 元受け: ちょっと上乗せして
    元受け-->>会社A: 見積りです
```

```mermaid
 gantt
       dateFormat  MM/DD
       title ガントチャートサンプル
       section Aセクション
       終わったタスク      :done,    des1, 01/06,01/08
       今やってるタスク    :active,  des2, 01/09, 3d
       これからやる作業    :         des3, after des2, 5d
       これからやる作業 2  :         des4, after des3, 5d
       section クリティカルタスク
       終わった            :crit, done, 01/06,24h
       仕様作成            :crit, done, after des1, 2d
       テスト仕様作成       :crit, active, 3d
       今後のクリティカル作業:crit, 5d
       テスト実施          :2d
       その他             :1d
```

```mermaid
 classDiagram
      Animal <|-- Duck
      Animal <|-- Fish
      Animal <|-- Zebra
      Animal : +int age
      Animal : +String gender
      Animal: +isMammal()
      Animal: +mate()
      class Duck{
          +String beakColor
          +swim()
          +quack()
      }
      class Fish{
          -int sizeInFeet
          -canEat()
      }
      class Zebra{
          +bool is_wild
          +run()
      }
```

```mermaid
stateDiagram
    [*] --> Still
    Still --> [*]
    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
```

```mermaid
 pie
    title ボランティアが飼ったペット
    "犬" : 386
    "猫" : 85
    "ねずみ" : 15 
```