プロジェクト概要
個人・法人向けのオンライン講座配信プラットフォーム。講師が簡単にコースを作成・管理でき、受講者は進捗を追跡しながら学習できる教育特化型のWebアプリケーション。動画配信、クイズ機能、修了証発行など充実した学習管理機能を提供します。
主要機能
- 講師向けコース作成・管理システム
- 受講者の学習進捗トラッキング
- 動画レッスンとインタラクティブクイズ
- 修了証の自動発行機能
- ダッシュボードでの分析・統計表示
技術スタック詳細
フロントエンド
- • Next.js 15（App Router）
- • React 18 + TypeScript
- • Tailwind CSS
CMS・メディア
- • Sanity CMS
- • LOOM（配信動画撮影）
- • GROQ クエリ
開発課題
大容量動画のストリーミング配信と講座コンテンツの効率的な管理が技術的課題。また、講師と受講者で異なるUX要件への対応も必要でした。
解決手法
Sanity CMSでコンテンツ管理を構造化し、LOOMでの収録動画配信を実装。GROQクエリで効率的なデータ取得を行い、役割ベースのルーティングで最適なUXを提供しました。