ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

そこで使ってみたいのが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.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2