B2B Order Platform
AI支援開発で内製したB2B受発注システム
メールと Excel 中心だった B2B 受発注業務を、Next.js + Supabase でフルスクラッチ実装した社内 DX プロジェクト。ドン・キホーテ、ファミリーマート等とのデータ連携基盤を構築。
ワンクリックでシステムを体験。
管理者・顧客どちらの画面もデモアカウントで試せます。「Enter as Admin / Customer」 ボタンを押すだけで自動ログインします。
b2b.sakusen.cloud
// 年
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 名で運用可能な体制まで業務効率化
- +
大手小売（ドン・キホーテ／ファミリーマート等）とのデータ連携基盤を確立