ご依頼の仕様どおりに、参加者の画面・問題の自動割り当て・回答保存・CSV 出力・管理画面まで実際に動かせるデモです。間取り図は、ID から自動生成したサンプル画像です（本番では提供いただく画像をそのまま使います）。
| 検収で確認される項目 | デモでの確認方法 |
|---|---|
| 全画面・分岐 | ①で 同意 / 不同意、理解度確認の 2 回不合格での終了、練習、注意力確認、事後質問、完了までを通せます |
| 42 問の出題・四択・画像表示 | ①：本試行 40 問＋注意力確認 2 問（16・31 問目）。画像は同じ大きさの枠に縦横比のまま表示、クリックで拡大。B/C の左右位置はランダム |
| 割り当て・均等化 | 管理画面「デモ用ツール」で模擬参加者を投入 → 「概要」で問題ごとの回答数の分布と条件別の構成比（a・d・g=20% / b・c・e・f=10%） |
| 同時アクセス | 管理画面「デモ用ツール」→「30 人を同時に開始」。終了後にカウンタ不一致・重複出題が 0 であることを表示 |
| 離脱・再アクセス | ①の本試行の途中でタブを閉じる／ブラウザの戻るを押す → 未回答分が即時に解放。③で同じ ID で戻ると続きから再開。通信断などはタイムアウトで回収 |
| 保存データと CSV の一致 | 管理画面「CSV出力」。回答は 1 問ごとにサーバーへ保存され、保存の確認が取れるまで次の問題へ進みません |
| Prolific 連携 | URL の PROLIFIC_PID / STUDY_ID / SESSION_ID を取得して保存。保存完了を確認してから完了 URL（管理画面で変更可）へ自動遷移 |
| 管理操作 | 管理画面：出題数 N、一時停止・再開、参加者数・回答数・問題別収集状況、画像エラー、CSV 出力、問題データ取込 |