2
0

ワイ専用のタスク管理アプリを作りました

Last updated at Posted at 2024-05-17

初めに

上のページで求めていたタスク管理アプリを探したのですが、結局見つからなかったので作成し始めてみました。
MVPが完成したので機能を紹介したいと思います。

全体像

Todo.gif

左側がカンバン、右側に一日のタイムスケジュールを表示しています。

機能1:タスクのタイムボックスを設定できる

タスクの想定作業時間を設定することが出来ます。
タスクを追加するときの左右ボタンはデフォルトのタイムボックスが異なっており、
左は15分のタスク、右は45分のタスクです。
もちろんタスクを追加してから見積もり時間を変更することも可能です。

image.png

この機能により、 一日の作業ボリュームを把握し、計画しやすくなります

機能2:タスクの実施日時を設定できる

タスクの作業予定日時をYYYY/MM/DD HH:MMまで設定できます。
右のタイムスケジュールでドラッグしても良いですし、カンバンからカレンダーで設定することもできます。

カンバンで設定する場合
image.png

この機能により1日の計画を立てることで今以降の作業を気にするがなくなるため、目の前の作業に集中できます

機能3:タスクの実作業時間を可視化できる

タスクを進行中に動かすと、タスクカード下部のバーが青くなっていきます。
想定作業時間を超えると今度は赤くなっていき、想定作業時間の二倍の時間作業をしていると全てが赤くなります。

image.png

この機能により時間を意識してタスク作業を行うことになり生産性がUPします

機能4:ネットワーク通信なし

データはローカルに保存しており、ネットワーク通信は発生していません。
機密情報が知らぬサーバ上に保存される、なんてことはありません。

細かい機能

  • タスクをクリックすることでモーダルウィンドウが開き、タスク詳細を参照更新できます
  • カンバンとタイムスケジュールの境界は左右に移動できます
  • 開始日時が設定されていないタスクを計画済みに移動すると「今の日付+5分後」でデフォルト設定します
  • タスクを完了に移動するとタイムスケジュール上のタスクもグレーアウトします
  • タスクを右クリックすることでタスクの表示色を変更できます
    • 例えば作業と打ち合わせで表示を分けたいときに有効

実装したけど削除した機能

  • タイムスケジュール上でタスクの予定開始時間を変更すると、後続のタスクも全てずれる
    • 打ち合わせの時間変更などで時間が変わった時、全てのタスク開始時刻がズレてしまうため削除
  • 45分以上のタスクが連続している場合、タスクの切れ目で15分の空き時間を自動で設定される
    • 私には15分の空き時間なんてなかったため削除

終わりに

気が向いたら設計・実装編をアップします。
更に気が向いたら機能をアップデートします。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0