Bzzdex
← アプリを作る

フラッシュカード

表に問題、裏に答え。間違えたカードはまたすぐに出てくる · 学習 ●●

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

プロンプト

英単語のフラッシュカードアプリを作ってください。インストール不要、他のファイルも一切なしで、ブラウザでそのまま開ける単一のHTMLファイルにしてください。CSSとJavaScriptもその中に含めてください。画像ファイルや外部URLは使わず、記号が必要な場合は絵文字や文字を使ってください。

カードには問題が表示されます。クリックすると裏返って答えが表示され、その後に「覚えた」または「まだ」を押せるようにしてください。

最初のデッキとして20枚をコード内に直接埋め込み、さらに簡単なフォームから自分でカードを追加できるようにしてください。

間違えたカードは、覚えているカードよりも早く戻ってくるようにします。ここが単なるリストとは違うところです。「まだ」にしたカードは次の数枚以内に再び表示され、「覚えた」カードは一番後ろに回るようにしてください。

現在のラウンドの残り枚数を表示してください。デッキが一巡したら、1回目で正解できた枚数を表示してください。

ブラウザを閉じても、自分で追加したカードや学習の進捗が残るようにしてください。

完成したら、実際にカードを1枚「まだ」にして、本当にすぐ戻ってくるか確認してください。

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

間違えたカードが戻ってこない場合は、「間違えたカードは末尾ではなく、3枚後に戻してください」と指示してください。


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

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

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

0

こんなものもあります