Markdownが流行ると、Markdown風の記法を用いることでユーザの導入障壁を下げることができます。また、パーサーも多いのでそうしたライブラリを使うことで簡単にMarkdown風の記法が使えるようになります。 今回紹介するMarkDownDiagramもそんなMarkdown風記法を使ったソフトウェアの一つです。ダイアグラムをテキストで書けます。

MarkDownDiagramの使い方

メイン画面です。左側のエディタ部を編集すると右側のダイアグラムに反映されます。

ブロックという文字に変更してみました。

ブロックの位置はドラッグ&ドロップで変更できます。

線の色や太さを変えることもできます。

ズームもできます。

MarkDownDiagramを使えばダイアグラムを作成するのがとても簡単になります。テキスト部分を保存しておけるので、使い回すのも簡単です。さらに言えばシステムと連携して生成することもできるようになるでしょう。

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

wakufactory/MarkDownDiagram