講座 / 講座概要ページ(会員ビュー)
講座 / 講座概要ページ(会員ビュー)
概要
講座のエントリーポイントとなる講座トップ画面。会員・非会員・講師が講座 URL にアクセスした時に最初に表示される画面で、タブ切替で各機能(概要・トーク・コンテンツ・講座管理)に導線を出す。
主な使い方:
- 会員: 入会済みの講座を開いてトーク・コンテンツ・概要を閲覧
- 非会員: マーケティング情報(タイトル・説明・サムネイル・講師情報・料金プラン)を見て入会を検討(講座 / 入会フロー へ進む)
- メイン講師 / サブ講師: 自講座の運営確認、会員一覧確認(
../plan-management/で管理操作)
タブ構成:
- 概要(画面上のタブ名は「講座の紹介」): 講座のマーケティング情報・講師情報・料金プラン・会員数 等(既定タブ)。CS 案内時は実 UI ラベル「講座の紹介」を用いること
- トーク: トークルーム一覧と発言(会員以上、
../talk/) - コンテンツ: 動画・記事・ライブ等のコンテンツ受講(会員以上、
../contents/) - 講座管理: 会員一覧を含む講師向けの管理導線(メイン講師・サブ講師のみ表示。画面上のタブ名は「講座管理」)
URL クエリパラメータでタブを直接指定して開くこともできる(外部リンクからの導線)。会員・講師の場合のみ、コンテンツ再生の認可情報がブラウザに発行される(未契約者にはコンテンツ本体は配信されない)。
利用シナリオ
シナリオ 1: 会員が講座にアクセスして概要を確認
入会済みの会員がマイ講座一覧から講座を選んで講座トップ画面を開く。既定で「概要」タブが表示され、講座のタイトル・説明・最新の活動状況等を確認できる。トーク・コンテンツへはタブ切替で遷移。
シナリオ 2: 非会員がマーケティング情報を見て入会を検討
非会員が SNS 等のリンクから講座 URL に直接アクセス。「概要」タブのマーケティング情報(タイトル・説明・サムネイル・講師情報・料金プラン)が表示される。トーク・コンテンツの中身は未契約のため見られないが、入会フローへの導線(講座 / 入会フロー)から手続きに進める。
シナリオ 3: 講師が自講座を確認
講師(メイン講師・サブ講師)が自講座を開くと、概要・トーク・コンテンツに加えて「講座管理」タブが表示される。講座管理タブで会員一覧の確認、トーク・コンテンツタブで投稿・受講状況を運営目線で確認できる。
シナリオ 4: 外部リンクからタブ指定で直接アクセス
メールやチャットの共有リンクから「講座のトークを直接開きたい」「料金プランを見せたい」等の用途で URL クエリにタブ指定をつけて開く導線。指定されたタブが既定で開かれる。
よくある失敗ケース
- 存在しない講座 ID へのアクセス: 該当講座が見つからない扱いで、トップ画面は表示されない
- 非公開講座への非会員アクセス: 非公開講座は非会員には見えない
- 契約期限切れ後のコンテンツ再生: 契約期限が切れると再生に必要な認可情報が無効化され、コンテンツの本体配信が止まる
利用可否(権限別)
講座権限軸
| 操作 | 非会員 | 会員 | サブ講師 | メイン講師 |
|---|---|---|---|---|
| 講座トップ画面の表示 | ○(公開講座のみ) | ○ | ○ | ○ |
| 概要タブ閲覧 | ○ | ○ | ○ | ○ |
| トークタブ閲覧 | ×(要確認) | ○ | ○ | ○ |
| コンテンツタブ閲覧 | ×(要確認) | ○ | ○ | ○ |
| 講座管理タブ表示(会員一覧を含む) | × | × | ○ | ○ |
| 動画 / コンテンツの再生 | × | ○ | ○ | ○ |
| 非公開講座へのアクセス | × | ○(契約者) | ○ | ○ |
横断軸
| 操作 | 運営アドミン | テストユーザー | 投稿禁止 |
|---|---|---|---|
| 講座トップ画面の閲覧 | (運営アドミン経由) | (通常と同じ) | (通常と同じ) |
機能詳細(ふるまい)
タブ構成と初期表示
- 概要 / トーク / コンテンツ / 講座管理 の 4 タブで構成(「概要」タブの実 UI ラベルは「講座の紹介」)
- URL でタブ指定がない場合は「概要」(=「講座の紹介」)が既定で開く
- URL クエリパラメータでタブを直接指定可能(外部リンクからの導線)
- 「講座管理」タブはメイン講師・サブ講師のみ表示
タブを切り替えても、一度開いたタブは内部的にマウントされ続けるため、再訪時に高速で表示が戻る。
講座詳細情報
「概要」タブで表示される項目:
- 講座タイトル・説明文
- サムネイル画像
- 講師情報(メイン講師のプロフィール、サブ講師の有無)
- 料金プラン一覧(複数の料金プランがある場合は選択肢として表示、講座 / 契約管理(会員視点))
- 会員数(運用設定で非表示にすることも可能)
- お知らせ・最新コンテンツ等
非会員にはマーケティング目的の項目が中心、会員・講師には運用に必要な情報が追加で見える形になる。
コンテンツ閲覧の認可
動画・画像等のコンテンツの本体配信は、講座の入会者・講師にのみ認可される:
- 講座トップ画面を開いた時点で認可情報がブラウザに発行される(会員・講師の場合のみ)
- 認可情報には有効期限があり、長時間放置するとコンテンツ再生不可になる(再アクセスで再発行)
- 非会員には認可情報が発行されないため、コンテンツ本体は配信されない
表示差分
主な表示差分:
| 項目 | 非会員 | 会員 | サブ講師 | メイン講師 |
|---|---|---|---|---|
| 概要タブ | ○ | ○ | ○ | ○ |
| トーク・コンテンツ閲覧 | × | ○ | ○ | ○ |
| 講座管理タブ(会員一覧を含む) | × | × | ○ | ○ |
| 入会導線(料金プラン選択 → 入会) | ○ | (契約変更で表示) | × | × |
講師の運用導線(../plan-management/) |
× | × | ○ | ○ |
関連ドキュメント
- 関連 PSD:
- 講座 / 入会フロー — 入会フロー
- 講座 / 契約管理(会員視点) — 契約管理
- ../contents/README.md — コンテンツ受講
- ../talk/README.md — トーク機能
- 講座管理 / 運営中講座管理 — 講座編集(講師視点)