Bzzdex
← アプリを作る

習慣トラッカー

毎日チェックをつけて、マスが埋まっていくのを眺めよう · 暮らし ●●

ここを変えてみてください

プロンプト

読書を記録する習慣トラッカーを、直近30日間表示で作成してください。追加のインストールや別ファイルは一切不要で、ブラウザですぐに開ける単一のHTMLファイルにしてください。CSSとJavaScriptもすべてそのファイルの中に記述してください。画像ファイルや外部アドレスは一切使わず、記号が必要な場合は絵文字や文字を使用してください。

1日1マスの四角形を横一列に並べてください。今日のマスをクリックすると完了のチェックが付きます。マスを埋めることが目的になるよう、埋まったマスが見ていて気持ちよく満足感のあるデザインにしてください。

現在の連続記録(ストリーク)と最長記録を表示してください。1日サボっただけでストリークをリセットしないでください。「1日お休み」と表示してそのまま継続扱いにしてください。1日できなかっただけで厳しくリセットされるトラッカーは、二度と開かれなくなってしまいます。

複数の習慣を追加できるようにし、それぞれ1行ずつ表示してください。

入力した内容はすべてブラウザを閉じて開き直してもそのまま残り、データがブラウザの外に送信されないようにしてください。

完成したら、昨日のマスにはチェックを付けられること、明日のマスにはチェックを付けられないことを確認してください。

使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · やらないことを指定する

1日抜けただけで全てがリセットされてしまう場合は、「ストリークが途切れる前に1日分の猶予(スキップ)を許可して」と指示してください。


返ってきたものを貼り付けてください

作るときに使ったプロンプトも残す(任意)

AIに入力した内容を貼り付けてください。公開するかは後で決められます。

0

こんなものもあります