NextSHIFT(休暇・残業管理)

概要

工場や倉庫などの現場で働く社員のために、休暇や残業の管理を行うWebアプリケーションです。

申請する人は、各工場に設置されたタッチパネル端末、iPad、iPhoneからこのアプリで申請を行います。

また、工場の事務担当者や工場長、総務部の担当者は、承認行為をしたり、社員一人ひとり人の残業時間、休暇日数の確認をします。

Points

操作に不慣れな方でも、直感的に操作できるように、シンプルなUI/UXを心がけました。 また、バリデーションも実装し間違いがないようにしました。

管理面では、1次承認、最終承認ができるユーザをkintoneで設定可能としています。また、情報共有の観点からGoogleカレンダー、メール通知、専用の表示アプリへの連携も行っています。

その他、ユーザの利便性に特化した実装をしています。

  • ・一括で複数の社員の申請を行う(上長がまとめて申請)
  • ・承認、完了などのステータスを複数人一括でセットする
  • ・本日のみの申請をワンタッチで表示する
  • ・遡及入力の制限(締め日を過ぎた申請は不可)など

Stacks

  • フロントエンド :
    • React/JavaScript、
    • CSS(SASS、MaterialUI)、
    • Libraries(papaparse、axios、FirebaseAuthentication)
  • バックエンド :
    • Express/Node.js、
    • GoogleAppScript(GoogleCalendar連携)、
    • DB(kintone:申請情報・社員情報・各種マスタ)、
    • Libraries(kintoneREST API Client)
  • インフラ・その他 :
    • FirebaseHosting(フロントエンド)、
    • CloudRun(バックエンド)、
    • GoogleCalendar(休暇の共有)、
    • Gmail(通知)
画像 1
画像 2
画像 3
画像 4
画像 5
画像 6
画像 7
画像 8
アクティブ画像