時間見直しのための「円グラフ タイムスケジュール作成」ツール

勉強がてら、「円グラフ タイムスケジュール作成」ツールを作成しました✨

なぜ、作成したかというと、勿体無い時間の使い方をしているのでは？と思い、見直しのためみも時間の使い方を見やすく視覚化したかったから。

このツールで特にやりたかったのは、色分けです！そして色分けのコードをコピペで簡単にやりたかったのです。
色分けしたかったのは、時間を以下の三つにわけたかったから。

・投資（勉強とか運動とか未来の自分への投資の時間）
・生活時間（食事、お風呂など生活する上で必要な時間）
・浪費（スマホをダラダラ見ていたり、テレビをなんとなく見ていたり）

ということで、上記の画像のように分けてみました。（さらに細かくしてみましたが汗）
赤と黄色が自己投資で、薄水色と紫色が生活時間、灰色が何もないところです。
夜に自由時間を設けているにも関わらず、ダラダラ時間が2時間半ほどもある。。
わかっていましたが💦、可視化されました。。
（もちろん、ダラダラする時間も必要ですが）

可視化できたので、理想のタイムスケジュールも作成したいと思います！
赤と黄色の投資時間を増やしたい！☺️

他にも・・・

・カラーコードごとの集計
・データのエクスポート・インポート
・円グラフの画像ダウンロード

の機能を頑張ってつけてみました。

皆さんも時間の可視化、理想のタイムスケジュール作成にいかがでしょうか？😌

こちらから→https://time-schedule.fuuu.work/

ちなみに、使用した技術は
React、TailwindCSS、Viteです。