ポモドーロタイマー — 25分集中と5分休憩

どんなツールか

集中する時間と休憩を交互にくり返すポモドーロタイマーです。初期設定は集中25分・短い休憩5分で、集中を4回終えるごとに15分の長い休憩が入ります。ドットで現在のセットの進み具合を、一覧で次の4つのフェーズとその長さを表示し、完了した集中の回数と合計の集中時間も記録します。

使い方

1. スタート を押すと、最初の25分の集中が始まります。一時停止と再開も同じボタンです。
2. フェーズが終わるとアラームが鳴り、次のフェーズが始まります。自動スタートをオフにしている場合は、自分でスタートを押します。
3. 次へスキップ ですぐに次のフェーズへ進み、最初から で1回目の集中に戻ります。
4. 各時間と長い休憩の間隔は設定欄で変更できます。タイマーの動作中は変更できません。
5. 全画面、アラーム音量、音のテスト、ブラウザー通知は下のコントロールにあります。

ショートカット：スペースキーでスタート・一時停止、Nでフェーズをスキップ、Rで最初から、Fで全画面の切り替え。

仕組み

• 順番：集中1、短い休憩、集中2、短い休憩、集中3、短い休憩、集中4、長い休憩、集中5……と続きます。長い休憩が入るのは、設定した間隔N回目の集中の後だけです。
• 精度：各フェーズの終了時刻を記録し、Date.now() との差を表示します。次のフェーズは前のフェーズのちょうど終了時刻からつなぐので、切り替えの遅れが積み重なりません。
• 完了回数：集中の時間が最後まで経過し、休憩が始まった時点で1回と数えます。スキップボタンで飛ばした集中は数えず、スキップした回数として別に表示します。
• アラーム：Web Audio APIで生成する短いビープ音です。ブラウザー通知は、チェックボックスをオンにしたときだけ許可を求めます。
• 保存：設定と進み具合はこのブラウザーに保存します。

設定例

設定	集中	短い休憩	長い休憩	1セットの合計
基本	25分	5分	15分	4×25＋3×5＋15＝130分
じっくり作業	50分	10分	30分	間隔2回の場合 50＋10＋50＋30＝140分
軽め	15分	3分	10分	間隔4回の場合 60＋9＋10＝79分