# Mermaid 石川図のチートシート

ひとつの問題と、その下にある原因。

## 問題とその原因

最初の行が問題です。その下の行が原因、インデントがその骨組みになります。

```mermaid
ishikawa-beta
    Blurry photo
    Camera
        Out of focus
        Shutter speed too slow
    Environment
        Too dark
```

![魚骨図。頭が Blurry photo で、Camera と Environment の 2 本の骨が、それぞれ 2 つずつの原因を持っています。](/diagrams/ishikawa/basic.svg)

## 原因をまとめる

1 段下がった原因がグループで、その下の行はその原因の具体的な理由です。

```mermaid
ishikawa-beta
    Blurry photo
    Camera
        Out of focus
        Dirty lens
    User
        Shaky hands
```

![魚骨図。頭が Blurry photo で、Camera と User の 2 本の骨が、それぞれ 2 つずつの理由を持っています。](/diagrams/ishikawa/groups.svg)

## Mernyx で描いてみる

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。