Bzzdex
← アプリを作る

なぞり打ち練習

画面の文をそのまま打つと、合っているかすぐ分かる · 学習 ●●

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

プロンプト

短い日本語の文をなぞって打つ練習アプリを作ってください。HTML ファイル一つで開き、インストールも他のファイルも要らず、ブラウザでそのまま動くようにしてください。CSS と JavaScript もその中に入れてください。

画面の上に打つ内容を出し、その下の入力欄で打てるようにしてください。一文字ごとに、合っていれば灰色、間違っていれば赤で示してください。打ち終えたら次の問題に進み、十個終えたらかかった時間と間違えた文字数を出してください。

練習する内容はコードの中に二十個ほど直接入れてください。「今日はいい天気ですね」のようなもので構いません。外から取ってこないでください。

やり直しボタンを置き、押すと順番を混ぜて最初から始まるようにしてください。画像ファイルや外部のアドレスは使わないでください。

作り終えたら、自分で打つつもりで確かめてください。間違いの印が正しい位置に出るか、最後の文字を打つと次に進むか、やり直しで記録が消えるかを見て、直して最終版だけください。

使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · 具体例を1つ見せる · 自分で見直させる

変換中の文字まで数えてしまうなら「変換中の文字は数えず、確定した文字だけ比べて」と伝えてみてください。


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

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

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

0

こんなものもあります