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