横浜ナゾトキ冒険記 ― 機能説明書

このシステムは何をするものか

🗺️ひとことで言うと

「カメラをかざすと謎が現れるスタンプラリー」を自分で作って運営できるシステムです。

👥利用者は2種類います

管理者（問題を作る人）… アカウントを作り、ログインして謎解き問題を登録・管理します。
プレイヤー（謎を解く人）… スマートフォンのカメラで画像を読み取り、謎解きに挑戦します。

⚙️システムは2つの部品でできています

登録システム… 管理者がアカウントを作り、謎解き問題を登録するWebサイト。
プレイシステム… プレイヤーがカメラを使って謎解きを体験するWebサイト。

🔧 登録システムを開く 🎮 プレイシステムを開く

管理者（問題を作る人）の使い方

STEP 1

アカウントを作る（新規登録）

メールアドレスとパスワードを入力し、「ロボットではない」チェックを済ませて「アカウント作成」ボタンを押します。

登録が完了すると、あなた専用のチャンネル番号（例: 1, 2, 3…）が自動的に割り当てられます。このチャンネル番号がプレイヤーに渡す「合言葉」になります。

STEP 2

ログインする

登録したメールアドレスとパスワードを入力して「ログイン」ボタンを押します。

ログインすると、自分のチャンネルに紐づいた問題だけが表示される管理ページが開きます。

STEP 3

謎解き問題を登録する

以下の5つの情報を入力し、「自動採番で登録・保存する」ボタンを押します。

問題用画像（JPEG形式）
ヒント（謎を解くためのヒント文）
問題文（プレイヤーに出す質問）
選択肢（カンマ区切りで入力。例: 6,7,8）
正解と 豆知識

登録された問題には問題番号（riddle_id）が自動で付けられます。手動で番号を考える必要はありません。

STEP 4

問題を削除する（必要な場合）

ページ下部の「登録データ一覧」から、削除したい問題の「削除」ボタンを押します。

確認メッセージが出るので「OK」を押すと削除完了です。

⚠ 自分のチャンネルの問題しか削除できないので、他の管理者のデータは消せません。

プレイヤー（謎を解く人）の使い方

チャンネル番号を入力する

管理者から教えてもらった数字（チャンネル番号）を画面上の入力欄に入れます。これによって「どの謎解きセット」を使うかが決まります。

「謎解きデータ読込」ボタンを押す

サーバーから該当チャンネルの謎解き問題が自動的にダウンロードされます。「同期完了！調査ポイント数: ○」と表示されたら準備完了です。

「調査カメラ開始」ボタンを押す

スマートフォンのカメラが起動します。スキャン待機状態になります（画面にカメラ映像が映ります）。

登録された画像にカメラを向ける

管理者が登録した「問題用画像」を印刷または表示したものにカメラを向けます。システムが自動で画像を認識します（AIが特徴点を照合）。

謎解き問題が画面に現れる！

画像が認識されると、ヒントと問題文がポップアップで表示されます。選択肢の中から正解を選びましょう。

正解するとスタンプがもらえる

正解すると紙吹雪が舞い、スタンプカードにスタンプが記録されます。不正解の場合は同じ問題を何度でも試せます。

全問制覇したら「ゴール報告！」ボタンを押す

全ミッションをクリアしたら「ゴール報告！」ボタンが押せます。サーバーにゴール時刻が記録され、スピードランキングに掲載されます！

動作の条件まとめ

✅ OK

ログインしている場合

→ 問題の登録フォームと、自分のチャンネルの登録データ一覧が表示される

⛔ NG

ログインしていない場合

→ 登録フォームは非表示。「ログインして登録する」ボタンだけ表示される

⛔ エラー

IDまたはパスワードが違う場合

→ 「IDまたはパスワードが違います」というエラーメッセージが赤字で表示される

⛔ エラー

同じメールアドレスがすでに登録済みの場合

→ 「このメールアドレスは既に登録されています」と表示される

⛔ NG

新規登録時にロボット認証を済ませていない場合

→ 「ロボットでない証明をしてください」と表示され、登録できない

✅ OK

