はじめに
Notion Tips の第22回目は、コードブロックの特殊な場合である Mermaid ブロックを作成する方法です。今回もこれまで同様これらのブロックをさまざまな方法で作成・変更してみたいと思います。このページだけを見て完結できるように内容はほぼ同様です。
Mermaid ブロックを新規作成する方法
/ コマンドで選ぶ
「/」のメニューで「コード: Mermaid」を選ぶものです。誰もが最初にやる方法ですね。ただし、かなり下の方にあるので、スクロールしないといけません。
/ コマンドで選ぶ 「/m」まで記述する
/m まで記載すると、Mermaid ブロックが一番上に来ました。
「/m」まで記述する 「```」でコードブロックを作成後に、Mermaid を選択する
Mermaid はコードブロックの特殊な場合なので、「```」でコードブロックを作成後に、言語を Mermaid に変換することもできます。候補がたくさん出てくるので、ここでもタイプして絞り込むとよいです。
「```」でコードブロックを作成後に、Mermaid を選択する
Mermaid に変換する方法
コードブロックに変換後に Mermaid に変換
Mermaid に単一作業で変換する方法はありません。まず、コードブロックに変換した後で、上の 3 の手法で言語を Mermaid に変換します。
おわりに
今回は、Mermaid ブロックの作成方法を解説しました。Mermaid で描けるものを紹介しようと思ったのですが、これも連載のネタにしてもいいと感じたので、今日は短めにここまでにしておきます。
