プロジェクト概要
株式会社ViVNAL様向けに、社員向け動画研修とテスト・スキル管理を行うWebアプリを開発。 研修動画の視聴状況とテスト結果を紐づけて管理し、スキルマップの可視化に活用できるようにしました。
開発の背景と課題
- 研修動画を社内ストレージで共有していたが、「誰がどこまで視聴したか」を把握できていなかった
- テストは別システムや紙で実施しており、結果の集計や保管が煩雑だった
- 社員ごとのスキルレベルや受講履歴を一覧で見る仕組みがなく、人材育成の計画が立てづらかった
開発期間
要件整理と画面設計を行ったうえで、優先度の高い機能から段階的に開発しました。初期リリース後も、現場での利用状況を見ながら改善できる構成にしています。
機能一覧（解決）
Supabaseをバックエンド、Nuxt.jsをフロントエンドに採用し、動画研修とテスト・スキル管理を統合したWebアプリを構築しました。
- コース・動画・チャプターを階層的に管理できる研修コンテンツ管理
- 動画視聴後に受けるテスト機能（選択式・記述式の問題に対応）
- 受講履歴・テスト結果をもとにしたスキルマップ表示
- 管理者用ダッシュボード（受講状況・合格率・部門別の進捗など）
期待される効果
- 誰がどの研修をどこまで受講しているかをリアルタイムに確認できるようになり、フォローがしやすくなった
- テスト結果が自動で集計され、個人・部署ごとの傾向を分析しやすくなった
- スキルマップをもとに、配置や追加研修の検討ができるようになり、人材育成の打ち手が具体的になった
開発のこだわり
- 既存の研修コンテンツ構成（テーマ・レベル・対象職種）を踏まえ、管理しやすい情報設計を実施
- 受講者にとって操作がシンプルになるよう、「学習フローに沿った画面遷移」を意識したUI/UX設計
- 動画配信や認証などは外部サービスも活用し、開発コストと安定性のバランスをとった構成に