Stopwatch & Timer

ストップウォッチ & タイマー

ストップウォッチ、カウントダウンタイマー、Pomodoro タイマーを 1 ページに。ミリ秒精度、アラーム、ブラウザ通知、URL ディープリンク — すべてブラウザ内で完結。

非常に高精度です。タイミングの基準として `performance.now` — 壁時計の変更の影響を受けない高分解能の単調増加クロック — を使用し、表示の描画は `requestAnimationFrame` で駆動しています。8 時間のストップウォッチ稼働でもドリフトは 100 ms 未満。秒以下の用途(スポーツ、科学、音楽)でも、表示されるセンチ秒はスマホのストップウォッチアプリと一致します。

はい。表示時間は単調増加の基準(`performance.now`)から計算しているため、ブラウザが非表示タブの JavaScript をスロットリングしても、タイムアップイベントは発火し、タブに戻ったときの経過時間は正しいままです。非表示中に発火した場合、アラーム音はタブに戻った瞬間に再生されます。ブラウザ通知は非表示でも即時に表示されます。

00:00.00

Lap タイム

ストップウォッチの動作中に Lap(または L キー)を押すと、Split タイムを記録します。

サウンドと通知

キーボード:Space = 開始/一時停止 • R = リセット • L = Lap

集中作業、料理、教室、ライブイベントのために

3 つのモード、ミリ秒精度、そして違いを生むちょっとした工夫。

1 ページに 3 つのモード

ストップウォッチ、カウントダウンタイマー、Pomodoro タイマーが 1 つの大きな数字表示を共有。クリックで切り替え、各モードは状態と Lap を独立して保持します。

ミリ秒精度、ドリフトなし

performance.now で駆動 — 壁時計の変更やタブのスロットリングの影響を受けない、単調増加の高分解能クロック。8 時間連続稼働でもドリフトは 100 ms 未満です。

アラーム + ブラウザ通知

ゼロ到達時に Web Audio で Beep / Chime / Bell を再生、加えてシステム通知で別タブにいても気付けます。ページタイトルと favicon も点滅します。

Lap タイム(Split + 合計)

ストップウォッチは無制限の Lap を記録し、Split と累計の両方を表示 — インターバルトレーニング、レース練習、スピードランに最適。

フルスクリーン + URL ディープリンク

教室、ライブ配信、イベント向けにワンクリックでフルスクリーン化。`/?t=300` を共有すれば 5 分タイマーが即起動 — 設定不要。

プライバシー設計

すべての処理はあなたの端末上の JavaScript で動作。タイマーイベント、Lap、Pomodoro カウントの一切を送信しません。DevTools → Network を開いて、外部リクエストがゼロであることを確認できます。

ストップウォッチとタイマーの使い方

同じ大きな数字表示を 4 通りに使い分けます。

  1. 1

    モードを選ぶ

    上部の ストップウォッチカウントダウンPomodoro をクリック。各モードは独立した状態を保持するため、後で戻ると続きから再開できます。

  2. 2

    Lap 付きストップウォッチ

    開始(または Space)を押すとミリ秒精度でゼロからカウントアップします。Lap(または L)で Split を記録 — 下のテーブルに Split と累計の両方が表示されます。リセットですべてをクリア。

  3. 3

    カウントダウンタイマー

    入力欄に時間を入力します — 例:5m1h 30m25:00、または単に 10(10 分)— そして 設定 を押します。クイックプリセットチップでも OK。開始 でスタートし、ゼロでページが鳴り、タイトルが点滅し、(許可していれば)システム通知が表示されます。

  4. 4

    Pomodoro 集中ブロック

    プリセット(デフォルト 25 / 5 / 15)を選ぶか、集中 / ショート / ロングの分数とサイクル数を独自に入力します。タイマーは集中 → ショート休憩 → 集中 → … と自動的に進み、設定したサイクル数の後にロング休憩が挿入されます。下部のサイクルカウンターは完了した集中ブロックを追跡します。

活用シーン

ブラウザ内タイマーがスマホやキッチンタイマーより便利な、4 つの代表的なシナリオ。

