はんなりと、ゆるやかに

アジャイル、スクラムが好きが日々から学んだことをアウトプット

ObisidianのMind Mapプラグインでマインドマップを書く

Obisidian の Mind Map プラグインを使ってmarkdown記法で書けるマインドマップを試してみました。

github.com

インストール方法

Obisidianのコミュニティープラグインから Mind Map を検索すると見つかります。

使い方

適当なノートを作って、コマンドパレットから「Mind Map」を選ぶとプレビュー用のタブが表示されます。

markdown記法ごとのマップ

見出し

# 見出し1-1
## 見出し2
### 見出し3-1
#### 見出し4
### 見出し3-2
##### 見出し5
###### 見出し6
# 見出し1-2


見出しのサイズが小さければ(# が多ければ)階層も深くなります。

リスト

* リスト1-1
  * リスト2
    * リスト3
      * リスト4
        * リスト5
          * リスト6
            * リスト7
* リスト1-2
1. リスト1-1
1. リスト2
1. リスト3  
    1. リスト3-1
1. リスト4


箇条書きリストも番号付きリストも対応されています。リストはネストすることで階層を表現できます。

チェックボックス

- [ ] タスク1
- [x] タスク2


チェックリストは箇条書きリストと同じ見た目になります。
チェックに応じて表示も変わります。

引用

> 引用1-1
>> 引用2
>>> 引用3
> 引用1-2
>>>> 引用4


引用の数が階層として表現されます。

文字の装飾

* ab *cd* ef
* ab **cd** ef
* ab ~~cd~~ ef


文字の装飾も分かりやすい

コードの入力

# 見出し1
* `コード`を書く
* `設計`をする

「`」で囲った部分がハイライト表示されます。

折り畳み

# <details><summary>abc</summary>def</details>



折り畳みのマークはでますが、展開は変でほとんど見えません。

リンク

# 見出し
* [ブログ](https://iucstscui.hatenablog.com/)


リンクも使えます。

画像の埋め込み

# 見出し
* ![Blog](https://3.bp.blogspot.com/-dknWIXCSs-w/WCqdlXLjszI/AAAAAAAA_j0/AygXNzLm3MclEb3x69Mr195tK84RUfKuACLcB/s800/blogger_man.png) 


画像へのリンクを記述すれば画像も表示されます。

| 左 | 中 | 右 |
|:-----------|------------:|:------------:|
| 左1 | 中1 | 右1 |
| 左2 | 中2 | 右2 |


表を書けばそれっぽく表現されます。

参考

VS Codeでも同じことを試しています。
iucstscui.hatenablog.com