WEBサイトのツリー図を爆速で作成するサイトを作りました。

成果物

https://treeezu.netlify.app
下のようなツリー図が作れます。

経緯

エクセルでツリー図を作るのツラかったので作りました。

使い方

マウスオーバーでピンク色の箇所が編集可能箇所です。
ページ名を入力する箇所と線を引く箇所があります。

技術

Nuxt2.15.8
netlifyでデプロイ
保存にはlocalstrageを使用しています。サーバには保存していません。

制約

・現状、横階層が4つ、縦階層が10までにしてます。
・度々デプロイし直すのでデータの保管は保証できません。ご了承ください。
・保存はブラウザの印刷でPDF保存してください。A4に収まるかと思います。

これから

反響あったら独自ドメイン購入して、Firebaseとかで会員制にしてツリー図を保存できるようにしたいです。