🐸 パタパタ時計のプレゼンタイマーを自作した話
〜社畜と蛙のための時間管理術〜
🌱 なぜ作ったのか
プレゼンしてると、たまにこうなる。
- 時間が押してる気はするけど判断できない
- スマホタイマーは存在感が弱い
- 聴衆にも「今どれくらい?」が伝わらない
- 気がついたら資料スライドの半分が残ってる
そして私は思った。
「時間管理で負けるのは、戦場で弾切れするのと同じだ」と。
だったら作ればいい。
蛙と社畜は、欲しいものが無ければ自作する生き物だ。
そこで今回、**ブラウザで動く“パタパタ時計風タイマー”**を作った。
インストール不要、ネット接続不要、HTML一枚で成立。
プレゼンにもサバゲーにも、人生の逃走にも使える。
🕰️ 今回つくったやつの特徴 テスト用URL
| 機能 | 目的 |
|---|---|
| パタパタ時計風アニメーション | 1秒ごとに“進んでる感”を可視化 |
| 時間入力(自分で設定) | 3分LTから90分講義まで柔軟に |
| プリセット(3/5/10/15/20分) | 区切りを明確にしたい時向け |
| 進行バーで残量がわかる | 聴衆にも「終わり」が伝わる |
| スタート/停止/リセット | プレゼン以外でも使えるツール感 |
視界の隅にあるだけで、発表のテンポが整う。
「残り5分で畳む判断」がしやすくなるので、内容より“空気”を制するツールとも言える。

🐸 終わりに
「時間を見失う」というのは、
蛙でいうと干した田んぼに取り残されるようなものだ。
だから私たちは自分の足で跳び、自分の道具で状況を整え、
自分のリズムで話していけばいい。
今回のタイマーが、
あなたの “跳ぶタイミング” を支える足場になるなら幸いだ。
📌 コードは利用自由・改変歓迎 商用利用、勉強会配布、社内ツール化OK

