QR コードで出席を取る。AI のページにフォームをつけて一覧を CSV で
要約
ChatGPT や Claude が作った出席ページは、フォームの送り先がなく、名前を入れて押しても記録が残らないことがよくあります。フォームを置く場所に <div data-convika-form></div> を 1 行入れて Convika で公開すると、出席は 1 件ずつメールで届き、送信一覧に日時つきで並び、CSV で書き出せます。QR コードはページの画面の「QR コードを表示する」で出せます。名前だけの出席簿で、二重の送信や受付時間の締め切りも決めたいなら、Google フォームのほうが向いています。
Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで表示
目次
毎週土曜の英会話教室で、出席を紙の名簿からスマホに変えたい。ChatGPT に頼むと、講座名と日付が大きく出て、名前を入れて「出席する」を押す、それらしいページがすぐにできます。ところが、受付の机に QR コードを貼って何人かに試してもらっても、だれが来たのかは手元に何も残っていない。
ページの見た目に問題はありません。入力された名前を受け取る先が、どこにもないのです。このガイドでは、届かない理由、名前だけなら Google フォームで足りる理由、AI の出席ページをフォームにつないで QR コードで回す手順、一覧と CSV の受け取り方、そして防げないことを順に書きます。Google のヘルプと財務省の FAQ は、2026 年 10 月 22 日に確かめました。
出席ページの入力が、どこにも届かない理由
AI が書く出席フォームは、たいてい次のどれかです。
<form>に送り先(action)が書かれていない- ボタンを押すと、ページのスクリプトが「出席を受け付けました」と出すだけ
- スクリプトから Google スプレッドシートなど、ほかのサイトへ送ろうとしている
どれも、名前は押した人のスマホの中で止まります。3 つ目は、ほかのサーバーでは届くこともありますが、Convika で公開したページのスクリプトが通信できるのは、そのページ自身のアドレスだけです。そのため、ほかのサイトへの送信は届きません。
AI の出席ページを Convika に入れると、たいていページの画面に「このページのフォームは、まだ誰にも届きません」か「このページのフォームは、送信先の…に届きません」と出ます。どちらも、下の手順 2 の「届くフォームに入れ替える」で直せます。ただ、ボタンの onsubmit で「受け付けました」と出す形などでは、届かないフォームでもお知らせが出ないことがあります。そのときの直し方も、手順 2 に書きました。
名前だけの出席簿なら、Google フォームで足りる
先に、ほかの方法とくらべておきます。出席を取るのが目的で、名前の一覧があればいいなら、Google フォームがいちばん手早い道具です。
| Google フォーム | 紙の名簿を Excel に打つ | AI で作ったページ + Convika のフォーム | |
|---|---|---|---|
| 料金 | 無料 | 無料 | Free プランは無料(一覧とメールは月 50 件まで) |
| 出席の受け取り方 | スプレッドシートに並ぶ。CSV でダウンロードできる | 手で打ち込む | 1 件ずつメールで届き、送信一覧に並ぶ。CSV で書き出せる |
| 受付の締め切り | 終了日時や回答数の上限を設定できる | 受付の人が決める | 設定はない。送信の日時は一覧に残る |
| 1 人 1 回にする | 「回答を 1 回に制限する」(回答者は Google アカウントにログインする) | 受付の人が確かめる | できない |
| 画面 | Google フォームの形 | 紙 | AI に頼んだとおりの見た目(講座名、日付、案内) |
Google のヘルプ フォームを公開して回答者と共有する によると、「回答を 1 回に制限する」をオンにすると、フォームに入力するには Google アカウントへのログインが要ります。ヘルプ フォームの回答を表示、管理する によると、「回答を受付中」から終了日や回答数の上限を決められ、回答はスプレッドシートで見たり、CSV でダウンロードしたりできます。
AI で作ったページが向くのは、教室や講座の顔になる画面のまま出席も受けたいとき、受付で今日の案内も一緒に見せたいとき、出席のたびにメールで知りたいときです。二重の送信や締め切りを仕組みで止めたいとき、同じ Wi-Fi から 1 分に 6 人以上、1 時間に 21 人以上が送る出席を取るときは、Google フォームを選んでください(くわしくは下の 受付時間、二重の送信、会場の Wi-Fi)。Google フォームをページの中に入れる方法は HTML のページに Google フォームを埋め込む方法 にあります。
AI に出席ページを頼むときの書き方
これから AI に作ってもらうなら、次の文を貼り、【】の中を書きかえて送ります。フォームは AI に作らせず、置く場所だけを書いてもらうのがこつです。
講座の出席を受け付けるページを、HTML ファイル 1 つでつくってください。
- 講座名: 【土曜の英会話教室】
- いちばん上に、講座名と今日の日付を大きく出す(日付は開いた端末の日付を表示するだけでよい)
- 説明は 2 行まで:「名前を入れて、ボタンを押してください。押したら画面を受付の人に見せてください」
- 入力フォームは自分でつくらず、フォームを置く場所に <div data-convika-form></div> とだけ書く
- 電話番号や住所の欄はつくらない
- スマホの縦画面で読みやすく、ボタンは高さ 44px 以上
- CSS と JavaScript もファイルの中に書き、外から読み込むものは使わない
すでに出席ページがあるなら、作った AI に「出席のフォームを消して、その場所に <div data-convika-form></div> とだけ書いて」と頼みます。送り先のない古いフォームは、手順 2 で入れ替えることもできます。
出席ページにフォームをつなぐ 4 つの手順
1. ファイルかコードをボックスに入れる
ページ冒頭のボックス に .html か .htm のファイル(2 MB まで)を「ファイルから」で選ぶか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。ここまで登録はいりません。
できたプレビューは 3 分間だけ開ける、見た目を確かめるためのものです。スクリプトとフォームは止まっていて、QR コードには使えません。
2. ページを受け取り、届くフォームを入れる
「このページを受け取る(無料・カード不要)」を押して登録すると、ページがアカウントに入ります。
送り先のないフォームがあるページなら、ページの画面に出たお知らせの「届くフォームに入れ替える」を押します。お知らせが出ないページでは「フォームを追加する」を押します。「入力項目」は次の 3 つから選びます。
- 「メールアドレスのみ」
- 「名前とメールアドレス」
- 「名前・メールアドレス・問い合わせ内容」
出席には「名前とメールアドレス」が合います。どの組み合わせにもメールアドレスの欄が入り、欄そのものは消せません。メールアドレスを聞かないなら、その欄の「必須にする」のチェックを外します。空のまま送れるようになり、ページには「(任意)」と出ます。各欄の見出しやボタンの文言は書き換えられるので、ボタンは「出席する」にしておきます。「ページに追加する」を押すと、フォームを入れたプレビューができます。
お知らせが出なかったページは、プレビューを開いて、AI が作った出席のフォームが残っていないかを見ます。送り方をフォームの中に書いた形は、届かないフォームだと見分けられないことがあり、残ったままだと、来た人はそちらに名前を入れてしまいます。残っていたら、作った AI に「出席のフォームを消して、その場所に <div data-convika-form></div> とだけ書いて」と頼みます。直したコードをページの画面の「新しいバージョンのアップロード」に入れてから、「フォームを追加する」を押してください。
3. 公開して、本番のページで 1 件送ってみる
「公開する」を押すと、確認の画面が開きます。「このページを開ける人」は、下の 名前と連絡先は、必要なぶんだけ を読んでから選んでください。
はじめての公開では、「次へ」を押すとプランを選ぶ画面になり、最初は「Pro 月額」が選ばれています。料金をかけないなら「無料」を選んで、「無料で公開する」を押します。限定公開やパスワードを選んだときは「無料」が出ないので、無料で公開するなら「一般公開にして、無料で公開する」を押します。Pro 月額(月 ¥1,800。カードを登録すると最初の 7 日は無料)か Pro 1年パス(¥4,400・自動更新なし)を選ぶと、お支払いの画面に進み、カードの登録か支払いが済んだところで公開されます。
公開したら、自分のスマホで本番のページを開き、1 件送ってみます。フォームを追加したあとの画面には「プレビューでの送信は保存されません」とあり、プレビューで試した出席は一覧に残りません。試すのは公開してからです。試しに送った 1 件は、一覧で見分けられるよう、名前を「テスト」にしておきます。送信一覧に「テスト」が出なければ、AI が作った古いフォームに入力しています。手順 2 の最後の段落に戻って、古いフォームを消してください。
4. 「QR コードを表示する」で QR コードを出して貼る
ページの画面の「公開URL」の横にある「QR コードを表示する」を押すと、その URL の QR コードが大きく出ます。「PNG 画像を保存する」で画像にして、受付の机に置く紙に印刷します。読み取れない人のために、URL も小さく書いておきます。
印刷の前に、iPhone と Android のように別のスマホで読み取り、本番のページが開くかを確かめます。印刷するときの注意は HTML ファイルを QR コードにする方法 にまとめました。
QR コードは講座ごとに 1 つ
出席ページの URL は、新しい版を公開しても変わりません。日付は開いた端末の日付を出す作りにしておけば、毎週同じ QR コードをそのまま貼れます。案内の文を変えたいときは、直した HTML ファイルをページの画面の「新しいバージョンのアップロード」に入れて公開し直します(AI で作ったページを、同じ URL のまま更新する)。
刷った QR コードが開かなくなるのは、「公開停止」を押したときと、ページを入れ替えて下書きに戻したときです。公開を止めたページのフォームは、送信を受け付けません。講座が続くあいだは、公開したままにしておきます。
QR コードから何人がページを開いたかは、訪問数でわかります。だれが開いたかはわかりません。QR コードからの訪問を分けて数える方法は AI で作ったページのアクセス数と流入元を見る方法 にあります。
出席の一覧を受け取る:メール、送信一覧、CSV
出席は、3 つの形で手元に届きます。
- メール。 「新しい送信は、届くたびにメールでもお知らせします。」と管理画面にあるとおり、1 件ごとに届きます。多すぎるときは、フォームの送信一覧の画面でオフにできます。
- 送信一覧。 ページの画面の「送信一覧を見る」から開く「フォーム送信一覧」に、「日時」と入力された名前が並びます。日時は、一覧を見ているパソコンやスマホの時刻で出ます。
- CSV。 送信一覧の「CSVエクスポート」で書き出せます。「開始日」と「終了日」で絞り込んでから書き出せば、その回の分だけになります。
CSV には気をつけることが 2 つあります。1 つは日時で、CSV の「Date」の列も、「開始日」と「終了日」の区切りも、世界標準時(UTC)です。日本時間の午前 9 時より前の出席は、前の日の分に入ります。もう 1 つは文字コードで、CSV は UTF-8 です。Excel でダブルクリックして開くと、名前が文字化けすることがあります。財務省の CSV ファイルを文字化けやデータ形式を変えないで開く方法 にあるとおり、新しい Excel のファイルで「データ」タブの「テキストまたは CSV から」を選び、文字化けしていたら「元のファイル」で「65001:Unicode(UTF-8)」を選びます。
Free プランで一覧に出てメールが届くのは、すべてのフォームを合わせて月 50 件までです。超えた出席も保存され、Pro(月 ¥1,800)か Pro 1年パス(¥4,400・自動更新なし)にすると一覧に出ます。20 人の講座を毎週開くと、その月の 3 回目の途中で超えます。
受付時間、二重の送信、会場の Wi-Fi
出席ページで、Convika が防げないことがあります。
- 受付時間の締め切り。 Convika のフォームには、受け付ける時間を決める設定がありません。AI に「9 時から 9 時 15 分まで」と書いてもらっても、それは開いた端末の時計を見てページのスクリプトが動かすもので、Convika は時間外の送信も受け付けます。遅れて来た人は、一覧の日時で見分けます。
- 二重の送信と、本人以外の送信。 同じ人が 2 回押せば 2 件になり、QR コードの写真を送られた人は、教室にいなくても送れます。だれが送ったかは、入力された名前しかありません。場所を確かめる仕組みもありません。
- 同じ Wi-Fi からの続けての送信。 Convika は、1 つの回線から受け付ける送信を、Convika のどのフォームへの送信も合わせて 1 分に 5 件、1 時間に 20 件までにしています。1 分のうちに 6 件目、1 時間のうちに 21 件目の送信は通りません。会場の Wi-Fi は、つないだ人をまとめて 1 つの回線として数えることがあり、そのときは同じ Wi-Fi の 6 人目から通らなくなります。同じ Wi-Fi から送ったあなたの試しの 1 件も数えます。通らなかった人の画面には「送信できませんでした。少し時間をおいて、もう一度お試しください。」と出ます。同じ Wi-Fi から 6 人以上が続けて送る会では、Wi-Fi を切って、それぞれのスマホの回線で送ってもらいます。
成績につながる出席や、1 つの Wi-Fi からクラス全員が一斉に送る出席には、この形は向きません。学校や会社の出席管理の仕組みか、Google フォームを使ってください。
名前と連絡先は、必要なぶんだけ
出席の名前やメールアドレスは、個人情報です。集めるのは、名前と、要るならメールアドレスまでにします。電話番号の欄はありません。どうしても聞くなら「名前・メールアドレス・問い合わせ内容」を選び、「問い合わせ内容」の見出しを「電話番号」に書き換えます。ただ、ほとんどの講座では要りません。
出席ページは、公開の範囲も選びます。
- 一般公開(無料)。 URL を知っている人ならだれでも開け、検索結果に出ることがあります。フォームのあるページは、Convika のギャラリーには載りません。ページに受講生の名前を書かず、入力した名前が画面に残らない作りなら、一般公開で回せます。
- 限定公開(Pro・1年パス)。 URL を知っている人は開けますが、検索結果にも出しません。
- パスワードを知っている人だけ(Pro・1年パス)。 出席のたびにパスワードを伝える手間はありますが、QR コードを撮って送られても、パスワードを知らない人は開けません。
名前やメールアドレスを、どう扱うかは、学校や会社、教室の決まりに従います。18 歳未満の受講生がいる講座では、とくに先に確かめてください。Convika が送信をどう預かるかは プライバシーポリシー にあります。ギャラリーと公開範囲のくわしいちがいは 一般公開と限定公開のちがい に書きました。
講座が続くときは、1 つのページで
2026 年 10 月 23 日以降に作ったワークスペースの Free プランで、同時に公開できるのは 1 ページです(下書きを含めて 10 ページまで持てます)。それより前に作ったワークスペースは、登録したときのプランのままです。
毎週の出席は、回ごとにページを分けず、1 つのページと 1 つのフォームで受けます。何回目かは、一覧の日時でわかります。講座ごとに別のページを公開しようとすると、2 つ目の「公開する」で、Pro(月 ¥1,800。カードを登録すると最初の 7 日は無料)にするか、いま公開中のページと入れ替えるかを選ぶ画面が出ます。入れ替えると、前のページは下書きに戻り、受付に貼った QR コードからは開けなくなります。
Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。2026 年 10 月 23 日以降に作ったワークスペースは登録したときから、それより前のワークスペースは 2026 年 11 月 1 日の午前 9 時(日本時間)から、月 10,000 ページビューに達すると編集やアクセス解析が止まり、その 7 日後からは、翌月 1 日の午前 9 時(日本時間)になるか料金を支払うまでページも止まります。プランごとのちがいは 料金ページ にあります。申し込みを受けるイベントのページなら、AI で作ったイベントの申し込みページ、申し込みが届くようにするには が近い内容です。
よくある質問
QR コードで出席を取るには?
出席のページを公開して、その URL の QR コードを受付に貼ります。AI で作ったページなら、フォームを置く場所に <div data-convika-form></div> を入れて Convika で公開し、ページの画面の「QR コードを表示する」で QR コードを出します。読み取った人が名前を入れて送ると、出席は 1 件ずつメールで届き、送信一覧に日時つきで並びます。
QR コードの出席管理は無料でできる?
できます。Google フォームなら無料で、回答はスプレッドシートに並びます。AI で作った出席ページを Convika の Free プランで公開する方法も無料で、一覧に出てメールが届くのは、すべてのフォームを合わせて月 50 件までです。超えた出席も保存され、Pro か 1年パスにすると一覧に出ます。
QR コードで出席を取って Excel にまとめるには?
Convika なら、フォーム送信一覧の「CSVエクスポート」で書き出し、Excel の「データ」タブの「テキストまたは CSV から」で読み込みます。CSV は UTF-8 なので、文字化けしたら「元のファイル」で「65001:Unicode(UTF-8)」を選びます。日時の列は世界標準時(UTC)です。Google フォームなら、回答をスプレッドシートで見るか、CSV でダウンロードできます。
出席の QR コードは本人以外が読んでも入力できる?
できます。QR コードに入っているのはページの URL なので、写真を送られた人も、教室の外から送れます。Convika のフォームには、本人や場所を確かめる仕組みも、1 人 1 回に限る設定もありません。1 人 1 回にしたいなら、Google フォームの「回答を 1 回に制限する」(回答者は Google アカウントにログインする)が使えます。
出席ページの項目に電話番号は入れられる?
Convika のフォームに電話番号の欄はありません。どうしても聞くなら、「名前・メールアドレス・問い合わせ内容」を選んで、「問い合わせ内容」の見出しを「電話番号」に書き換えます。数字かどうかは確かめないので、書き方はそろいません。出席を取るだけなら、電話番号は集めないほうが安全です。
出典
- フォームを公開して回答者と共有する(Google ドキュメント エディタ ヘルプ) (2026 年 10 月 22 日に確認)
- フォームの回答を表示、管理する(Google ドキュメント エディタ ヘルプ) (2026 年 10 月 22 日に確認)
- CSV ファイルを文字化けやデータ形式を変えないで開く方法を教えてください(財務省) (2026 年 10 月 22 日に確認)
次のステップ
AI で作ったページのアクセス数と流入元を見る方法
ChatGPT や Claude で作ったページに、何人がどこから来たのか。Google アナリティクス、Cloudflare、Clarity、Convika を比べて、アクセス数と流入元を見るまでの手順を説明します。
関連記事
- AI で作ったイベントの申し込みページ、申し込みが届くようにするには(無料)ChatGPTやClaudeが書いた申し込みフォームは、送信しましたと出ても申し込みが届かないことがあります。理由と、届くフォームへの入れ替え方、Googleフォーム・こくちーずプロ・Peatixとの違い、定員や自動返信が必要なときの選び方まで。
- AI で作ったページの問い合わせフォームに、送信内容が届くようにする方法ChatGPT や Claude が書いたフォームは、送信しても内容がどこにも届きません。メールで受け取る方法と、管理画面に保存して CSV で見る方法を比べて、手順を説明します。
- HTML ファイルを、スマホで読み取れる QR コードにする方法QR コードに入れるのは HTML ファイルではなくページの URL です。HTML ファイルを公開して管理画面で QR コードを出す手順と、チラシや授業で配る前に確かめることを説明します。
- Google フォームを HTML のページに埋め込む方法と、ページに直接フォームを付ける方法Google フォームの「HTML を埋め込む」でコピーした HTML を、ページに貼る手順を説明します。スマホで横にはみ出すときの幅の直し方や、埋め込んだフォームが表示されないときに確かめることも説明します。
- AI で作ったページを後から直したい。URL も QR コードもそのままで差し替える方法公開して配ったあとに誤字や日付の間違いが見つかったら。ChatGPT や Claude に直した HTML をもらい、Convika の「新しいバージョンのアップロード」で入れ替えると、配ったリンクも印刷した QR コードも、そのまま新しい内容を開きます。
- 生徒の iPad で HTML の教材を開く。ファイルを配らずリンクと QR でiPad に HTML ファイルを送ると、「ファイル」アプリのプレビューで開き、クイズのボタンやゲームは動きません。AI で作った教材を URL にして、Classroom やロイロノート、QR コードで生徒の iPad に配る手順と、学校の設定で開けないときの対処をまとめました。