棚: 未設定

キーボードを表示

現在の棚

未設定

モード対象数

0 件

スキャン OK

0 回

スキャン NG

0 回

作業リスト

スキャンログ

商品番号	商品名	カテゴリー	購入モール	ステータス	棚番号	価格(税抜)

0 件

フィルター設定

売上は「発送済み」のデータのみを集計

モール選択

期間選択

売上目標

月次: ¥500,000

年度: ¥6,000,000

日別出品数

日付	曜日	出品数

月別出品数推移

在庫分析

在庫総額

¥0

0件

平均在庫日数

0日

在庫保管期間

在庫回転率

0.0回

年間

カテゴリー別在庫構成

長期在庫商品 Top 10

商品番号	商品名	在庫日数

ステータス別在庫分布

モール別在庫分布

在庫年齢分析

月次内訳

月	売上	粗利益	経費(税抜)	営業利益

モール別月次パフォーマンス

経費テーブルを表示します。

日付	勘定科目	詳細	備考	金額(税込)	金額(税抜)

料金マスタ管理

各配送業者の料金設定を管理します

基本料金 + 地域別追加料金 = 最終料金

全国一律料金（サイズ別）

サイズ	料金 (税抜)

ゆうパック料金（サイズ別）

サイズ	料金 (税抜)

重量×単価で計算（地域別単価）

地域	1kg単価 (税抜)

料金設定について

• 料金データはデータベースから自動取得されます
• 表示される料金は税抜価格です
• 佐川急便は地域別料金、西濃運輸は重量制
• 料金を編集するにはデータベース画面をご利用ください

AI商品分析

商品写真からブランド・商品名・相場を自動判定

API未設定

商品画像

📸

クリックまたはドラッグ&ドロップ

複数選択可・JPG, PNG, WEBP（各10MB以下）

分析モード

買取査定

相場・買取価格

フリマ出品

説明文生成

API設定

AIサービス

Geminiモデル

APIキーはサーバー側で安全に管理されています。管理者に連絡してAPIキーを設定してください。

分析結果

🤖

画像をアップロードして
「AIで分析する」をクリック

👜

LOUIS VUITTON

ネヴァーフル MM

M40995

推定市場相場

¥85,000 〜 ¥120,000

フリマ相場

¥98,000

買取相場

¥70,000

推奨買取価格

¥65,000

カテゴリ

バッグ

状態ランク

Aランク

🤖 AIコメント

モノグラム・キャンバスの状態は良好です。

商品名（65文字以内）

英語商品名

商品説明文

メルカリ

ヤフオク

おすすめ販売価格

¥0

フリマ相場

想定送料

手取り概算

🤖 AIコメント

データベース (D1)

Cloudflare D1 SQLite テーブル管理

テーブル選択:

テーブルを選択してください

EC買取・撮影管理

買取査定から出品までを一括管理

撮影待ち

出品中

今月の買取

今月の販売

買取査定を開始

顧客を選択して商品を登録

AI商品分析

写真から相場を自動判定

料金計算

配送業者

配送先都道府県 *

サイズ (cm)

荷物の3辺合計（縦+横+高さ）

重量 (kg)

実際の重量を入力してください

計算結果

配送情報を入力して
料金を計算してください

料金について

サイズの測り方

荷物の縦・横・高さの3辺合計で判定します。

例: 縦20cm × 横30cm × 高さ10cm = 60cm

重量について

実際の重量が重い場合、上位の重量区分が適用されます。

例: 60cmサイズでも4kgの場合は〜5kg区分を使用

重量区分

• 〜2kg
• 〜5kg
• 〜10kg
• 〜20kg
• 〜30kg

対応サイズ

• 60cm サイズ
• 80cm サイズ
• 100cm サイズ
• 140cm サイズ
• 160cm サイズ

アクセス方法

クラウド版

https://wms-d2n.pages.dev

ログイン情報は管理者にお問い合わせください。

スキャン画面

動作モード

棚移動モード

QRコード（棚番号）→バーコード（商品）で棚を更新

ピッキングモード

入金待ち商品のピッキング作業を記録

梱包モード

梱包待ち商品の発送処理を記録

スキャナーの使い方

物理スキャナー

入力欄にフォーカス→バーコードをスキャン

カメラスキャン

カメラボタン→QR/バーコードをかざす

手入力

「キーボードを表示」→商品番号を入力→Enter

リスト画面

商品検索
ステータス別フィルター
列の表示切り替え
並び替え
インライン編集
CSVエクスポート

