B2B Order Platform
AI支援開発で内製したB2B受発注システム
メールと Excel 中心だった B2B 受発注業務を、Next.js + Supabase でフルスクラッチ実装した社内 DX プロジェクト。ドン・キホーテ、ファミリーマート等とのデータ連携基盤を構築。
// 年
2025
// 担当
- 業務フロー設計
- DB / RLS 設計
- Next.js 実装
- AI支援開発（Cursor / Claude Code / Codex）
- リリース運用
// ツール
- Next.js
- TypeScript
- Supabase
- Tailwind CSS
- Cursor
- Claude Code
- Codex
// 概要
Overview.
従来メールと Excel で行っていた受注・出荷・帳票作成業務に対し、業務フローの整理・必要機能の洗い出し・画面構成の設計を行い、AI コーディングツール（Cursor / Claude Code / Codex）を活用して Next.js + Supabase でフルスクラッチ実装。BtoB 顧客がセルフで発注できる体制と、請求書・配送依頼書・納品書の自動生成を実現し、最小1名で運用可能な構成まで持ち込んだ。
// 担当範囲
Role & Responsibilities.
- 01業務フローの再定義と必要機能の洗い出し
- 02Customer / Admin 双端 UI 設計
- 03Supabase スキーマ・RLS 設計
- 04AI 駆動開発（Cursor / Claude Code / Codex）による実装
- 05請求書・配送依頼書・納品書の自動生成
- 06ドン・キホーテ／ファミリーマート等とのデータ連携基盤の整備
// プロセス
Process.
01 — 観察と再定義
メール + Excel ベースのオペレーションを 1 件単位で観察し、ボトルネックと冗長な手作業を業務側・技術側の両軸で言語化。
02 — 設計
顧客・商品・注文・出荷・帳票のドメインを整理し、Supabase テーブルと RLS、画面構成を設計。
03 — AI 駆動実装
Cursor / Claude Code / Codex で Next.js + Supabase をフルスクラッチ実装。Customer 端は最短発注、Admin 端は俯瞰性と一括処理を重視。
04 — 連携と運用
ドン・キホーテ、ファミリーマート等の受発注オペレーションに対応するデータ連携基盤を整備。本番で運用継続中。
// 成果
Outcome.
- +
請求書・配送依頼書・納品書を含む帳票業務を自動化
- +
BtoB 顧客のセルフ発注を実現し、コミュニケーションコストを大幅削減
- +
最小 1 名で運用可能な体制まで業務効率化
- +
大手小売（ドン・キホーテ／ファミリーマート等）とのデータ連携基盤を確立
// B2B システム デモ
Try the system.
Preview only / 仅为预览版
本デモは『デザイン体験のためのプレビュー版』であり、実際に運用中の本番システムそのものではありません。フロントエンドの最小機能のみを保持しており、商品・会社名・住所・メールアドレス等はすべて架空の例示データです。データは保存されず、ページをリロードすると初期状態に戻ります。
プレビュー版（前端のみ） · 商品 / 会社名 / 住所はすべて架空 · 認証 / DB なし
商品一覧
RELX MAX PRO 23
9000 puff disposable. Cool mint flavor.
RELX INFINITY 2
Pod system device. Premium aluminum body.
RELX PHANTOM
Limited edition device with matte finish.
RELX POD
Replacement pods. 5-pack.
// ギャラリー
Gallery.