ローコード開発によるPoCで必要な機能を見極め、実運用に適した人材育成WEBシステムを構築。

本開発に先立ち、短期間で画面や基本機能を形にできるローコードツール「Retool」を使用してPoCを開発しました。

PoCでは、学習コンテンツの閲覧だけでなく、理解度チェック、学習状況の管理、教材の推奨、ブックマーク、部署管理など、将来的に想定される幅広い機能を実際に操作できる形で検証しました。

その検証結果や運用方法、優先度などを踏まえて仕様を再整理し、本開発では必要な機能に絞り込んでWEBシステムとして構築しました。

職員の継続的な学習と、業務に必要な技術情報の活用を支援するため、学習コンテンツと技術情報をまとめて管理・閲覧できるシステムを開発しました。

学習コンテンツ一覧や詳細画面から動画・資料を閲覧できるほか、技術情報をカテゴリやキーワードから検索できる仕組みを構築。パソコンだけでなく、スマートフォンやタブレットからも利用できるようにし、場所を問わず学習や情報確認ができる環境を整えました。

また、教材や技術情報の登録・更新、カテゴリ管理、ユーザ管理などの機能を備え、管理者がコンテンツや利用者の情報を管理できるようにしました。公開・非公開の設定にも対応し、必要な情報を適切に管理できる仕組みとしています。

システムはTypeScript・Reactを用いて画面を構築し、Node.js・Express.jsを使用してサーバー側の処理を実装。Prismaを通じてデータベースと連携し、データベースにはMySQLを採用しています。

PoCの段階で実際の画面や操作を確認することで、本開発前に必要な機能や仕様を具体化することができました。
また、PoCで検討したすべての機能をそのまま開発するのではなく、実際の運用や優先度を踏まえて機能を整理することで、本開発の対象を明確化。
最終的には、職員が学習コンテンツや技術情報をWEB上から利用でき、管理者が教材・技術情報・ユーザを管理できる、人材育成の基盤となるシステムを構築しました。

1. 本開発前に必要な機能を明確にする必要があった
→ Retoolを利用したPoCを先行して構築し、実際の画面・操作を確認しながら仕様を検討しました。
2. 検討した機能が多く、本開発の対象範囲を整理する必要があった
→ PoCで幅広い機能を検証したうえで、実運用や優先度を踏まえて本開発の機能を絞り込みました。
3. 学習教材だけでなく、業務で利用する技術情報もまとめて扱う必要があった
→ 学習コンテンツと技術情報をそれぞれ管理・閲覧でき、カテゴリによって整理できる構成としました。
4. 動画をWEB上で安定して閲覧できる環境が必要だった
→ システム自体に動画ファイルを保持するのではなく、Vimeoと連携して動画を配信する構成としました。