背景
QiitaではMermaidでちょっとした図を描けて便利です。ただちょっとmindmapを描いてみようという時に「あれ?」となった事があったのでメモです。
解決策
タブがスペースにならないテキストエディタで入力したりタブだけコピペするなどしてがんばる💪
結論
QiitaでMermaidのmindmapを正しく表示できないときは本当のタブの代わりにスペース4つを使っていることが原因だったのでそこを注意!
本当のタブに変えたらちゃんと意図した通りの図が出ました!
悩んだ内容の説明
```mermaid
mindmap
root
node
leaf
leaf
leaf
node
leaf
leaf
leaf
node
leaf
leaf
leaf
```
↑こう書いたら
↓こう出てほしいってのが人情ってもんですが、
↓Qiitaでふつうにやろうとするとこうなります。
↑は下書き画面では↓こう見えています。
↑の2つが同じに見えるようになっていればQiitaが便利になったという事です。
注意点1: Qiitaでタブキーを押すとスペースが4つ出る
ここから原因がスタートしているようです。これはいつものことですが、本件以外に関しても、いつでも意識した方が良さそうです。
注意点2: QiitaのMermaidのmindmapでは必ずタブでなければならない可能性
本当のつらい箇所はここでしょうね。QiitaではMermaidのmindmapのタブが本当にタブでなければならないようです。
おまけ: ちなみにNotionでは……
NotionでもMermaidが使えるので念のため調べてみました。
タブの代わりにスペースを使っても意図した図がちゃんと出ます!