NotionのMermaidの使い方|コードブロックで図を描く

Mermaidで図を描くイメージイラスト デジタルワークスペース構築ガイド

Notionで、フローチャートなどの図を描きたい――そんな時に使う、Mermaidを解説します。

この記事でわかること

  • Mermaidの使い方
  • 作れる図
  • 確認できていないこと

結論から言うと、コードブロックの言語で、「Mermaid」を選ぶと、図を描けます。

1. 使い方

コードブロックを作り、言語で「Mermaid」を選びます。表示は、「プレビュー」または「分割(Split)」に切り替えられます。公式のリリースノートは、2021年12月23日の更新です。

2. 作れる図

公式のリリースノートには、フローチャート、円グラフ、ユーザージャーニー図などが挙げられています。

3. 確認できていないこと

  • 「/mermaid」のスラッシュコマンド
  • 対応する図の種類の、完全な一覧
  • 制限事項
  • 「コード」「プレビュー」「分割」の3つのモード(公式のヘルプ本文には記載がありません)

4. 関連する記事

組織図については、別記事「Notionで組織図を作る方法」をご覧ください。

まとめ

  • コードブロックの言語で、Mermaidを選ぶ
  • プレビューか分割で表示する
  • 詳しい仕様は、確認できていない

よくある質問(FAQ)

Q. どんな図が描けますか?

フローチャート、円グラフ、ユーザージャーニー図などです。

Q. 画像として保存できますか?

確認できていません。

Q. ロジックツリーには使えますか?

別記事「Notionでロジックツリーを作る方法」をご覧ください。

タイトルとURLをコピーしました