koku

シンプルなカウントダウンタイマーです。TypeScript と Web 標準 API を中心に実装しています。

特徴

• 大きめのタイマー表示
• ライト、ダーク、システムテーマ
• モノスペースとデジタルフォントの切り替え
• タイマー完了時のサウンド通知
• モバイルとデスクトップの両対応
• ミリ秒単位のカウントダウン表示
• 設定のローカル保存

使い方

開発

npm install
npm run dev
npm run build
npm run preview
npm run deploy
npm run clean

使用方法

1. 設定ボタン (⚙) をクリックしてタイマーを設定
2. 時間、分、秒を設定
3. お好みのテーマ、フォント、サウンドオプションを選択
4. 再生ボタン (▶) をクリックしてタイマーを開始
5. 必要に応じて一時停止 (⏸) とリセット (↺) ボタンを使用

開発サーバー

npm run dev で Vite の開発サーバーが起動します。index.html をエントリにして、/src/timer.ts を読み込みます。

静的ファイルは public/ 配下に置きます。開発時は / から配信され、本番ビルド時には dist/ にコピーされます。