Apple Watchのタイマーインターフェースの「手触り」をWeb技術（React + Web Audio API）で再現した実験的なツールです。
Webブラウザで動くポモドーロタイマー。
Circular Timer
2026年01月17日
- 直感的な操作 円盤をドラッグして時間をセットします。Digital Crownのような操作感を目指しました。
- 触覚と聴覚のフィードバック ダイヤルを回すと「チチチ」という機械的なクリック音が鳴り、対応デバイスではハプティック（振動）フィードバックがあります。
- 集中を妨げないデザイン 操作に必要な要素以外を極限まで削ぎ落としたミニマルなUIです。
- Web Audio API クリック音やアラーム音は、mp3などの音声ファイルを使わず、ブラウザのシンセサイザー機能（OscillatorNode）でリアルタイムに生成しています。
- Canvas API 滑らかな円のアニメーション描画に使用しています。Retinaディスプレイにも対応しています。
- Haptic Feedback API モバイル端末での振動フィードバックに使用しています。