フローチャートを利用する場面は多いですが、作成するのが面倒です。スライドツールを使って作ることもできますが、メンテナンスが大変です。フローの途中に別なフローが入ったりすると、全体をずらすことになってデザインにも大きく影響します。 今回紹介するflowchart.funはそんな心配不要です。テキストで書くだけでフローチャートが生成されます。

flowchart.funの使い方

左側にエディタ、右側にその結果となるフローチャートが表示されます。

日本語も利用できます。

flowchart.funは四角いノードとそれを結ぶ線、そして線の上に注釈を付けられます。線種を変えたり、色を使ったりはできません。シンプルなフローチャートに向いているでしょう。結果はSVGで取得できるので、Webサイトやドキュメントに貼り付けるのも容易です。

flowchart.funはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

flowchart.fun tone-row/flowchart-fun: A small app for making quick flowcharts from text ⿻