ポモドーロタイマーアプリアイコン
▲お試しはこちら

■ γーPomodoro(ガンマ波ポモドーロタイマー)

40Hzの「ガンマ波サウンド」とポモドーロ・テクニックを組み合わせた、没入型集中支援ツールを制作しました。

■ 制作のポイント

40Hzガンマ波の活用: 集中力を高めると言われる40Hzのパルス音を、心地よい波の音と繊細なアンビエント音楽にブレンド。作業の邪魔をせず、自然に深い没入状態(ゾーン)へと導きます。

マインドフルなモード切り替え: 集中時間は「波の音と集中用アンビエント(環境音楽)」+、休憩時間は「鳥のさえずり」へ自動で切り替わります。聴覚から強制的にスイッチを切り替えることで、効率的な休息を促します。

UI/UXのこだわり: 無駄な視覚情報を削ぎ落とし、タイマーに集中できるミニマルなデザインを採用。直感的に操作できるよう、物理スイッチを彷彿とさせるインジケーターや、手馴染みの良いボタン配置を徹底しました。

心理的効果を狙った色彩設計: 集中モードは深いフォレストグリーン、休憩モードは心安らぐアイスブルーへと背景色がシームレスに変化。色の変化によって、意識せずとも脳が「作業」と「休息」のオンオフを切り替えられるよう工夫しました。

レスポンシブ&PWA対応: スマートフォンでもPCでも使いやすいシンプルでミニマルなUIを設計。PWA化により、ホーム画面からネイティブアプリのように素早く起動可能です。

バックグラウンド再生: スマートフォンの画面をオフにした状態や、他の作業をしている最中でもタイマーとサウンド

使用技術・ツール
HTML / CSS / JavaScript / PWA / Audacity(サウンド編集) / Photoshop / AI(アイコン・楽曲生成)

左:FOCUS(集中)時と右:REST(休憩)時



       

・2026/06/12 iPhoneがスリープすると音の切り替えがうまく作動しません。
       その際はスリープを解除してタイマーを一度ストップ
       →再スタートすると再生されます。🙇‍♀️

・2026/05/16 PWA化しました。Github Pagesにて公開中です。
      

<< 前の作品 一覧に戻る