productivity

Pomodoro Timer

作業中も画面の隅に置けるPicture-in-Picture対応のポモドーロタイマー。集中・休憩・履歴をブラウザ内で管理します。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。

このツールについて

Pomodoro Timerは、集中と休憩を繰り返すポモドーロ方式を、作業中に邪魔になりにくい形で使うためのブラウザタイマーです。基本の25分集中・5分休憩・15分長休憩を好みに合わせて変更できます。

対応ブラウザでは操作可能なDocument Picture-in-Pictureを使い、別タブや別アプリで作業しながら小窓にタイマーを置けます。タイマー状態、今回やること、設定、履歴はブラウザ内に保存されます。

こんなときに便利

  • 作業や勉強を25分単位で区切り、休憩を忘れずに取りたい
  • タイマーを小窓で常に見える場所へ置きながら別のアプリで作業したい
  • 集中時間や脱線回数を軽く記録して、自分の作業リズムを把握したい

できること

このツールで利用できる主な機能です。

使い方

  1. 「このセッションでやること」に今回集中する対象を1つ入力します。
  2. 必要に応じて集中・短い休憩・長い休憩の時間を設定します。
  3. スタートを押し、デスクトップでは必要ならPiPを開きます。
  4. 集中が途切れたら脱線を記録し、流れを切りたくない場合はFlow延長や+5分を使います。
  5. セッションを完了すると休憩へ進み、今日の集中時間や履歴を確認できます。

対応範囲

  • タイマー: 集中・短い休憩・長い休憩。時間は変更可能。
  • PiP: Document Picture-in-Picture対応。非対応時はVideo PiPまたは通常表示へフォールバック。
  • 記録: 今日の集中時間、完了セッション数、脱線回数、最近の履歴。
  • 保存: 設定・進行中状態・履歴をLocalStorageへ保存し、JSONで書き出し / 読み込み可能。

制限・注意点

  • Document Picture-in-PictureやVideo Picture-in-Pictureはブラウザ・OSによって利用できない場合があります。
  • デスクトップ通知にはブラウザの許可が必要です。
  • ブラウザのサイトデータを削除すると、JSONへ書き出していない履歴は失われます。
  • クラウド同期や共有タスク、本格的なToDo・プロジェクト管理は搭載していません。

よくある質問

一般的な25分・5分以外にも設定できますか?

はい。集中、短い休憩、長い休憩の時間はそれぞれ変更できます。

別のアプリで作業していてもタイマーを見られますか?

対応ブラウザではPicture-in-Pictureの小窓を表示できます。Document PiPが使えない場合もVideo PiPや通常画面でタイマー自体は利用できます。

タイマーの履歴はサーバーへ送られますか?

いいえ。設定や履歴はブラウザのLocalStorageに保存され、Browser Kittyへアップロードしません。

25分経っても集中を続けたい場合は?

Flow延長を使うと00:00で強制的に休憩へ移らず、超過時間をカウントしながらそのまま集中を続けられます。

オフライン版・ソースコード

GitHubのdist/index.htmlは完全内包の単一HTMLです。通常のタイマーはローカルでも利用できますが、PiPや通知など一部機能はブラウザや実行環境によって制限されます。

GitHubでソースを見る