検索
ニュース

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

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

Share
Tweet
LINE
Hatena

 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が生成され、そのコードがローカルブラウザで図として表示される。

Copyright © ITmedia, Inc. All Rights Reserved.

ページトップに戻る