工程完了入力アプリケーションに機能を追加しました!

Posted date at 2024-07-21

Business

React

Node.js

title.png

 製造程の完了日入力アプリケーション製造工程の可視化アプリケーションにPV工程を追加しました。追加機能の使用技術と実装内容を記載します。

 フレームワークを使用したWebアプリケーション開発参考にしてください。

 アプリはポートフォリオサイト📒にリンクがあります。


🚀アプリについてご存じない方へ

 過去の資料を掲載します(現在実装している機能のベースはコチラです)。技術スタックについて、質問がある方は聞いてください。

〇説明資料

説明文

〇GUI一覧

説明文

🚀EndMaRK(工程完了入力)追加機能

🐡本社PV工程選択とその他選択時の表示、入力に関する機能の切り替え

 ViewSetsを切り替えたときに、フィルタリング、表示、完了入力に関する項目を切り替えるフロントエンド、バックエンドの機能を実装しました。

 〇本社・屋井PT選択時

endmark-pt.png


 〇本社PV選択時

endmark-pv.png

🐡PV工程のカード登録機能

 上記の対応に合わせて、Mifare(社員証)、FelicaでPV工程が登録できるようにしました。


🚀ProcessVision(工程可視化)追加機能

🐡本社PV工程選択とその他選択時の表示に関する切り替え機能

 〇本社・屋井PT選択時

process-pt.png


 〇本社PV工程選択時

process-pv.png


🚀まとめ

 いかがだったでしょうか。アプリの規模が大きくなればなるほど、ディレクトリ構成、コンポーネント設計、関数設計の作業時間に与える影響が大きくなります。PV用のアプリをを追加するだけに見えるかもしれませんが、フロントエンド、バックエンドと変更・機能追加は結構ボリュームがありました。

←ホームに戻る