AIに書かせた関係図を、そのままブラウザで動かせる「FlowLite」を作りました
この記事で分かること
AIが生成した関係図をそのままブラウザでインタラクティブに動かせるツールを入手できる。SVGや画像に書き出す手間が省け、図のノードをドラッグして配置を調整できる点が実用的で、開発中のドキュメントや設計共有にそのまま使える。
詳細要約
AIが生成した関係図を、追加ツールなしでブラウザ上で直接操作・表示できる軽量な可視化ツール。実際に使う際は、AIに「FlowLiteで表示可能なJSON形式で出力して」と指示すれば、生成されたデータをそのままブラウザに貼り付けて動かせる。また、ノードのドラッグ移動や拡大縮小が可能で、複雑な関係性をインタラクティブに確認できる点が実務で役立つ。