AI で英語の並べ替え問題を作って、生徒のスマホで解けるリンクにする

英語の並べ替え問題は、日本語の文と答えの英文を AI に渡せば、1 つの HTML ページにしてもらえます。単語をタップして並べ、「答え合わせ」で正誤が出る形にして、公開した URL か QR コードを生徒に渡せば、アカウントなしでスマホから解けます。答えはページの中に入っているので、練習用で、点数をつけるテストには向きません。

プリントで出していた並べ替え問題を、生徒が自分のスマホやタブレットで何度でも解けるようにしたい。旅行の英会話のフレーズを、語順ごと覚えたい。どちらも、ChatGPT や Gemini、Claude に頼めば、アプリを入れずに作れます。このページでは、AI に頼む文と、試した結果、公開して配る手順、答え合わせの限界を説明します。単語カードをめくる形なら ChatGPT や Gemini で単語帳を作る方法、4 択のクイズなら AI で作った 4 択クイズを生徒のタブレットで解いてもらう方法 が向いています。

並べ替え問題をページにすると、こうなる

画面には日本語の文と、順番をばらした英単語のボタンが出ます。生徒は単語をタップして解答欄に並べ、「答え合わせ」を押します。まちがえた単語は、解答欄でタップすれば下に戻せます。

全問を解き終えると、「5 問中 4 問正解」のように正解の数が出ます。紙のプリントとちがって、答え合わせはその場で終わり、「もう一度」で何度でもやり直せます。

AI に頼む文

ChatGPT、Gemini、Claude のどれでも、次の文を貼って、【問題】のところを授業の英文に書きかえて送ります。

英語の並べ替え問題のページを、HTML ファイル 1 つで作ってください。生徒がスマホやタブレットで解きます。

- 問題は下の【問題】の 5 問。1 問ずつ、日本語の文と、順番をばらばらにした英単語のボタンを出す
- 単語のボタンをタップすると、上の解答欄に順に並ぶ。解答欄の単語をタップすると、下に戻る
- 「答え合わせ」を押すと、正解か不正解かを出す。不正解なら正しい英文も出す
- 「次の問題」で次へ進む。最後の問題のあと、5 問中何問正解したかを出し、「もう一度」で最初からやり直せる
- 文頭の大文字やピリオドは、答えの英文のとおりに単語に付けたままにする
- ボタンは指で押しやすい大きさ（高さ 44px 以上）、文字は大きめにする
- 名前や点数はどこにも送らない。fetch やフォームの送信、外部のサービスは使わない
- HTML ファイル 1 つで、CSS と JavaScript もその中に書く。画像は使わない

【問題】（日本語 / 答えの英文）
1. 私は毎朝 7 時に起きます。 / I get up at seven every morning.
2. あなたはどこに住んでいますか。 / Where do you live?
3. 彼女はピアノを弾くのが好きです。 / She likes playing the piano.
4. この本は私のものではありません。 / This book is not mine.
5. 窓を開けてもいいですか。 / May I open the window?

試した結果：最初の版は単語が 1 つも出なかった

この記事を書くときに、上の文で Claude が作ったページを、スマホの画面の幅のブラウザで試しました（2026 年 10 月 23 日）。最初の版は、日本語の文は出たのに、単語のボタンが 1 つも出ませんでした。単語をばらす処理に不具合があったためです。AI に「単語のボタンが出ません」と伝えて直してもらった版では、5 問とも単語を並べて答え合わせができ、わざとまちがえた問題には正しい英文が出て、最後に「5 問中 4 問正解」と出ました。

AI が作ったページは、一度で動くとは限りません。公開する前に、全問を自分で解いてみてください。動かないところは、そのまま AI に伝えれば直してもらえます。

変えたいときに足す一行

• 大文字とピリオドをヒントにしない。 文頭の「I」や、ピリオドの付いた「morning.」は、最初と最後の単語の手がかりになります。ヒントにしたくないなら、「単語は小文字にしてピリオドを外し、答え合わせでは大文字とピリオドを区別しない」と足します。
• ダミーの単語を混ぜる。 「答えに使わない単語を 1 問に 1 つ混ぜる」と足すと、難しくなります。
• 問題を増やす。 【問題】の行を足し、「5 問」のところを問題の数に変えます。
• 進み具合を残す。 「何問目まで解いたかをブラウザ（localStorage）に保存する」と足します。残るのは、その端末のそのブラウザの中だけです。1 台のタブレットを何人かで使うと、前の人の記録が見えます。

