概要
工場や倉庫などの現場で働く社員が勤怠の打刻をするためのWebアプリケーションです。
申請する人は、各工場に設置されたタッチパネル端末、現場に持ち出しているiPad、iPhoneからこのアプリで申請を行います。
また、工場の事務担当者や工場長、総務部の担当者は、社員一人ひとり人の出勤退勤時間、残業時間の確認ができます。
Points
ログインユーザの他、社員証、顔認証など様々な打刻方法を実現しました。 また、位置情報APIとGoogleMapAPIを使用し、位置情報や住所入力(手動修正)とGoogleMapとのインタラクティブな表示変更を実装しました。
管理面では、自分の勤怠、社員別、日別、月別などの一覧を用意し、打刻情報の矛盾をアラート表示しています。
その他、ユーザの利便性に特化した実装をしています。
- ・一括で複数の社員の打刻を行う(上長がまとめて申請)
- ・プロフィール画面での初期表示ページの変更
- ・iPhoneを自宅に忘れたなど手動による事後修正も可能(ログは取得)
- ・遡及入力の制限(30営業日前までしかできない)の設定など
Stacks
-
フロントエンド :
- Next.js、
- CSS(SASS、MaterialUI)、
- Libraries(GoogleMapAPI、W3C-WebUSB、dnd-kit、TensolFlow)
-
バックエンド :
- Next.js
- kintone(社員情報、ユーザ情報、打刻履歴、各種マスタ)、
- Libraries(kintoneREST API Client)
-
インフラ・その他 :
- NextAuth(認証)、
- CloudRun(フルスタック)、
- GoogleCalendar(休暇の共有)、
- Gmail(通知)









