GitHub の Markdown で Mermaid が使えるように

GitHub の Markdown が Mermaid 形式をサポートするようなのでメモ。

Mermaid は以前、取り上げた PlantUML と同様にフローチャートや UML の画像を生成して埋め込むための DSL です。これでイチイチ画像を生成して Markdown に貼り込む必要がなくなるのでメンテナンスも楽になりますね。

Include diagrams in your Markdown files with Mermaid | The GitHub Blog

Mermaid is a JavaScript based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser.

Markdown のリポジトリと Live エディタは以下にあります。

• mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
• Online FlowChart & Diagrams Editor - Mermaid Live Editor