タブレット現場入力
Web/PWA の /tablet で operator が作業日誌と金属探知報告書を入力。下書き保存、提出、差戻し後の修正まで現場側の画面で完結できます。
プロジェクト一覧に戻る
- Web
- PWA
- TypeScript
- Cloudflare Workers
- HACCP
- 業務アプリ
HACCP Record App
食品製造現場の HACCP 関連記録を、現場向けタブレット入力と管理者向け PC 画面に分けて運用する Web/PWA。作業日誌と金属探知報告書に対応し、下書き保存、提出、承認、差戻し、異常時対応記録、CSV 出力までをデモ環境で確認できます。Bun workspace のモノレポで API / Web / LP と shared packages を分け、operator / manager / admin の role 制御、検査機器マスタ、ユーザー管理を実装しています。
主な機能
PC 管理画面
/admin で manager / admin が作業日誌と金属探知報告書を検索・確認・承認・差戻し。日付、ライン、ステータスで確認すべき記録を追えます。
作業日誌
製造実績と衛生確認を残す帳票。ロット明細入力時に同日の金属探知報告書を紐付けでき、未承認の金探がある場合は承認前に警告します。
金属探知報告書
Fe / Sus の確認結果、異常内容、再検査範囲、調整内容、製品処置を記録。検査機器マスタのデフォルト値を入力時に反映できます。
ロール別の権限制御
httpOnly Cookie による最小 session auth を実装。operator / manager / admin で画面と API の権限を分け、現場入力と管理操作を切り分けます。
CSV 出力
管理画面から作業日誌と金属探知報告書を検索して CSV 出力。監査前の確認や社内保管に使いやすい形で記録を取り出せます。
使用技術
- Monorepo
- Bun
- Hono
- React
- Vite
- Astro
- Cloudflare Workers
- Cloudflare D1
- Drizzle ORM
- TypeScript
- Tailwind CSS
- Biome
- Zod