- htta://taea.github.io/judgment-day
- ユーザーが設定した「あの日」まで、あと何日かわかるだけのサイトです
- それを見て、ワクワクしたり、焦ったり、しんみりしたりします
- 設定した日付はローカルストレージに保存されるので、同じブラウザなら何度でも見に行けます
- 「あの日」は過去の日を設定することもできます。あれからもうあんなに経ったのか…としんみりすることができます
- タイトルに特に意味はありません。ターミネーター2が好き
| あと何日(未来) | あと10以内(オッ) | あと5日以内 (やばい) | 過去(しんみり) |
|---|---|---|---|
今回も Caude Code につくってもらいました。わしも寝ぼけながら作ってたので30分くらいかかった。
下記が初期プロンプトです。
-
ある一定の日までをカウントダウンするサイトを作りたいです
-
ユーザーが任意の日付を指定して、そこからあと何日あるか見て、わくわくしたり焦ったり凹んだりします
-
画面イメージは sketch.png に描いてあります
-
私一人での個人利用を想定しています
-
リポジトリ: https://github.com/taea/judgement-day を作ってありますので、そこにpushしてください
-
github pages で公開したいです
-
iPhone のブラウザでの利用を想定していますが、PC でも見れるようにしたいです
-
プレーンな html, css, js のみで実装してください
-
DBは使わず、必要なら Local Storage を利用してください`
- カウントダウンの対象日をユーザーが選択できる input type=date が大きめに画面にあります
- ipnput の上には、「あの日まで」という文言があります
- inuut の初期値には、現在から1ヶ月後が設定されています
- input type date の下には「あと」という文言があります
- その下に、現在の日付からカウントするとあとなん「XX日」表示されます
- XX日の数字の部分は大きくインパクトのあるフォントで表示してください
- ユーザーがinputを変更したら、下の日数もリアルタイムで動的に変わります
- 入力した日にちは lodal storage に表示されます
- input には 過去の日付も入力することができます
- 過去を入寮した場合、文言が変わります
- あの日まで → あの日から, まだ → もう に変わります