分析画面

売上推移

日別・月別の売上グラフ

モール別実績

販売チャネル別の売上比較

目標達成率

月次・年次の目標進捗

リアルタイム機能

接続中ユーザー数の表示
ユーザーの接続/切断通知
操作ログの記録・表示

注意: リアルタイム同期は設定画面からON/OFFできます。

トラブルシューティング

ログインできない

• メールアドレスとパスワードを確認
• 管理者に連絡してアカウント確認

スキャンが反応しない

• 入力欄にフォーカスがあるか確認
• スマホは「キーボードを表示」をON

接続数が表示されない

• 設定でリアルタイム同期がONか確認
• ネットワーク接続を確認

データが同期されない

• 「データ同期」ボタンをクリック
• ページを再読み込み

システム構成

┌─────────────────────────────────────────────────────────────┐
│                      Cloudflare Pages                       │
│                   (フロントエンド静的ホスト)                    │
│                   https://wms-d2n.pages.dev                 │
└─────────────────────┬───────────────────────────────────────┘
                      │ HTTPS
                      ▼
┌─────────────────────────────────────────────────────────────┐
│                   Cloudflare Workers                        │
│                      (API サーバー)                          │
│              wms-api.syooo-1297-phone.workers.dev           │
├─────────────────────┬───────────────────────────────────────┤
│                     │                                       │
│    ┌────────────────▼────────────────┐                      │
│    │        Cloudflare D1           │                      │
│    │      (SQLiteデータベース)        │                      │
│    │   - items (商品マスタ)          │                      │
│    │   - shelves (棚マスタ)          │                      │
│    │   - operation_logs (操作ログ)   │                      │
│    └─────────────────────────────────┘                      │
│                     │                                       │
│    ┌────────────────▼────────────────┐                      │
│    │     Firebase Realtime DB       │                      │
│    │      (リアルタイムデータ)         │                      │
│    │   - users (ユーザー認証)         │                      │
│    │   - presence (接続状態)          │                      │
│    └─────────────────────────────────┘                      │
└─────────────────────────────────────────────────────────────┘

フロントエンド

技術スタック

HTML/CSS/JS バニラJS（フレームワーク不使用）
CSS Tailwind CSS v3
アイコン Phosphor Icons
スキャナー ZXing (html5-qrcode)
チャート Chart.js

ファイル構成

app/
├── index.html      # メインHTML
├── js/
│   ├── api.js      # API通信
│   └── app.js      # アプリロジック
├── manual.html     # マニュアル（旧）
└── _headers        # セキュリティヘッダー

バックエンド (Cloudflare Workers)

ファイル構成

worker/
├── src/
│   └── index.js    # メインWorker
├── wrangler.toml   # Wrangler設定
└── schema.sql      # DBスキーマ

主要機能

• JWT認証・検証
• D1データベースCRUD
• Firebase連携（ユーザー/プレゼンス）
• CORSハンドリング

データベース (Cloudflare D1)

テーブル定義

items（商品マスタ）

id TEXT PRIMARY KEY,    -- 商品ID
name TEXT NOT NULL,     -- 商品名
shelf TEXT,             -- 棚番号
location TEXT,          -- 管理場所
status TEXT,            -- ステータス
qty INTEGER,            -- 数量
cost INTEGER,           -- 原価
price INTEGER,          -- 販売価格
created_at TEXT,        -- 作成日時
updated_at TEXT         -- 更新日時

operation_logs（操作ログ）

id INTEGER PRIMARY KEY,
action TEXT NOT NULL,   -- 操作種別
item_id TEXT,           -- 対象商品ID
user_name TEXT,         -- 操作者名
details TEXT,           -- 詳細（JSON）
created_at TEXT         -- 操作日時

API仕様

POST /api/auth/login

ログイン認証

Body: { email, password } → { token, user }

GET /api/items

全商品取得（要認証）

Header: Authorization: Bearer {token}

PUT /api/items/{id}

商品更新（要認証）

Body: { field: value, ... }

POST /api/d1/table/{table}/bulk

バルクUPSERT（CSV一括インポート）

Body: { rows: [...] } → { inserted, updated, total }

認証・認可

認証フロー

email/password でログイン
Firebase でユーザー検証
パスワードハッシュ比較（PBKDF2）
JWT発行（24時間有効）
以降はBearer認証

ロール

admin

全機能アクセス可、ユーザー管理可

user