教科書や問題集の英文をそのまま載せるときは、著作権に気をつけてください。

公開して生徒に配る 4 つの手順

1. HTML のファイルかコードをボックスに入れる

ページのボックス に、AI が作った .html か .htm のファイル（2 MB まで）を「ファイルから」で選ぶか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。ここでは登録はいりません。

2. ページを受け取って、全問を解いてみる

ボックスで作るプレビューのリンクは、3 分間だけ開けます。安全のためスクリプトを止めているので、ここでは単語のボタンは動きません。「このページを受け取る（無料・カード不要）」を押して登録すると、ページがアカウントに入ります。ページの画面の「プレビューを開く」から、全問を解いて確かめます。

3. 公開する

「公開する」を押します。はじめて公開するときは「公開プランを選ぶ」の画面が出るので、料金をかけないなら「無料で公開する」を選びます。

確認の画面で無料のまま選べるのは「一般公開」です。URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。生徒の名前を書いていない練習問題なら、一般公開でかまいません。検索にもギャラリーにも出したくないときは「限定公開」を選びます（Pro・1年パス）。Free プランのままなら、ページの「サイト設定」で「このページをギャラリーに載せない」をオンにできます。この設定はどのプランでも無料です。

4. URL か QR コードで配る

公開すると、<name>.convika.page のような URL ができます。ページの画面の「QR コードを表示する」で出た QR コードを教室のスクリーンに映せば、生徒はカメラで読み取って開けます。「PNG 画像を保存する」で、プリントに載せる画像にもできます。生徒にはアカウントもアプリもいりません。QR コードの使い方は HTML ファイルを QR コードにする方法 にあります。

答え合わせの見せ方と限界

並べ替え問題のページは、生徒が自分で答え合わせをする練習用です。小テストの代わりにする前に、できないことを知っておいてください。

• 答えはページの中にある。 答え合わせはその場のブラウザでしているので、答えの英文は HTML の中に書いてあります。ページのソースを開けば、だれでも答えを見られます。点数を成績にするテストには使わないでください。
• 点数は先生に届かない。 正解の数は、生徒の画面に出るだけです。Convika は、ページが開かれた回数や、どこから来たかは記録しますが、だれが何点だったかは記録しません。
• 押された単語の文字は記録される。 公開したページで押されたボタンの文字は、Convika のアクセス解析の「CTAランキング」に記録されます（だれが押したかは記録されません）。単語のボタンを押せば、その単語が並びます。名前を書いたボタンは作らないでください。

点数を集めたいとき

一人ひとりの点数を記録するなら、Google フォームのテストが向いています。Google のヘルプによると、「テストにする」をオンにして、質問ごとに解答集で正解と点数を決めます。解答集は記述式の質問にも作れるので、並べた英文を打って答えてもらう形にできます。メールアドレスを集める設定にすれば、一人ひとりの回答を採点できます。

Convika のページにフォームを付けて送ってもらうこともできます。ページの画面の「フォームを追加する」で入れるフォームは、どの組み合わせでもメールアドレスの欄が必須です。欄の見出しは変えられるので、「問い合わせ内容」を「正解の数」にして、生徒に打ってもらう形になります。数字は生徒が自分で打つので、正しいとは限りません。Free プランで一覧に出るのは月 50 件までで、40 人のクラスなら 1 回でほぼ使い切ります（超えた分も保存され、Pro にすると見られます）。

授業での配り方

• Chromebook。 学校の Chromebook では、HTML のファイルを配っても開けないことがあります。URL を配れば、ブラウザで開けます。くわしくは Chromebook で HTML ファイルを開く方法。
• iPad。 .html のファイルを「ファイル」アプリで開くとプレビューになり、ボタンが動かないことがあります。生徒の iPad にも、ファイルではなく URL を配ります。くわしくは 生徒の iPad で HTML ファイルが開けないとき。
• Google Classroom、ロイロノート。 課題や資料に URL をリンクで貼ります。手順は Google Classroom で HTML の教材を配る方法 と ロイロノートで URL を生徒に送る方法 にあります。Convika のページは、ほかのサイトの中に埋め込んで（iframe で）表示できないので、リンクで渡します。
• 家での復習。 URL を学級通信やプリントに QR コードで載せておけば、家のスマホでも同じ問題を解けます。

