コンテンツ / セレクション(ライブラリの連続受講画面)
コンテンツ / セレクション(ライブラリの連続受講画面)
本ページは 2 段構成。上段が biz/CS 向け(ユーザー提示可)、下段(
## 🔧 実装詳細以降)が dev 向け。biz/CS がユーザーへ提示・転用してよいのは上段のみ。
概要
セレクションは、講座の教材グループ(./library.md)をひとまとまりとして連続受講するための受講者向け画面。動画・記事・ドキュメント・ライブアーカイブが同居するライブラリを 1 画面で順次受講できるよう、メインエリアに現在のコンテンツ、サイドや下部にグループ内のコンテンツ一覧を並べた専用 UI を提供する。
主な利用想定は、章立てされた連載講座を 1 章から順に受ける、復習でセレクション全体を再度通しで確認する、ダッシュボードからセレクションを選んで連続受講に入る、といった使い方。本画面はあくまで「受講のための再生 UI」であり、セレクション(=ライブラリ)の作成・編集はセレクション編集画面(./library.md)側で行う。
biz 用語の整理: ユーザー画面上の表記は「セレクション」で統一。内部呼称が「ライブラリ」となる場面があるが、CS 案内・マニュアル等では「セレクション」のみ用いる。本ページではデータの実体が同じである旨を併記する場面があるが、ユーザー向け文書には持ち込まない。
📝 レビュー観点(draft 段階の記述ヒント、完成時に削除):
- 目的: ライブラリ(教材グループ)を連続受講するための専用 UI。動画 / 記事 / ドキュメント / アーカイブ動画を一画面で次々に再生
- 誰が使うか: 受講者・未受講者(公開設定次第、閲覧)
- どこで使うか: 講座コンテンツタブのライブラリカードを選択 → セレクション画面に遷移、ダッシュボードからの直接遷移
- 隣接機能との関係: ライブラリ(
./library.md、データの実体)/ 動画(./movie.md)/ 記事(./article.md)/ ドキュメント(./document.md)- CS 問い合わせで頻発する論点: 「セレクションとライブラリの違い」(同一データ、UI が違うだけ)「次のコンテンツに自動で進まない」「進捗が反映されない」
- [本機能特有] selectionId === libraryId: URL の
selectionIdパラメータは内部的にライブラリ ID。ライブラリと同じデータ取得経路を流用- [本機能特有] 連続受講 UI: 同じ画面内で前後コンテンツへ移動可能、サイド/下部にコンテンツ一覧表示
- [本機能特有] 講師の編集 UI なし: 編集・作成はライブラリ側(
./library.md)
利用シナリオ
シナリオ 1: ダッシュボードから連続受講に入る
受講者がダッシュボードや講座のコンテンツタブからセレクションを選択。セレクション画面が開き、メインエリアに 1 つ目のコンテンツが表示され、サイド / 下部にグループ内のコンテンツ一覧が並ぶ。「次へ」ボタンで順に受講を進められる。
シナリオ 2: 章立てされた教材を順番に受講する
ディレクトリ(章)で整理されたセレクションを開くと、章ごとの並び順に従ってコンテンツが順次表示される。動画 → 記事 → ドキュメント → ライブアーカイブと種別をまたいでも、同じ受講 UI 内で連続して再生・閲覧できる。
シナリオ 3: 特定コンテンツから受講を再開する
セレクション URL に再生対象を指定するパラメータを付けることで、特定のコンテンツから直接再生開始可能。前回受講していたコンテンツへ戻る、または特定コンテンツへの直接案内(プッシュ通知の遷移先など)に利用する。
シナリオ 4: 受講進捗を確認しながら受講する
セレクション画面ではグループ内のコンテンツごとに受講完了状況が表示され、受講者は「あと何件残っているか」を視覚的に把握しながら学習を進められる。受講完了は各コンテンツ単位で記録され、再訪時にも引き継がれる。
よくある失敗ケース
- セレクションが削除されている: 講師がセレクション自体を削除済みの場合、画面でエラー表示
- 公開範囲外のコンテンツへの遷移: グループ内に未受講者には非公開のコンテンツが含まれる場合、該当コンテンツは表示されない / スキップされる
- 未受講者の受講進捗未保存: 未ログイン状態では受講履歴が保存されないため、再訪時に進捗復元されない
権限別仕様
権限定義は ../user-roles.md 参照。用語は ../terminology.md。
講座権限軸
| 操作 | 未受講者 | 受講者 | サブ講師 | メイン講師 |
|---|---|---|---|---|
| セレクション画面の閲覧 | ○(公開設定次第) | ○ | ○ | ○ |
| 各コンテンツの再生 | ○(個別コンテンツの公開設定次第) | ○ | ○ | ○ |
| 連続受講の進捗反映 | ×(未ログイン) | ○ | ○ | ○ |
| 編集 | × | × | ×(ライブラリ側で編集) | ×(ライブラリ側で編集) |
横断軸
| 操作 | 運営アドミン | テストユーザー | 投稿禁止 |
|---|---|---|---|
| セレクション閲覧 | (通常と同じ) | (通常と同じ) | (通常と同じ) |
| 運営アドミンの代理参照・編集 | ×(運営アドミン専用画面 / 機能は存在しない) | × | × |
📝 レビュー観点:
- 編集はライブラリ側で行うことを明示
機能詳細(ふるまい)
連続受講 UI
- メインエリア: 現在受講中のコンテンツを表示・再生
- サイド / 下部: セレクション内のコンテンツ一覧(ディレクトリで章立てされている場合は章ごとにグルーピング表示)
- ヘッダ表示: セレクション画面では受講に集中できるよう通常のヘッダ表示が切り替わる UI 設計
各メディアの再生
セレクション内で扱える種別と表示方式:
- 動画: 動画プレイヤーで再生(
./movie.mdと同等) - 記事: リッチエディタ表示で本文を閲覧(
./article.mdと同等) - ドキュメント: ブラウザ内 PDF ビューアで表示(
./document.mdと同等) - ライブアーカイブ: 動画プレイヤーで再生(
./livearchive.mdと同等)
各種別の再生・表示挙動は個別コンテンツの仕様に従う。
コンテンツ間の移動
- 「次へ」「前へ」ボタンで前後コンテンツへ遷移
- サイド / 下部のコンテンツ一覧から任意のコンテンツへ直接ジャンプ
- 同種別・異種別が混在しても同一画面内で連続して扱える
進捗の保持
- 各コンテンツの受講履歴・受講完了状態は個別コンテンツの仕様に従う
- 受講者がログイン状態であれば、グループ内のどこまで受講したかが記録され、再訪時に確認できる
- セレクション全体としての完了率はコンテンツ単位の集計として表示
受講対象コンテンツの直接指定
セレクションを開く URL に再生対象のコンテンツを示すパラメータを付与することで、最初から特定のコンテンツを開いた状態で表示できる。プッシュ通知や案内メールから「セレクション内の◯番のコンテンツへ」といった案内に利用可能。
📝 レビュー観点:
- 入力 → 処理 → 出力: ライブラリ ID → ライブラリ取得 → 1 コンテンツずつ表示・再生
- エッジケース: 削除されたコンテンツへの遷移、公開状態変更直後のキャッシュ、未ログインでのコンテンツ別公開判定
- [本機能特有] 用語の混在: URL 名「selection」、データ実体「library」、UI 上の biz 用語は要整理
admin 操作
該当なし
セレクション専用の運営アドミン操作経路は存在しない。ライブラリ側(./library.md)で対応。
📝 レビュー観点:
- 運営アドミンによるライブラリ管理代理操作の必要性
品質 / 約束事項
- 応答性: コンテンツ間の遷移は同期処理、各コンテンツの再生開始は個別仕様
- 信頼性: ライブラリ削除時はセレクション画面でエラー表示
- 制限値: ライブラリの仕様に従う
- データ保持: ライブラリの論理削除に追従
📝 レビュー観点:
- 大量コンテンツライブラリ(数十件)の連続受講 UI 性能
変更履歴(リリースノート候補)
v2.29.2: 2026-05-01(PSD 初版)
- [PSD 追加] 本ドキュメント初版作成。v2.29.2 時点の実装を起こし。機能追加・変更は含まない
📝 レビュー観点:
- 過去の主要変更(連続受講 UI 追加 / 各メディアの再生方式統合 等)
関連ドキュメント
- 権限定義:
../user-roles.md - 用語辞書:
../terminology.md - 関連 PSD:
./library.md— ライブラリ(データ実体・編集経路)./article.md— 記事./movie.md— 動画./document.md— ドキュメント./livearchive.md— ライブアーカイブ