権限で制限された機能のみ

デプロイ

フロントエンド (Cloudflare Pages)

cd app
npx wrangler pages deploy . --project-name=wms

バックエンド (Cloudflare Workers)

cd worker
npx wrangler deploy

D1 マイグレーション

npx wrangler d1 execute wms-db --file=schema.sql

環境変数 (Secrets)

Secretsは wrangler secret put で設定

変数名	説明
JWT_SECRET	JWT署名用シークレット
FIREBASE_DATABASE_URL	Firebase Realtime DB URL
FIREBASE_API_KEY	Firebase APIキー
GEMINI_API_KEY	Google AI (Gemini) APIキー（AI分析用）
OPENAI_API_KEY	OpenAI APIキー（AI分析用・オプション）
ANTHROPIC_API_KEY	Anthropic (Claude) APIキー（AI分析用・オプション）

ラベル発行

棚用QRコードと商品用Code39バーコードを生成・印刷できます

棚用QRコード生成

棚番号

例: A-01, B-05, C-12

QRコードPDF一括出力

用紙フォーマット

サンプル棚番号でPDFを一括出力します

商品用Code39バーコード生成

商品ID

例: ITEM001, PRD-12345

バーコードPDF一括出力

用紙フォーマット

商品ID範囲設定

プレフィックス

桁数

開始番号

終了番号

生成範囲: PEN-S001 〜 PEN-S065

用紙余白微調整

左余白 (mm)

上余白 (mm)

印刷位置選択（65面）

クリックで印刷する位置を選択（灰色=除外）

選択中: 65 / 65 枚

プレビュー

プレビューボタンで表示

詳細レイアウト調整

商品番号

X位置 (mm)

Y位置 (mm)

幅 (mm)

フォントサイズ

バーコード

X位置 (mm)

Y位置 (mm)

幅 (mm)

高さ (mm)

スケール

バー高さ (mm)

バーコードテキスト

X位置 (mm)

Y位置 (mm)

幅 (mm)

フォントサイズ

チェックボックス

X位置 (mm)

Y位置 (mm)

ボックスサイズ (mm)

間隔 (mm)

ラベルフォントサイズ

サンプル商品IDでPDFを一括出力します

レイアウトプレビュー

「プレビュー」ボタンを押すと
レイアウトが表示されます

※ 実際のサイズ: 90mm × 60mm

設定

アカウント情報

- -

動作設定

通知音を有効にする手動入力をデフォルトにするリアルタイム同期を有効にする

他ユーザーの接続状況をリアルタイム表示

API設定

Google AI Studio APIキー

AI分析機能で使用するGemini APIキー

APIキーは Google AI Studio で取得できます

ログイン中のデバイス

読み込み中...

システム情報

v- Cloudflare D1

アップデートが必要です

倉庫在庫管理システム

梱包指示

フィルター設定

売上目標達成状況

出品目標達成状況

売上目標達成状況

月別 収益推移

モール別 売上構成

モール別 件数構成

出品目標達成状況

日別 出品数

月別 出品数推移

在庫分析

カテゴリー別在庫構成

長期在庫商品 Top 10

ステータス別在庫分布

モール別在庫分布

在庫年齢分析

月次内訳

モール別 月次パフォーマンス

料金マスタ管理

AI商品分析

データベース (D1)

CSVプレビュー

レコード編集

EC買取・撮影管理

顧客管理

商品管理

ワークフロー

料金計算

計算結果

料金について

サイズの測り方

重量について

重量区分

対応サイズ

アクセス方法

クラウド版

ログイン

ログイン手順

認証について

スキャン画面

動作モード

棚移動モード

ピッキングモード

梱包モード

スキャナーの使い方

物理スキャナー

カメラスキャン

手入力

リスト画面

分析画面

売上推移

モール別実績

目標達成率

リアルタイム機能

トラブルシューティング

ログインできない

スキャンが反応しない

接続数が表示されない

データが同期されない

システム構成

フロントエンド

技術スタック

ファイル構成

バックエンド (Cloudflare Workers)

ファイル構成

主要機能

データベース (Cloudflare D1)

テーブル定義

items（商品マスタ）

operation_logs（操作ログ）

API仕様

認証・認可

認証フロー

ロール

デプロイ

フロントエンド (Cloudflare Pages)

バックエンド (Cloudflare Workers)

月別収益推移

モール別売上構成

モール別件数構成

日別出品数

月別出品数推移

モール別月次パフォーマンス