# # pomodoroom

テスト週間にポモドーロタイマーを作りました pomodoroomってのは今考えました我ながらナイスな名前です読みはポモドルームか、ポモドーロームです個人的に前者の方が好きなのでポモドルームと呼称することにします作り始めたときはもっとシンプルだったのですが、欲しい機能を追加していくうちに複雑になってしまったメモが書けたり、画像を貼れたり、ミニタイマーが使えたりしますポモドーロタイマーは25分作業、5分休憩を繰り返す仕組みですが、 25分の作業時間が短くて集中力が途切れると思ったので、デフォルトのサイクルを15分作業→3分休憩→30分作業→3分休憩→45分作業→3分休憩→60分作業→5分休憩→75分作業→30分休憩にしてあります 5分の休憩ってのも、5分あるなら遊べるなと、集中が散ってしまう実感があったので好きな音楽を聞ける時間、3分にしました。本来のポモドーロタイマーでも5分休憩は音楽を聞くといいそうです Youtubeの埋め込みでBGMを再生できます再生リストのURLを入力したら再生リストが再生されます規約的に200*200pxサイズの埋込まではOKのようなので、その最小にまで縮小できるようにしています。上から付箋を重ねると隠せるサイズでもあります

ライトモードにもなりますスクリーンショット 2025-12-13 134032.png

統計として作業時間を記録する機能を簡易実装していますいいUIが思いつかなかったので、放置してますコンポーネントライブラリでいいのあったら変わるかもですスクリーンショット 2025-12-13 135350.png

下のこれいいですよね reactbitsのdockですスクリーンショット 2025-12-13 140334.png

勉強以外でも集中を維持したいときに使えるので、重宝してます最初はyusuke-kim.comにそのまま置いていたのですが、それだとキャッシュの削除を気軽に行えないのでサブドメインpomodoroで分離しました。リダイレクトの仕組みなので本体はyusuke-kim.comに置いてあります ### ### 今後の構想 Webアプリからデスクトップアプリ化したい気持ちがありますそれというのも、ブラウザを開きっぱなしにするのが若干面倒なんですねタブが隠れてると通知がこなかったりもするので、それも不便次回のテスト週間はデスクトップアプリ開発をしているかもしれません