Pomodoro / ディープワークセッション

25 分の集中時間と 5 分の休憩で気を散らすものを遮断。タブが非表示でもブラウザ通知で気付け、サイクルカウンターで今日完了したブロック数が分かります。

料理、ベーキング、抽出

ゆで卵(6 分)、パン生地の発酵(1 時間)、お茶の抽出(3 分)、クッキーの焼成(12 分)。ワンクリックのプリセットがキッチンでよく使う時間を網羅します。

HIIT、インターバルトレーニング、スピーチ練習

スプリントセットには Lap 付きストップウォッチ、Tabata 20 秒 / 10 秒にはカウントダウン、TED スタイル 18 分のスピーチ練習にも。アラームが超過のタイミングを正確に教えてくれます。

教室、ライブ配信、イベントのタイミング

電子黒板にフルスクリーン表示してクラス全体に投影。`?t=45m` を共有すれば、生徒も同じカウントダウンをローカルで実行できます。ライブ配信の OBS オーバーレイにディープリンクを埋め込めば、オークションやプレゼント企画のカウントダウンに使えます。

100% プライベート — ブラウザ内で動作

タイマーイベント、Lap タイム、Pomodoro カウントは端末から外に出ません。DevTools → Network を開けば、使用中の外部リクエストがゼロであることが確認できます。

  • すべてのタイミング、アラーム音(Web Audio API)、Lap 記録は、あなたのマシン上で JavaScript として実行されます — ページのソースで確認できます。
  • ブラウザ通知は標準の `Notification.requestPermission` フローを使用し、ローカル保存の設定以外は何も保存しません。
  • ログイン不要、タイマー値のテレメトリなし、サードパーティ API なし。Cookie は同意状態用と言語設定用の 2 つだけです。

関連ガイド

集中、生産性、ブラウザのタイミング精度に関する厳選チュートリアル。

よくある質問

このタイマーの精度はどのくらいですか?

非常に高精度です。タイミングの基準として `performance.now` — 壁時計の変更の影響を受けない高分解能の単調増加クロック — を使用し、表示の描画は `requestAnimationFrame` で駆動しています。8 時間のストップウォッチ稼働でもドリフトは 100 ms 未満。秒以下の用途(スポーツ、科学、音楽)でも、表示されるセンチ秒はスマホのストップウォッチアプリと一致します。

タブを切り替えてもタイマーは動き続けますか?

はい。表示時間は単調増加の基準(`performance.now`)から計算しているため、ブラウザが非表示タブの JavaScript をスロットリングしても、タイムアップイベントは発火し、タブに戻ったときの経過時間は正しいままです。非表示中に発火した場合、アラーム音はタブに戻った瞬間に再生されます。ブラウザ通知は非表示でも即時に表示されます。

Pomodoro テクニックとは何ですか?

Pomodoro は 1980 年代後半に Francesco Cirillo が開発した時間管理法です。25 分の集中ブロックと 5 分のショート休憩を交互に行い、4 回目の集中ブロック後に 15〜20 分のロング休憩を取ります。固定リズムが意思決定の疲労を減らし、脳の自然なウルトラディアンリズムを活用します。デフォルトプリセットは 25 / 5 / 15、ロング休憩までのサイクルは 4 — すべて編集可能です。

タイマーのリンクを共有できますか?

はい。URL に `?t=` と任意の長さを追加します。例:5 分タイマーは `https://timer.ikit.app/?t=300`、`?t=25m` や `?t=1h30m` も使えます。ストップウォッチへのディープリンクは `?stopwatch=1`、Pomodoro モードは `?pomodoro=1`。ブックマーク、授業計画への埋め込み、チャットへの貼り付けに便利です。

サーバーに何か送信されますか?

いいえ。タイマー、アラーム音、Lap 記録、Pomodoro の状態、通知のすべてはブラウザ内で動作します。タイミングイベントは端末から外に出ません。DevTools → Network で確認可能で、使用中の外部リクエストはゼロです。Cookie は同意状態用と言語設定用の 2 つだけ使用しています。