Studio / 作品PomoLab|作業履歴を記録・可視化できるポモドーロタイマー
集中と休憩を、自分のリズムで。作業履歴をこのブラウザに記録するポモドーロタイマー。
TypeScriptLocal Storage
ポモドーロタイマーの使い方
ポモドーロは、集中して作業する時間と短い休憩を交互に繰り返す時間管理の方法です。PomoLabでは、初期設定で「25分集中 → 5分休憩」を繰り返し、集中を4回終えたら15分の長い休憩を取ります。
- 取り組む作業を決め、必要なら作業名を入力します。空欄でも始められます。
- 「集中」を選んで「開始」を押し、タイマーが終わるまで作業に取り組みます。途中で離席するときは「一時停止」を使ってください。
- 集中が終わると休憩が自動で始まり、休憩が終わると次の集中へ進みます。中断するときは「一時停止」や「途中終了」を使ってください。設定で自動開始をOFFにすると、毎回手動で開始できます。
- 作業後は、下のグラフや履歴で集中時間を振り返れます。途中で切り上げる場合も、「途中終了」からそこまでの作業を記録できます。
集中・休憩の長さや通知音は、ページ下部の「時間・通知・データの設定」で変更できます。まずは初期設定で試し、自分に合うペースへ調整してください。
別のタブでPomoLabを操作中です。このタブは表示のみです。
ONE SESSION AT A TIME
集中準備ができたら、始めましょう。
終了予定を過ぎたセッションがあります。記録するか選んでください。
別のタブが操作権を持っています。「このタブで処理する」で引き継げます。
作業のリズム
日別の集中時間
日別の数値を見る
作業別の集中時間
作業履歴
時間・通知・データの設定
バックアップ
制作の背景と記録
この作品を作った理由、使い方、試したことをブログで紹介しています。

· プログラミング
作業時間を記録し、日別・作業別のグラフで振り返れるポモドーロタイマー『PomoLab』を作りました。作った理由や使い方、ブラウザ内に履歴を保存する仕組みと、実際に使った感想を紹介します。