タイマー名と設定時間（分・秒）を入力して追加する。 それぞれのタイマーは円グラフで残り時間を視覚的に表示し、中央に残り時間を文字で表示する。 スタート、ストップ、リセット、削除の操作ボタンがある。 タイマーが終了すると音が鳴り、通知 ...

日曜日の午後、コーヒーを片手にプログラミング。最高の休日じゃないですか？※プログラミングするのはいつも通りClaudeDesktopです！ 今日はClaudeとペアプログラミングで、実用的なWebアプリをたった30分で作ってみました！ 題材は「ポモドーロタイマー」。

今度は配置した四角形のサイズを変更してみます。ただ変更するだけでは面白くないので、3分タイマーを作成してみます。時間の経過とともに四角形の縦幅が小さくなるようにします。 まず四角形を図のように設定します。 次に「ループ」のカテゴリを ...