meirin-kan

Development Report

Web開発用語クイズ(無料β)を公開しました

2026.07.16

新しい学習ツール「Web開発用語クイズ」を quiz.meirin-kan.com で公開しました。

なぜ作ったか

AIがコードを書いてくれる時代になっても、「画面のどこを、どう変えてほしいか」を伝える言葉がないと、指示は通りません。逆に言えば、用語を50個知るだけで、AIへの指示の精度は目に見えて上がります。その50個だけを、集中して学べる場所を作りました。

こだわったところ

  1. 4択クイズ+「実際に触れるUI」の2本立て——モーダルやトースト通知は、読むより1回触る方が早い。画面部品を実際に動かして学べるショーケースを付けました
  2. 登録不要・記録はブラウザ内だけ——学習記録は端末のブラウザ内(ローカルストレージ)にのみ保存。気軽に始められて、データを預ける不安がありません
  3. 用語・問題はすべてオリジナル——既存の試験や書籍からの流用はせず、一から書き起こしました

学び

このアプリ自体が、「作りたい」を仕様書に変えてAIに実装させる——という私たちのやり方の実例になりました。作る過程で得た型は、次のプロダクトにそのまま引き継ぎます。

← Development Report 一覧へ