フローチャート・図解エディタ「Nova フロー」を公開しました
新しいWebツール Nova フロー を公開しました。図形を置いて矢印でつなぐだけで、フローチャートや構成図、UMLクラス図をブラウザ上で描けるエディタです。
できること
- 図形と接続線: 矩形・角丸・ひし形・楕円・テキストを配置し、図形どうしを接続線でつなげます。線は図形の縁に吸着し、図形を動かすと自動で追従します
- 多彩な線と矢印: 直線／折れ線、実線／破線／点線を切り替えられます。端点は矢印・開いた矢印・白抜き三角・ひし形など6種類から選べ、UMLの継承・集約・コンポジションも表現できます
- グループ化: 複数の図形を選んでグループ化すると、1つの塊としてまとめて移動・複製できます。タイトルと属性・メソッドの枠を積み重ねてグループ化すれば、クラス図のボックスも作れます
- 細かな見た目の調整: 塗り・枠線・文字色をカラーピッカーで指定でき、角丸の大きさや文字のアウトライン、文字の配置も調整できます
- 書き出しと保存: 作った図はPNG／SVGで書き出せます。編集途中のファイル（.novaflow）として保存でき、作業内容はブラウザに自動保存されます
使い方
- 左のツールバーから図形を選び、キャンバスをクリックして配置します
- 接続線ツールで、つなぎたい図形を順にクリックすると矢印が引けます
- 図形をダブルクリックすると文字を入力できます。右のパネルで色や線のスタイル、矢印の形を変えられます
- できあがったら、メニューからPNGまたはSVGで書き出します
登録もインストールも不要で、開いてすぐ使えます。
データの扱いについて
図の作成・書き出しはすべてブラウザ内（クライアントサイド）で行われます。描いた内容がサーバーに送信されることはありません。作業内容はお使いのブラウザにのみ保存されるので、社内の構成図や個人的なメモにも安心して使えます。
すべての機能を無料で使えます。
こんなときに
- 設計や仕様の説明用に、フローチャートや構成図をさっと描きたい
- クラス図やER図のような、図形を線でつなぐ図をブラウザだけで作りたい
- 作った図をPNG／SVGにして、ドキュメントやスライドに貼りたい
Novare Orbis では、ブラウザ完結の無料ツールを他にも公開しています。ツール一覧はこちら。