問題を足したり直したりしたいとき

単元が進んだら、手もとの HTML ファイルを AI に渡して「この並べ替え問題に、次の 5 問を足して。ほかは変えないで」のように頼みます。直ったファイルを、ページの画面の「新しいバージョンのアップロード」から入れて公開すれば、URL は変わりません。配った URL も、プリントに載せた QR コードも、そのまま新しい問題につながります。手順は AI で作ったページを後から直す方法 にあります。

直すたびに、全問を一度解いてから公開してください。足した問題だけ単語が出ない、ということも起こります。

ほかの道具との比べ方

点数をつけるなら Google フォーム、決まった文法の練習を繰り返すならアプリ、授業の英文をそのまま練習問題にして、何度でもその場で答え合わせをさせたいなら、AI で作るページが向いています。

Free プランでできること

Free プランはカード登録なしで使えます。2026 年 10 月 23 日以降に作ったワークスペースの Free プランでは、公開できるのは 1 ページです。単元ごとに別のページにするより、1 つのページに問題を足していくほうが、Free のまま使い続けられます。2 つ目のページを公開するときは、Pro（月 ¥1,800）にするか、いま公開中のページと入れ替えます。入れ替えると、公開中のページは下書きに戻り、その URL は開けなくなります（ページは消えません）。

Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。40 人のクラスが 1 人 10 回開いても、合わせて 400 回です。上限に達すると編集やアクセス解析が止まり、その 7 日後からは、翌月 1 日の午前 9 時（日本時間）になるか料金を支払うまでページも止まります（2026 年 10 月 23 日より前に作ったワークスペースは、11 月 1 日の午前 9 時から）。Free のページには、下に Convika のバーが出ます。

よくある質問

英語の並べ替え問題を AI で作れますか？

作れます。ChatGPT や Gemini、Claude に、日本語の文と答えの英文を渡して「単語をタップして並べ、答え合わせができるページを、HTML ファイル 1 つで作って」と頼みます。一度で動かないこともあるので、公開する前に全問を解いて確かめ、動かないところは AI に伝えて直してもらいます。

並べ替え問題を生徒のスマホで解かせるにはどうしますか？

ページを公開して、URL か QR コードを配ります。HTML のファイルを配ると、スマホや iPad ではプレビューで開いてボタンが動かないことがあります。Convika で公開すれば、ページの画面の「QR コードを表示する」で出た QR コードをスクリーンに映すだけで、生徒はカメラで読み取って開けます。

生徒の点数は先生に届きますか？

届きません。正解の数は生徒の画面に出るだけで、Convika はだれが何点だったかを記録しません。点数を集めるなら、Google フォームのテストを使います。Convika のフォームを付けて生徒に正解の数を打ってもらうこともできますが、メールアドレスの欄が必須で、数字は生徒の自己申告になります。

生徒のアカウント登録はいりますか？

いりません。公開したページは、URL を知っていればブラウザで開けます。アカウントが要るのは、ページを公開する先生だけです。

答えをこっそり見られませんか？

見られます。答え合わせはブラウザの中でしているので、答えの英文はページの HTML に入っていて、ソースを開けば読めます。並べ替え問題のページは練習用にして、成績をつけるテストには使わないでください。

無料で使えますか？

使えます。Convika の Free プランはカード登録なしで、2026 年 10 月 23 日以降に作ったワークスペースなら 1 ページを公開でき、すべてのページの合計で月 10,000 ページビューまで含まれます。ページの下に Convika のバーが出ます。AI の料金は、使うサービスのプランによります。

Google Classroom やロイロノートで配れますか？

配れます。課題や資料に、公開した URL をリンクとして貼ります。Convika のページはほかのサイトの中に埋め込めないので、リンクで渡します。

問題を足したら、URL は変わりますか？

変わりません。直した HTML ファイルを、ページの画面の「新しいバージョンのアップロード」から入れて公開すれば、同じ URL のまま中身だけが新しくなります。配った QR コードも、そのまま使えます。

出典

• Google フォームでテストを作成、採点する（Google ドキュメント エディタ ヘルプ） (2026 年 10 月 23 日に確認)
• 「英語 並べ替え 中1」（App Store） (2026 年 10 月 23 日に確認)
• Window: localStorage プロパティ（MDN） (2026 年 10 月 23 日に確認)