🗺 おやこAIラボ システム全体像

表の顔(ホームページ)と裏側(管理画面)が、ブラウザの中の同じ保管庫を通じてつながっています。サーバーも外部サービスも使わない、1枚完結のモックです。

🌐 ホームページ(表の顔) index.html / お客さまが見る画面 🔍 サイト内検索(ハイライト+絞り込み) ✨ ふわっと表示/🌙 ダークモード ❓ FAQ開閉/♥ コースお気に入り 📮 お問い合わせフォーム 送信=申込データが1件生まれる 保護者が「無料体験に申し込む」を押すところ 実際のメール送信はしない(モック) 保存 🗄 データの保管庫 ブラウザの localStorage(同じPCの中だけ) oyakoai.inquiries.v1 申込 oyakoai.classes.v1 クラス枠 oyakoai.auditlog.v1 監査ログ oyakoai.settings.v1 配点設定 oyakoai.favorites.v1 お気に入り oyakoai.theme.v1 表示テーマ キー名は oyakoai.◯◯.v1 で統一 読み込み 書き戻し 🛠 管理画面(裏側) admin.html / 運営スタッフだけが見る画面 ① 📊 ダッシュボード 件数・分布・滞留 ② 📥 申込ボックス 一覧・採点の内訳 ③ ✅ 承認フロー 人が承認して次へ ④ 🏫 クラス管理 空き枠と受講生 ⑤ ⚙️ 設定・履歴 配点調整・監査ログ 各タブに「この画面でAIに頼むと良いこと」を掲示 🎯 届いた申込を、その場で100点満点に採点する 5つの項目を足し算するだけ。配点は管理画面の「設定・履歴」タブでいつでも変えられる。 学年の適合25点 保護者の同席25点 希望日程の空き20点 目的の具体性20点 連絡先の完全性10点 合計 100 点 🟢 80〜100点 自動でOK そのまま次の段階へ進めてよい 🟡 50〜79点 人が確認 担当者がメモを添えてから進める 🔴 0〜49点 却下候補 理由を選んで却下(記録は消えず監査ログに残る) 🤝 大事な操作は「人が承認してから次へ」の引き継ぎ型ゲート 段階を飛ばせない。すべての承認・差戻し・却下はモーダルで確認し、監査ログに残る。 1. 受付 不備がないか目視 2. 一次審査 スコアと内容で判断 3. 体験調整 日程を決めて連絡 4. クラス割当 入るクラスを選ぶ 5. 確定 受講開始・枠が1つ減る ↑ 各矢印の上には必ず「人の承認」が1回入る(ボタンを押すまで進まない) ↩︎ 差戻し:1つ前の段階へ(理由の入力が必須) 例:メールが届かない → 一次審査に戻して確認 📝 監査ログ:いつ・誰が・何を・メモ を全部記録 あとから「なぜこの判断をしたか」を見返せる

この図をひとことで言うと

  1. 保護者がホームページのフォームから申し込む。
  2. 送信された瞬間、内容が5つの観点で採点され、100点満点のスコアが付く。
  3. データは oyakoai.inquiries.v1 という名前でブラウザに保存される。
  4. 管理画面がそれを読み込み、点数に応じて「自動でOK/人が確認/却下候補」の3色に振り分けて並べる。
  5. スタッフが承認ボタンを押すたびに1段階だけ進み、その記録が監査ログに残る。
  6. クラス割当で確定すると、クラスの残り枠が1つ減り、その空き状況がホームページの選択肢にも反映される。