概要
工場の作業員が製品の検査項目の確認をし、検査課が検査資料の管理をするアプリケーションです。チェックシートの記入と承認フロー、資料の保管を電子化しました。
チェックシートの入力をする人は、各工場に設置されたタッチパネル端末、現場に持ち出しているiPad、iPhoneからこのアプリで確認済を入力します。
チェックシートのステータスに応じて、工長、検査課の担当者、検査課の承認者に通知が飛ぶようにしています。
Points
チェックシートの種類が多いため、後から拡張しやすいようにチェックシートマスタの定義を丁寧に行いました。また、ユーザ側でチェックシートの基準値やリストを編集できるようにし、現場での利便性の向上を図っています。
管理面では、権限や通知の設定を視覚的に行えるようにしています。最終的な資料を管理する部署のためにPDFの保存と履歴管理にも力を入れました。
その他、ユーザの利便性に特化した実装をしています。
- ・確認済の一括入力
- ・ドラッグアンドドロップによる承認フローの変更
- ・柔軟な通知設定（即時通知、定期通知）
- ・複数のチェックシートの一括作成
- ・PDFの並び替えと結合
Stacks
-
フロントエンド :
- Next.js、
- CSS(TailwindCSS、shadcn/ui、React-icons)、
- Libraries(zustand、tanstack-table、SWR...)
-
バックエンド :
- Express
- Firestore、Firestorage、kintone、GoogleDrive
- Libraries(Pupppeteer、Nodemailer、CloudAPIs...)
-
ｲﾝﾌﾗ・その他 :
- NextAuth（認証）、
- CloudRun(フロント+バックエンド)、
- 3層アーキテクチャ、
- GoogleDrive
