概要
CursorのComposerモードに以下のプロンプトを入力すれば、React/JavaScriptベースの楽しくインタラクティブなクイズゲームが自動生成されます。中学1年生のNEW CROWN（三省堂教科書）内容に特化：Lesson1「About Me」（be動詞・自己紹介）、Lesson2「My Hero」（can）、Lesson3「My Treasure」（what/who/is）、Lesson4「My Summer Plans」（過去形）、Lesson5「Ms. Brown’s Family」（3人称・Whose）など。クイズ形式は選択肢、穴埋め、マッチング。楽しくするために、正解アニメ（星爆発・音）、ポイント・レベルアップ、ハイスコア保存、かわいいキャラUIを追加。作成時間目安: 15〜30分。
推奨プロンプト一覧
| ゲームタイプ | プロンプト例 | 特徴・追加Tips |
|---|---|---|
| 基本クイズ（全レッスン対応） | "ReactでNEW CROWN中1英語クイズゲームを作成。クイズデータJSONに20問追加：例1. 'I a student.' A.am B.is C.are (正:am, Lesson1 be動詞)。例2. 'She soccer.' A.can play B.plays can C.can plays (正:A, Lesson2)。例3. 'What is this? It's a ___.' A.book B.books C.books' (正:A, Lesson3)。他: 家族単語(母:mother)、過去形(I went to the park.)、Whose bag?など。4択選択、正解で緑アニメ+100pt、間違いでヒント。レベル1-3、LocalStorageハイスコア。画面: かわいいキャラ、Nextボタン、音効果(ブラウザAudio)。" | 初心者向け。全教科書カバー、繰り返し学習に最適。生成後、クイズ追加簡単。 |
| タイムアタックモード | "JavaScript/HTML CanvasでNEW CROWN中1クイズをタイムアタックゲームに。10問ランダム（be動詞、can、数:How many apples?、色、家族:This is my ___.)。60秒カウントダウン、正解で時間+5秒ボーナス、星パーティクルアニメ。終了時スコアランキング。モバイル対応、タッチ操作。BGMループ、正誤音。JSONデータ: [{'q':'Can you swim?','options':['Yes, I can.','No, I cans.','I cans not.'],'ans':0}, ...] 15問分。" | 競争心刺激、速さ重視。クラス対戦に。Canvasでビジュアル派手。 |
| ユニット別マッチング | "ReactアプリでNEW CROWN Lesson別クイズ。タブ: Lesson1(自己紹介be動詞)、Lesson5(家族Whose)、Lesson6(現在進行形)。マッチング+選択: 英語→日本語or逆(hero:あこがれの人物, treasure:宝物)。ドラッグマッチ、正解花火アニメ、間違え振動。進捗バー、復習モード。データ例: Lesson1 [{'en':'I am Ken.','jp':'私はケンです。'}]。全6Lessonカバー、星集めでバッジ。" | 教科書順で復習。ドラッグUIで中1楽々。復習機能で定着率UP。 |
| What Am I? クイズ（Project風） | "Vanilla JSでNEW CROWN Project1 'What Am I?'スタイルクイズゲーム。ヒント3段階(例: It's red. / It's a fruit. / Apple.)で推測、選択肢4つ。トピック: 食べ物、家族、趣味(soccer, swimming from Lessons)。正解で拍手音+コイン、5問クリアでボス(過去形文)。スコア共有URL生成。かわいいイラスト背景。" | 教科書Project再現、推理楽しく。ヒントで難易度調整、グループ学習向き。 |
| 音声対応フルクイズ | "React+SpeechSynthesisでNEW CROWN中1音読クイズ。質問音声再生(例: 'What is your name?' → タイプor選択 'My name is Taro.')。文法: 過去形(Did you go?)、進行形(What is he doing?)。正解星雨アニメ、ミス再挑戦。20問、難易度選択。マイク入力オプション(簡易)。データに音声テキスト含む。" | リスニング/スピーキング強化。ブラウザ音声で無料、発音練習に。 |
作成ステップ
- Cursorで
npx create-react-app newcrown-quiz実行。 - Composerにプロンプト貼り付け→コード生成。
npm startでテスト、AIに「バグ修正」や「日本語UI追加」依頼。- Vercelデプロイで共有。Proプランで高速・正確。
これで中1生徒が夢中になるゲーム完成！ クイズデータをカスタム増やせます。
【三省堂】令和7年度版 中学校英語教科書「NEW CROWN」のご案内
NEW CROWN English Series 1 指導・学習内容一覧 PDF
NEW CROWN 1 内容一覧
