背景

QiitaではMermaidでちょっとした図を描けて便利です。ただちょっとmindmapを描いてみようという時に「あれ？」となった事があったのでメモです。

解決策

タブがスペースにならないテキストエディタで入力したりタブだけコピペするなどしてがんばる💪

結論

QiitaでMermaidのmindmapを正しく表示できないときは本当のタブの代わりにスペース4つを使っていることが原因だったのでそこを注意！

本当のタブに変えたらちゃんと意図した通りの図が出ました！

悩んだ内容の説明

```mermaid
mindmap
root
    node
        leaf
        leaf
        leaf
    node
        leaf
        leaf
        leaf
    node
        leaf
        leaf
        leaf
```

↑こう書いたら
↓こう出てほしいってのが人情ってもんですが、

↓Qiitaでふつうにやろうとするとこうなります。

↑は下書き画面では↓こう見えています。
↑の２つが同じに見えるようになっていればQiitaが便利になったという事です。

注意点1: Qiitaでタブキーを押すとスペースが4つ出る

ここから原因がスタートしているようです。これはいつものことですが、本件以外に関しても、いつでも意識した方が良さそうです。

注意点2: QiitaのMermaidのmindmapでは必ずタブでなければならない可能性

本当のつらい箇所はここでしょうね。QiitaではMermaidのmindmapのタブが本当にタブでなければならないようです。

おまけ: ちなみにNotionでは……

NotionでもMermaidが使えるので念のため調べてみました。

タブの代わりにスペースを使っても意図した図がちゃんと出ます！