← Works
Case Study 02

OCRmail

手書きエラーをゼロにした現場スキャンWeb

¥0 サーバー費
0 ビルドツール依存
PWA オフライン対応

Before課題

  • 担当工場で製品管理タグの発行が手書き、またはタブレットへの手入力で行われていた
  • ヒューマンエラーが多発し、工数が無駄に増加
  • 修正・再発行の手戻りが常態化

Actionアクション

  • スマホのブラウザでバーコードを連続スキャン → メール送信するPWAを開発
  • サーバー不要」「完全無料」「現場仕様(手袋越し操作対応)」をコンセプトに設計
  • Web Audio APIによるスキャン成功音、大きなボタン、ハイコントラスト配色で現場UXを徹底

After成果

  • 手書きエラーの撲滅
  • サーバー費 0円(GitHub Pages + PWA)
  • ビルド不要の超軽量構成で即デプロイ
  • ホーム画面追加でネイティブアプリ同等の操作感を実現

使用技術

HTML5 + Vanilla JS html5-qrcode PWA(Service Worker) Web Audio API