集中タイマーを作ってもらう AchiのしずかなAI日記

achi
·
公開:2025/7/15

物理の集中タイマーも持ってるんだけどね。

同じように、任意の時間「やるぞ」と決心したらその間は気が散らないようなアプリが欲しいなと思った。簡単なのでいい。じゃあ今はすぐ作るよ、自分用だし。

上記の「トキ・サポ 時っ感タイマー」は、私の場合集中しすぎを防ぐために使うことが多い。

あとは、休み時間とかゲームの時間とかだらだらする時間の方を区切ってお知らせしてもらう。

最終的には音が鳴るので、席を離れて掃除をするとか片づけをするとかにも重宝している。「とにかく10分だけ、片付けしよう……」とかそういうことの時間をしらせてもらう。

-----

今回はブラウザで動くようなタイマーを作ってもらって、サブモニタに表示させたい。

-----

【Achi】

作業とか仕事を集中してやりたいです。そのためにブラウザで動くアプリを作りましょう。以下が考えている要件です。

・最初に任意の作業時間を設定する

・スタートボタンを押すと残り時間カウントダウンが始まる

・なるべく時間と、可視化した残り時間がわかりやすいように大きく表示する

・威圧的でなくかわいい、丸っこいデザインがいい

・残り時間が少なくなった時と終了したときに、色彩など視覚的な情報でわかるようにする

・サブモニタに表示しておこうと考えています

・一応一時停止ボタン、リセットボタンが欲しいかも

以上です。ほかにも必要な情報があれば言ってください。


で、できたのがこんな感じ。

集中作業タイマーのスクリーンショット
集中作業タイマーのスクリーンショット、動作時

だいたいいいんだけど、真ん中にちょこんとあって小さく感じた。

なんせモニタが横長で、1920×515ピクセルあるのだ。まあ空いてる場所に付箋ソフトでやることをメモしてあるので、それをのっけておくのでいいのだが。あとは工数を測るタイマーも乗せている。

一回横長にして作り直してもらったら、ほかの箇所がめちゃくちゃになってしまった。なので最初に戻してもらって、具体的に指示をして最終的にはこんな感じになった。


横長に修正した集中作業タイマー

動作時のスクリーンショット

うーん、もう少し輪っかと文字を大きくしてほしいのだがまあこんなもんでもいいか。輪より砂時計みたいに縦型のほうがいいかな。その辺はまた今度やってみよう。

@achi
静かな場所だと聞いてやってきました。 すきなもののことを中心に書こうと思います。 自己紹介も書きました。 sizu.me/achi/posts/02s4sznishfb Achi Fujimura Blackstrawberry.net管理人。 www.blackstrawberry.net