画像認識が成功した場合（特徴点が10個以上一致）

→ その問題のヒントと選択肢がポップアップで表示される

⛔ NG

選択肢の答えが間違っていた場合

→ ボタンが赤くなり「不正解：再試行せよ」と表示。1秒後に元に戻り、何度でも挑戦できる

✅ OK

選択肢の答えが正解だった場合

→ 紙吹雪が舞い、スタンプカードにスタンプが記録される。「次を探索する」ボタンが表示される

ℹ 自動

スタンプが1個でも集まった場合

→ 画面上部に「ゴール報告！」ボタンが自動的に表示される

ℹ 自動

チャンネル番号に該当するデータがない場合

→ 「該当するチャンネルのデータが見つかりません」と通知が出る

謎解き例（実際の登録内容）

Example 01 ― サイコロの謎

🎲 サイコロの反対の面をたすと…？

画像

サイコロの写真（JPEG・800px以下）

ヒント

サイコロの裏（うら）と表（おもて）をたすと、必ず同じ数になるよ。

問題文

サイコロの反対側の面をたすと、いつもいくつになる？

選択肢

6 7 ✓ 8

正解

豆知識

サイコロの1の裏は6、2の裏は5、3の裏は4。どれもたすと7になるんだ！

Example 02 ― オリジナル新問題 🆕

🕰️ 横浜・みなとみらいの時計台の謎

画像

横浜ランドマークタワー前の時計の写真（JPEG・800px以下）

ヒント

時計の針は、1日に2回同じ場所を指すよ。0時〜12時の間にある数字を全部たしてみて！

問題文

時計の文字盤（1から12まで）の数字をぜんぶ足すと、いくつになる？

選択肢

66 72 78 ✓

正解

豆知識

1＋2＋3＋…＋12 ＝ 78！等差数列の公式 n×(n+1)÷2 で計算できるんだ。数学ってすごい！

Example 03 ― オリジナル新問題 🆕

🏮 横浜中華街の牌楼（はいろう）の謎

画像

中華街の門（牌楼）の写真（JPEG・800px以下）

ヒント

中華街には東西南北の4方向に大きな門があるよ。それぞれに名前がついているんだ！

問題文

横浜中華街には、合わせて何つの門（牌楼）があるでしょう？

選択肢

4 10 ✓ 7

正解

豆知識

横浜中華街には実は10基の牌楼（門）があります！東西南北の主要な4基に加え、内部にも6基あるんだ。

この機能を使うとどうなるか

🧑‍💼管理者が得られること

✅ 得られる結果

✓自分専用のチャンネルに紐づいた謎解き問題セットが作れる
✓問題番号は自動で採番されるため、管理の手間がかからない
✓不要な問題はいつでも削除できる
✓他の管理者のデータとは完全に分離されている（混ざらない）
✓プレイヤーにチャンネル番号を伝えるだけで、すぐにゲームを始めてもらえる

🎮プレイヤーが得られること

✅ 得られる結果

✓アプリのインストール不要。ブラウザだけで遊べる
✓スタンプカードは端末に自動保存される（ページを閉じても消えない）
✓正解するとアニメーション（紙吹雪）が流れて達成感が味わえる
✓全問正解でゴールランキングに名前が掲載される
✓いつでもリセットして最初からやり直せる

個人情報・安全の仕組み

🔒安全を守るために入っているしかけ

HTTPS 通信暗号化 reCAPTCHA ロボット対策セッション管理チャンネル分離

通信はすべて暗号化されています（URLが「https://」になっている）
新規登録時は「ロボットではない」認証（reCAPTCHA）があるため、機械による大量登録を防げます
ログイン後は「セッション」という仕組みで、本人確認が常に行われます
問題の削除は「自分のチャンネルのデータのみ」に制限されており、他人のデータを誤って消すことがありません

伝説の黄金地図を解き明かせ！

カメラをかざすだけで 謎が現れる、未来の宝探し。

✅ 得られる結果

✅ 得られる結果

伝説の黄金地図を
解き明かせ！

カメラをかざすだけで
謎が現れる、未来の宝探し。