SUZUSHINLAB
Studio / 作品

PomoLab|作業履歴を記録・可視化できるポモドーロタイマー

集中と休憩を、自分のリズムで。作業履歴をこのブラウザに記録するポモドーロタイマー。

TypeScriptLocal Storage

ポモドーロタイマーの使い方

ポモドーロは、集中して作業する時間と短い休憩を交互に繰り返す時間管理の方法です。PomoLabでは、初期設定で「25分集中 → 5分休憩」を繰り返し、集中を4回終えたら15分の長い休憩を取ります。

  1. 取り組む作業を決め、必要なら作業名を入力します。空欄でも始められます。
  2. 「集中」を選んで「開始」を押し、タイマーが終わるまで作業に取り組みます。途中で離席するときは「一時停止」を使ってください。
  3. 集中が終わると休憩が自動で始まり、休憩が終わると次の集中へ進みます。中断するときは「一時停止」や「途中終了」を使ってください。設定で自動開始をOFFにすると、毎回手動で開始できます。
  4. 作業後は、下のグラフや履歴で集中時間を振り返れます。途中で切り上げる場合も、「途中終了」からそこまでの作業を記録できます。

集中・休憩の長さや通知音は、ページ下部の「時間・通知・データの設定」で変更できます。まずは初期設定で試し、自分に合うペースへ調整してください。

ONE SESSION AT A TIME
集中25:00準備ができたら、始めましょう。

今日の積み重ね

集中時間0分
集中完了0回

作業のリズム

日別の集中時間

日別の数値を見る

作業別の集中時間

作業履歴

時間・通知・データの設定

時間の変更は次のセッションから適用します。自動開始は初期設定でONです。画面を閉じた後や端末の休止などで終了確認が必要な場合は、次のタイマーを手動で開始してください。

バックアップ

ここまでの集中をどうしますか?

記録して終了するか、破棄できます。休憩時間は履歴に残りません。

制作の背景と記録

この作品を作った理由、使い方、試したことをブログで紹介しています。