🧜‍♀️

【Markdown】Mermaid.jsで使えない?文字

2022/01/23に公開1

はじまり

この記事を書いた発端は、以下の記述をしたときのことです。

動く記述

動く.md
```mermaid
graph LR;
	A[開発]-->B[テスト動作確認];
	B-->C[結合環境にマージ];

動かない記述

動かない.md
```mermaid:
graph LR;
	A[開発]-->B[テスト・動作確認];
	B-->C[結合環境にマージ];

原因

今回、Mermaidがレンダリングされなかった原因がどうやら、「・」が入っていることのようです。(普段、英語でMermaidを書いていたら気づきませんよね・・・)
そこで、Mermaidを使うにあたって使用できないと思われる文字を少し調べたので、以下に挙げます。

Mermaid.jsで使えない?文字

僕が調べて使えなかった文字は以下になります。

!”#$%&’()=^〜|¥1234567890@`「」{};:+*<>、。・?_

おしまい

日本語でMermaidを書くときは使う文字に注意する。
まだ、使えない文字があるかもしれないので、Mermaid Live Editorで確認しながら、作っていくのが確実ですね。

Discussion

narusenaruse

mermaid 記法 と調べ際に、たまたまこちらのページを拝見しましたので、コメントをさせていただきました。

既にご存じかもしれませんが、ダブルクォーテーション(")で囲むと記号も表示できます。

#34; のように、ASCIIコード(10進数)でも記号を入れられるみたいですね。