複雑な情報も図式化することによって分かりやすくなりますが、バイナリにしてしまうとメンテナンスコストが大きくなります。最初こそ気合いを入れて作ったチャートもメンテナンスで一気に崩れてしまったらやる気もなくなるでしょう。 そこで使ってみたいのがMermaid Live Editorです。テキストからチャートにしてくれるソフトウェアです。

Mermaid Live Editorの使い方

Mermaid Live EditorはMermaidの記法で書いた情報をグラフィカルに表示します。

フローチャート

日本語も使えます。

日本語のフローチャート

カラーテーマが変更できます。

テーマ変更

シーケンス図もサポートしています。

シーケンス図

さらにガントチャート。

ガントチャート

Mermaid Live Editorはフローチャート、シーケンス図そしてガントチャートに対応しています。いずれも日本語が利用でき、内容はSVGファイルでダウンロードできます。エディタとして普段使うのはもちろん、システムから出力してチャートを表示するといった用途にも使えそうです。

Mermaid Live Editorはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Online FlowChart & Diagrams Editor - Mermaid Live Editor mermaidjs/mermaid-live-editor: Edit, preview and share mermaid charts/diagrams.