GitHub、Markdownファイルに「Mermaid」で図を挿入可能に：Markdownで素早く図を作成、編集できる

GitHubは、MarkdownファイルでJavaScriptベースの作図ツール「Mermaid」を使って、インラインで図を作成できるようにした。

[＠IT]

　GitHubは2022年2月14日（米国時間）、MarkdownファイルでJavaScriptベースの作図ツール「Mermaid」を使って、インラインで図を作成できるようにしたと発表した。

　Mermaidは、Markdownにヒントを得たテキスト定義を使って、ブラウザ上で動的に図を作成する。フローチャート、UML（統一モデリング言語）、Gitグラフ、ユーザージャーニー図、ガントチャートなど、ソフトウェアプロジェクトでよく使われるさまざまな図をサポートしている。

```mermaid
  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;
```

　例えば、上の生のコードブロックは、レンダリングされたMarkdownでは、次のように表示される。

提供：GitHub

MarkdownファイルにMermaidで図を挿入する仕組み

　GitHubによると、Markdownファイルに「mermaid」とマークされたコードブロックがあると、生のMermaid構文をMermaid.jsに渡すiframeが生成され、そのコードがローカルブラウザで図として表示される。