IT ライフハック

Notionでマインドマップが描けるようになった

プロフィール画像

まる

4歳の長男と楽しく暮らすシングルファーザーです。 父親目線での育児、家事について発信していきます。ひとり親家庭や父親に寄り添った情報を増やしたい、という思いで活動を始めました。 趣味はスポーツ観戦と晩酌。成長した息子とビール片手にスポーツ観戦することが、小さな夢です。

待望のNotionで、マインドマップが描けるようになりました!

なので、早速試してみました。

以前はエラーでマインドマップが表示されませんでしたが、2023年5月6日時点でエラーが解消されていることが確認できました。今は問題なくマインドマップを表示することができます。

どんな感じ?

こんな感じになりました。かっこいい。

表示方法は3つありました。

  1. コードのみ表示する
  2. マインドマップのみ表示する
  3. コードとマインドマップを表示する

コードのみマインドマップのみコードとマインドマップ

描き方

コードブロックを使ってMermaid記法で書いていきます。

Mermaidの書き方はこちらを参照ください。

https://mermaid.js.org/syntax/mindmap.html

スラッシュを入力して、codeを選択します。

言語はMermaidを選択します。

これで、Mermaidでマインドマップを描けるようになりました。

サンプルのコードはこちらです。

mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid

関連記事

  • この記事を書いた人
プロフィール画像

まる

4歳の長男と楽しく暮らすシングルファーザーです。 父親目線での育児、家事について発信していきます。ひとり親家庭や父親に寄り添った情報を増やしたい、という思いで活動を始めました。 趣味はスポーツ観戦と晩酌。成長した息子とビール片手にスポーツ観戦することが、小さな夢です。

HOT

-IT, ライフハック