高機能インターバルタイマー (Web Interval Timer)

トレーニング、勉強、仕事に。集中力を高めるための、モダンで多機能なインターバルタイマーアプリケーションです。

✨ 主な機能

柔軟なインターバル設定: 複数のタイマーを自由に組み合わせ、オリジナルのトレーニングや作業メニューを作成できます。

パワフルなサイクル機能: 設定した一連のインターバルを、指定した回数だけ自動で繰り返します。

選べるサウンド: 集中を妨げない、心地よい通知音をインターバル音とサイクル音にそれぞれ設定可能です。

視覚的なタイムキーパー: 美しい円形のプログレスバーで、残り時間を直感的に把握できます。

洗練されたUI: 集中力を削がない、ダークモードを基調としたモダンで美しいデザインです。

クイック設定: 5秒、30秒、5分など、よく使う時間をワンタッチでリストに追加できます。

🚀 デモ

以下のリンクから、実際にタイマーを操作していただけます。

https://m-masaki72.github.io/WebIntervalTimer/

使い方

時間の設定: 「分」と「秒」を入力し、「追加」ボタンをクリックしてインターバルをリストに追加します。クイック設定ボタンも利用できます。

• サイクルの設定: 作成したインターバルリストを繰り返したい回数を入力します。
• サウンドの選択: 「インターバル音」と「サイクル音」をそれぞれお好みのものに設定します。
• スタート: 「開始」ボタンでタイマーをスタートします。「一時停止/再開」や「リセット」も可能です。

🛠️ 使用技術

• HTML5
• CSS3
• Tailwind CSS: 効率的なスタイリングのために使用しています。
• JavaScript (ES6+)
• Web Audio API: タイマーの通知音を動的に生成・再生するために使用しています。
• Lucide Icons: 美しくシンプルなアイコンセットです。

📜 ライセンス

このプロジェクトは MITライセンス の下で公開されています。