DoneTimer
https://gyazo.com/44d63250e814c3cd2a07f742aaec4cf0
Doneを積め
深夜テンションで作っている
https://gyazo.com/cb4df202e6c118c3ddbca33f7b537f2e
Concept
今自分が取り組んでいるタスクがどれだけ時間がかかるかを、かんたんに計測します。
そのタスクをDoneするまでにかかった時間を計測します。
最終的にそのタスクがどれだけの時間がかかって、どこで時間が削れるか?を測定したい
できる事
タスクにどれだけ時間がかかってしまったかをグラフ化する
開始時刻と終了時刻を計測できる
Pormadoroタイマーで設定ができる
https://gyazo.com/e5098aee67e4bfa7cdd068a684706735
画面ではこんな感じかな
UI図
https://gyazo.com/dbddc08951dd601ec30eace0cff2cc13
雑すぎた。
あと、技術的要因でいうと、クロック処理とタイマー処理を、Todoリストを合体させたような感じになっている。
ログインとか今はいい。
テーブル構成
Todoリストだけで良いので
code:sql
id:int AUTO_INCREMENT PRIMARY KEY
description:text
color:VARCHAR(255)
done:tinyint(1)
pomodoro_count:int
start_at:DATETIME
finish_at: DATETIME
created_at:DATETIME
updated_at:DATETIME
最終的な形
code:sql
Schema::create('todolists', function (Blueprint $table) {
$table->bigIncrements('id');
$table->text('description');
$table->text('color');
$table->boolean('done')->default(0);
$table->integer('pomodoro_count')->default(0)->unsigned();
$table->dateTime('started_at')->nullable();
$table->dateTime('finished_at')->nullable();
$table->timestamps();
});
必要な技術
LaravelでサーバサイドはCRUDを実装する。
表は素のJavaScriptで良い感じにする
クロックを表示する処理
endu clockでできそう。
タイマーをカウントダウンいていく処理
タイマーに合わせてクロックにも状態が反映されていく処理
実装手順
1まずは、簡単なTodoリストを作ってみる
テーブルスキーマを定義する
フォーム画面を登録
追加、編集、削除を実装
2タイマー処理を実装する
タイマーで開始した時間と終わった時間から計測を行う
開始した時間:pomodoro_start_at
start_at:DATETIME
done_at: DATETIME
かかった時間は done_at - start_at
3クロック処理を実装する
クロックを表示する
4開始時間を押したら、その分クロックが25分赤く塗りつぶされる
これが一番難しい気がする
https://gyazo.com/a65f85af60a091684d051db654341958
5 ポマドーロカウントをクリックしたら、その分タイマーが増えていく
6 ロゴを整える...かなぁ
アイディア
アイディアってマジで手を動かさないとでてこないんだなと思った
開始するタイミング
Todoリスト追加時に開始する
追加したタイミングで終了時刻を表示させる
途中経過
2019/12/19 03:21
マジで眠いが
https://gyazo.com/118dea1b2cdc679922e901f602f788e1
https://gyazo.com/403ad7a406f5951fd5efdc41b9995b87
バグ
開始時刻が入らない状態で、doneをすると、日時の差分の計算部分でバグが出てとまる。
https://gyazo.com/89954316f420434840bf6dee9ecb1da8
イベントが複数入っているパターンだど、後ろに追加されたイベントが反応されない。
2020/1/3
残りやるべき事
Todoリストを良い感じに上下に移動と切り替えが出来る
Todoリストの時間を元に時計に描写が出来る
Todoリストの時間を元にグラフに描写ができる
SignUpとLogin機能
使って思った事
後からカテゴリー変更できないのか
事前調査
これ見てたら、もう作る気力がなくなってきた