🎮 コードクエスト

〜 こわれたゲームを、きみのコードでよみがえらせろ 〜

これは「読んで学ぶ」レッスンではありません。壊れたRPGを1行ずつ修理すると、直した瞬間にゲームが動き出します。ステージ1〜3で HTML(骨組み)、4〜6で CSS(見た目)、7〜8で JavaScript(動き)——コースと同じ順番で、3つの言語を順に体験できます。ブラウザだけでOK・スマホでも遊べます。

🤖

ナビ

🕹️ ゲーム画面(さわれます)
🔧 修理パネル

❓ コードクエストとは

昔なつかしいRPGが、コードの故障で動かなくなってしまいました。タイトルは消え、こうげきボタンは反応せず、HPバーは色を失っています。全9ステージで少しずつ修理すると、HTML(ページの骨組み)・CSS(見た目)・JavaScript(動き)の役割が自然にわかります。進み具合はこの端末に自動保存されるので、途中でやめても続きから再開できます。

クリアした人は、HTMLコース問題ドリルに進むと、ここで触れたことを体系的に学べます。