BNG Community ステージング ユーザーテスト v2 結果

龍（PM/QA）実施 — 2026-05-10

テスト環境: https://stg.community.talentvillage.jp/ 前回結果参照: ryu-result-bng-community-usertest-1493188601322799114-20260509.md

実画面スクリーンショット一覧

グループ作成 使用感レポート

良い点

• 作成フローが1ステップで完結: ダイアログを開くと「グループ名・説明・プライバシー設定・画像」が1画面に収まりシンプル
• 公開範囲の選択肢が3種類揃っている: ログインユーザーのみに公開 / 申請制 / 招待のみ、の3択で分かりやすい
• 必須項目のバリデーション: グループ名が空だと作成ボタンが非活性（未入力チェックあり）
• グループ詳細ページで公開範囲ラベルが表示される: 詳細ページでは「ログインユーザーのみに公開」等のラベルが正しく表示

課題・改善提案

[High] 承認待ち状態のフィードバックUIが皆無

• 症状: グループ作成後、ダイアログに「作成後、管理者の承認が必要です」と表示されるが、グループ詳細ページや一覧ページに「承認待ち」バッジ・ステータス表示が一切ない
• 影響: ユーザーが申請したかどうか、いつ承認されるか全く把握できない。申請が届いているのかどうかも不明
• 改善案:
  • グループ一覧に「承認待ち」バッジ（例: 黄色のタグ）を追加
  • グループ詳細ページに「現在管理者の承認待ちです。承認後に公開されます」バナーを表示
  • （オプション）承認時にメール通知を送る

[Mid] グループ一覧カードに公開範囲バッジがない（前回と同じ）

• 症状: グループ一覧（/groups）の各カードに「ログインユーザーのみ」「申請制」「招待のみ」等のバッジが表示されていない
• 影響: ユーザーがグループをクリックするまで参加条件が不明
• 改善案: カード右上に小さなバッジ（🔒 招待のみ / ✋ 申請制 / 👥 全員）を表示

[Low] グループ作成で「招待のみ」「申請制」を選んでも作成フロー上のUIに違いがない

• 症状: プライバシー設定を変えても入力フォーム自体は変化せず、選択後の説明テキスト等がない
• 改善案: 各設定を選択した際にその設定の意味（例:「申請制: メンバーの参加申請を管理者が承認します」）をインラインで表示する

スクリーンショット一覧

• ss_v2_09_group_create_dialog.png — プライバシー設定ドロップダウン（3種類確認）
• ss_v2_10_group_create_filled.png — 入力済み状態
• ss_v2_11_group_after_submit.png — 作成完了後（承認待ちバッジなし）
• ss_v2_12_test_group_detail.png — グループ詳細（承認待ちステータス表示なし）

イベント作成 使用感レポート

良い点

• 項目が充実している: タイトル・説明・イベントタイプ（オンライン/オフライン等）・開始終了日時・画像URL・定員・申込締切・公開設定・会費・メール通知が1画面で設定可能
• ℹ️注記で情報露出の注意喚起あり: 「コミュニティ限定を選択しても、タイトル・開催日程はログインなしで外部表示されます」と明記（ただし実態と乖離あり、後述）
• 特定グループ選択UIが動作する: 「特定のグループ」を選ぶとグループ選択フィールドが出現し、グループ名をインクリメンタル検索で選択可能
• 作成後すぐに一覧反映: 作成後即座にイベント一覧に表示される

課題・改善提案

[High] 「コミュニティ限定」でも未ログインで全情報が露出する（前回再現確認）

• 症状: テストイベント「テスト_公開範囲検証_龍」を「コミュニティ限定」で作成した直後、未ログイン状態で /events にアクセスすると、タイトル・説明文・作成者名・開始終了日時が全て表示される
• ℹ️注記との乖離: 注記は「タイトル・開催日程はログインなしでも表示」と説明しているが、実際には説明文・作成者名まで露出しており注記よりも過剰に情報が出ている
• 再現手順: ログアウト → /events → テストイベントカードを確認 → 本文・作成者名が見える
• 改善案:
  • 対応方針①（推奨）: /events ページ自体をログイン必須にする（/events への未認証アクセスを /auth にリダイレクト）
  • 対応方針②: 未ログイン時は各カードの表示をタイトル・開催日時のみに限定し、本文・作成者名・会費・会場・定員は非表示にする
  • ℹ️注記の文言も実態に合わせて「説明文・作成者名もログインなしで外部表示されます」に修正（対応②の場合は削除）

