ウェブ画面に浮かぶ浮動パネル型タイマーで時間管理革命！（※ただし使い方による）

作業やプレゼン、オンライン会議など、時間管理が必要なシーンでサッと呼び出せるシンプルなタイマーが欲しいことはありませんか？

「Compact Countdown Timer」は、どんな Web ページ上でも（※）小さな浮動パネルとしてタイマーを表示し、ドラッグで移動、クリックで操作できる Chrome 拡張機能です。本記事ではインストール方法から便利な使い方、再表示機能、ショートカット変更までをまとめて解説します。

インストール方法

Chrome ウェブストアの拡張機能のページにアクセスし、「Chrome に追加」をクリックします。

Compact Countdown Timer - Chrome ウェブストア https://chromewebstore.google.com/detail/compact-countdown-timer/gldacfngoojoejbpmibifoddkcmbhnil

（私、タツヲが作って公開しているChrome拡張機能です）

ツールバーへのピン留めと起動

Chrome の拡張機能アイコン（パズルピースマーク）をクリックし、ピン留め（Pin）を設定すると常に表示されます。

タイマー表示はアイコンをクリックするか、ショートカット Ctrl+Shift+U（macOS は ⌘+Shift+U） でトグル（表示・非表示切替）できます。

注意：Chrome拡張機能をインストールする前から開いていたページ（タブ）は、リロードしないとそのページで拡張機能が作動しません。まずはリロードを！または、一旦閉じてまた開くでもOKです。

基本機能

浮動パネル表示

タイマーは Web ページ内に直接挿入され、常に最前面に小さなボックスとして表示されます。

ドラッグ移動

パネル上部のヘッダー部分をクリック＆ドラッグするだけで、画面上の好きな位置に移動可能。

開始／一時停止

大きな時間表示（00:00）の部分をクリックすると、カウントダウンがスタート／一時停止します。直感的な UI で操作方法に迷いません。

スライダー連動

表示下のスライダーは「残り秒数」を表し、ドラッグでタイマーの秒数を直接設定できます。カウントダウン中は自動でスライダーが動きます。

詳細設定の使い方

設定パネルは普段は折りたたまれており、右下の ⚙️ をクリックすると展開します。

Volume – 終了チャイムの音量を 0～100% で調整。

Max Time – タイマーの最大設定時間を 1～60 分で指定。設定後はスライダー上限が変わります。

操作はすべてリアルタイム反映かつ自動保存されるので、次回以降も同じ設定が復元されます。

リロード・ページ移動後の再表示

一度表示したタブでは、ページをリロードしても、内部フラグによりタイマーパネルが自動再表示されます。

また、同一タブ内でリンクをクリックして別ページに移動しても保持されるため、継続的な作業管理や会議進行にも最適です。

活用シーン＆Tips

ポモドーロ・テクニック：25分作業＋5分休憩のサイクル管理に。

オンライン会議：発言時間を測定し、議論の偏りを防止。

プレゼン練習・試験対策：制限時間を設定して、本番と同じ感覚でリハーサル。

私はFPの過去問を解くときに使っています。oviceのFP過去問会でも利用しています。

ショートカット変更方法

1. chrome://extensions/shortcuts を開く

2. 「Compact Countdown Timer」の欄で、任意のキーコンビネーションを入力

3. 保存すれば即時反映。使いやすい組み合わせに変更可能です。

まとめ

Compact Countdown Timer は、

- あらゆる Web ページ上（※）で動作

- ドラッガブルな小型パネル

- クリック＆スライダー操作の直感的 UX

- リロード後も消えない固定表示

- 細かい設定 は折りたたみでスッキリ

という特長を兼ね備えた、極めてシンプルかつ実用性の高い Chrome 拡張機能です。あなたの時間管理にお役立てください！

-----
※ 大抵のWebページで表示されますが、Chromeウェブストアなど一部のページでは表示できません