EndMaRK(工程完了入力)

概要

作業者が自分の作業工程の完了日を入力するアプリケーションです。

詳細な検索ができるメニューを使用して基幹システムから連携される製品を検索し、ICカードで完了日を入力します。

完了日の入力は手動でもでき、入力結果は基幹システムに連携され、ProcessVISION(製造工程可視化)とも共有されます。

Points

入力の手間を省くために、マウスやタッチ操作だけでなく、USB接続のICカードリーダーを通しての入力を可能としています。

ICカードへの工程の登録・変更もこのアプリでできるようにしており、現場でのカードの使いまわしを可能としています。

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

  • ・検索条件、カラムの並び、表示・非表示の設定とブラウザへの記憶
  • ・CSVエクスポート
  • ・ダークモード/ライトモード
  • ・図面参照アプリへのシームレスな連携(図面の閲覧)
  • ・工程のプリセットの切り替え

Stacks

  • フロントエンド :
    • React、
    • CSS(Sass、MaterialUI、FlatIcon)、
    • Libraries(tanstack-table、papaparse、axios...)
  • バックエンド :
    • Express、
    • kintone、
    • Libraries(kintoneAPIClient)
  • インフラ・その他 :
    • FirebaseAuthentication(認証)、
    • CloudRun(バックエンド)、
    • FirebaseHosting(フロントエンド)
画像 1
画像 2
画像 3
画像 4
画像 5
画像 6
画像 7
画像 8
アクティブ画像