業務改善・DXWebシステム

SmartHR Plus上で使えるデジタル社員証アプリを新規開発
プロジェクト概要
SmartHR Plusのエコシステム上で動く、デジタル社員証アプリを新規開発しました。企業様が安全かつスマートに社員証を発行・管理できる仕組みが求められていました。
Node.js(TypeScript/NestJS)とReact(TypeScript/SmartHR UI)で構築。社員証の表示から認証コードの発行・管理、利用履歴・統計のダッシュボード、SSOログインまでを一気通貫で開発しています。
課題と解決策
CHALLENGE
社員証の発行・管理を、SmartHR Plusのエコシステムに違和感なく統合する必要があった。認証コードの利用状況を可視化する仕組みや、ロゴ・印影などの企業ごとのカスタマイズにも対応しなければならなかった。
SOLUTION
社員証表示、認証コード発行・履歴管理、利用統計ダッシュボード、企業ロゴ・印影設定、アクセス権限設定までを実装。SmartHR APIとOpenID認証を活用し、SmartHR PlusとのSSO連携も組み込んだ。
成果
- 社員証の発行から認証コードの利用履歴・統計表示までを1つのアプリに統合
- SmartHR PlusとのSSO連携により、既存の認証基盤とシームレスに接続
- 約6.4人月・8名体制、2.5ヶ月というスピードで開発を完了
進め方
01
要件整理
社員証表示・認証コード管理・ダッシュボードなど、SmartHR Plus上で求められる機能を整理。
02
UI設計
SmartHR UIに準拠したダッシュボード画面のデザインを行った。
03
開発・実装
NestJS(バックエンド)とReact(フロントエンド)で各機能を実装し、SmartHR APIとの連携、S3への画像・ファイル格納を組み込んだ。
04
セキュリティ検査・結合テスト
セキュリティスキャンと結合テストを実施し、AWS上のインフラを構築して納品。