[Mid] 未ログインユーザーに「イベント作成」ボタンが表示される

• 症状: /events ページを未ログインで開くと、ヘッダーに「イベント作成」ボタンが表示される（クリックするとログイン画面へ）
• 影響: 混乱を招く。未ログインユーザーには非表示が適切
• 改善案: isLoggedIn フラグで「イベント作成」ボタンを条件付きレンダリング

[Low] 会費設定フィールドの視認性

• 会費フィールドが画面下部にあり、スクロールしないと気づきにくい
• 「無料」デフォルトがどこかに表示されていると親切

未ログイン露出 再現確認

スクリーンショット一覧

• ss_v2_03_event_create_dialog.png — イベント作成ダイアログ全体
• ss_v2_03b_event_create_visibility_note.png — 「コミュニティ限定」選択状態とℹ️注記
• ss_v2_04_event_create_group_select.png — 「特定のグループ」選択状態
• ss_v2_05_event_created.png / ss_v2_06_test_event_detail.png — 作成完了後の詳細画面
• ss_v2_14_events_nologin_full.png — 未ログインで全件情報露出
• ss_v2_15_test_event_exposed_nologin.png — テストイベントの説明文・作成者名が露出

修正方針（詳細）

🔴 Priority 1: イベント一覧の未ログインアクセス制御

問題: /events ページが認証なしでアクセス可能、全情報が露出

修正方法 A（推奨・最短）: /events をミドルウェアで認証必須化

• Next.js の場合: middleware.ts の publicRoutes から /events を除外
• または各ページの getServerSideProps / Server Component で auth() チェックを追加してリダイレクト
• 対象ファイル候補: middleware.ts / src/app/events/page.tsx（または同等のルートファイル）

修正方法 B（段階的）: 未ログイン時の表示情報を制限

• イベントカードコンポーネントで session を確認し、未ログイン時は会費・会場・定員・説明・作成者を null 表示
• 対象ファイル候補: EventCard.tsx / EventListItem.tsx 等のカードコンポーネント

🔴 Priority 2: ℹ️注記の実態との乖離修正

問題: 注記は「タイトル・開催日程のみ」が外部表示と記載しているが実際はそれ以上の情報が露出

修正方法:

• 修正方法Aを採用した場合: ℹ️注記自体を削除（/events が認証必須になるため不要）
• 修正方法Bを採用した場合: 注記の文言を「タイトル・開催日程・説明文の冒頭・作成者名がログインなしで表示されます」等に修正

🟡 Priority 3: グループ作成後の承認待ちフィードバックUI

問題: 承認待ち状態がユーザーに全く伝わらない

修正方法:

• DB の approval_status カラム（または同等のフラグ）を読み取り、ステータスが pending のとき以下を表示:
  1. グループ一覧カード: 右上に黄色の「承認待ち」バッジ
  2. グループ詳細ページ: ページ上部にアラートバナー「現在、管理者の承認待ちです。承認後に公開されます。」
• 対象ファイル候補: GroupCard.tsx・GroupDetail.tsx / GroupHeader.tsx 等

🟡 Priority 4: グループ一覧の公開範囲バッジ表示

問題: カードに公開範囲が表示されず、ユーザーが参加条件を知るにはクリックが必要

修正方法:

• GroupCard.tsx のカードUIに privacy / visibility フィールドに応じたバッジを追加
• バッジ例:
  • community: 表示なし（または「全員」）
  • members_only: 🔒 「ログインユーザーのみ」
  • request: ✋ 「申請制」
  • invite_only: 📩 「招待のみ」

🟢 Priority 5: 未ログインユーザーへの「イベント作成」ボタン非表示

修正方法:

• イベント一覧ページのヘッダーボタンを session チェックで条件付きレンダリング
• 対象ファイル候補: EventsHeader.tsx / events/page.tsx のヘッダー部分

クリーンアップ確認