-
在庫・出荷管理アプリを作ってます⑫：Next.js + Google Vision APIでOCR精度を劇的改善した話
はじめに 農業向け出荷管理システムで伝票のOCR機能を実装する際、「技術的には動く」けど「実用的には使えない」という壁に直面しました。※前の記事はこちらから。 最大の問題：配送伝票に記載された出荷先名が正しく認識されない。特に表記揺れ（「ウェ... -
在庫・出荷管理アプリを作ってます⑪：出荷予定登録を「入力だけ」から「管理できる」システムに改善
はじめに 前回までに、出荷予定を登録する機能は完成していました。しかし実際に使い始めると「登録したものが見られない」「確認できない」「間違えても直せない」という問題が次々と見えてきました。 今回は、シンプルな入力フォームから、実用的な出荷... -
在庫・出荷管理アプリを作ってます⑩：Supabaseでユーザー名ログインを実装する方法｜メールアドレスと両対応する認証機能
前回の記事では、Supabaseを使った新規登録の自動化について解説しました。今回はその続編として、ユーザー体験をさらに向上させるために 「ユーザー名でのログイン機能」 を実装しました。 この記事では、メールアドレス OR ユーザー名の両方でログインで... -
在庫・出荷管理アプリを作ってます⑨：出荷先マスタの全面改善 〜基本機能から本格システムへ〜
はじめに 前回からUI/UXの改善を進めています。基本的な出荷先マスタ機能は実装しましたが、今回は、この出荷先マスタを実運用レベルまで改善した過程を記録します。 改善前の課題整理 1. 出荷グループの未実装 問題：データベースには格納されているが、... -
在庫・出荷管理アプリを作ってます⑧：ChatGPTで土台を作り、ClaudeでUI、UXを磨いた【トップページ＆ログイン画面の改善】
はじめに これまで7回にわたって農業向けの在庫・出荷管理アプリを開発してきました。認証、出荷予定、出荷実績（OCR）、出荷先マスタ、役割別権限など、基本機能は動く状態に。ただ、ざっくりとしか着手しておらず、実運用を考えると「もっと使いやすいUI... -
在庫・出荷管理アプリを作ってます⑦：OCR機能で伝票登録を自動化したかったが、ひとまず保留
流通管理システムの開発も⑥段階目。今回は生産者が出荷完了後に伝票をOCRで自動登録する機能に取り組んだ。 「写真を撮るだけで伝票の内容が自動入力されたら便利だよね！」という発想で始めたのだが、そんな簡単にできるわけもなく、出来は置いといて実装... -
在庫・出荷管理アプリを作ってます⑥：生産者向け当日出荷情報表示機能（shipment-view）の実装
農産物流通管理システムの第6段階として、生産者が当日の出荷予定を確認できる「shipment-view」機能を実装しました。 この機能により、生産者は朝一番に「本日出荷する商品と出荷先」をすぐに確認でき、作業準備をスムーズにするのが目的です。 出荷予定... -
在庫・出荷管理アプリを作ってます⑤：React初心者がコンポーネント化してみたけど・・・なんか違う気が。
前回、流通業者の出荷予定登録機能を実装しました。その際に「コンポーネント化を積極的に行った」と書きましたが、実際にやってみて感じた理想と現実のギャップについて、リアルな体験談を書いてみます。 最初の理想：「コンポーネント化すれば使い回せる... -
在庫・出荷管理アプリを作ってます④：出荷予定登録（Next.js × Supabase）
前回のおさらい これまでの実装で、以下の機能を作成しました： ログイン機能：Next.jsのUI制御とSupabaseのRLSで閲覧ページの切り替え マスタ登録機能：流通業者が出荷先情報をSupabaseに格納 今回は、流通業者が出荷予定を登録する機能を実装します。流... -
在庫・出荷管理アプリを作ってます③：出荷先マスタ登録機能の実装（Next.js × Supabase）
農業アプリ開発シリーズの第3回目です。 今回は流通業者が使う「出荷先マスタ登録機能」について書いていきます。 そもそも「出荷先マスタ」って何？ 出荷先マスタとは、出荷の宛先（例：○○青果株式会社、△△市場など）を一覧として管理する機能です。 これ...
