2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

日曜大工でchatgpt codexを使ってポモドーロタイマーを作った

Posted at

はじめに

作ったやつはこれです。無料なのでよかったら使ってください。
https://ichigo-gelato.github.io/simple-pomodoro/

背景

一人では修論モチベが湧かない中、友人と作業進捗を生む会を開くことにしました。この友人、最近ポモドーロにハマっているらしく、前回は一緒に試してみました。友人はApple Watchの時計で毎回時間を測っているようですが、一緒に作業する人が切り替わりに気づかないデメリットがあります。そこで、公開されているwebアプリやスマホアプリを見繕ったところ、

・ほぼ全てのアプリが5分休憩のスタートと25分の再会の時に、別途ボタンを押す必要のあるものだった

・切り替え時にサウンドで通知されないものが多い

ことに気づき、前回は悪戦苦闘していました。

そんな折、実験で測定をかけっぱなしでたまに監視するタイプのものが挟まり、手が暫く空いたので、日曜大工的に自分でタイマー作ろうと思い立ちました。

(こんなことしている間に修論進めるべき)

要件

・スタートボタンを一度押すと25分→5分を永遠にループする

・ストップ、リセットもかけたい

・25分と5分の切り替え時に音を鳴らしたい

・最近学習したReactを使いたい

・UIはシンプルで見やすくしたい

・こんなことに時間をかけてる場合でないのでLLMにやらせたい

・金はかけない

普段はchatgptに課金して使っているのですが、コーディング時も対話型UIを使ってきたため、いい機会だと思ってcodexを初めて使ってみました。

github pagesの使用経験があったので、今回もそちらにアップロードして公開しようと決めました。Cloudflare Pagesも使って公開しましたが、こちらは一癖あって管理が面倒だったのでほったらかしになりました。

UIを見やすくするため、デジタル庁デザインシステムβ版のデザインを参照するよう指示しました

気づいたこと

修論が落ち着いたら追加予定…

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?