入力画面へ戻るPAO 手配書システム
BEGINNER GUIDE

操作・構築・運用ガイド

利用者はPCへアプリをインストールする必要がありません。公開URLをブラウザで開くだけで利用できます。

1. 手配書を入力する

  1. 「新規手配」を開き、左側（スマートフォンでは上部）から商品を選びます。
  2. 現場・納品先を入力し、「標準品」または「特注品」を選びます。
  3. 黄色の欄は選択、青色の欄は文字・数値入力です。商品に必要な項目だけが表示されます。
  4. 作業途中は「下書き保存」で同じPC・ブラウザ内へ保存できます。
  5. 画面上部の進捗で必須項目の残数を確認します。
  6. 「登録内容を確認」で内容を見直し、「確認して登録」で共有データベースへ登録します。
特注品は、扉を正面にしたW・D・Hと、扉・デスク位置が分かるファイル添付または共有URLが必須です。

2. レイアウト・特記事項を添付する

  1. 「レイアウト・特記事項」の「ファイルを選択」を押します。
  2. PDF、画像、Excel、CSV、DWG、DXF、ZIPから最大5件を選択します（1件15MB、合計40MBまで）。
  3. 選択したファイルは登録確認画面で確認し、「確認して登録」を押したときに保存されます。
  4. 登録後は「手配一覧」→「内容を見る」から添付ファイルを開けます。
ブラウザの下書きにはファイル本体を保存しません。下書きを開いた場合はファイルを再選択してください。

3. 面材・吸音パネル・ソファを選ぶ

  • 仕様欄の最初に「不燃面材仕様／低メラ仕様」を1回選びます。選択後は、外壁・内壁・ドア・デスクなどすべての対象部位が同じ仕様へ一括で切り替わります。
  • Work 1人用・2人用・L型／4人用は「不燃面材仕様」、その他の商品は「低メラ仕様」が初期値です。切替後は選んだ仕様の面材色柄だけを表示します。
  • WorkBox 3機種は、吸音パネル、パナソニック煙感知報知器、採光窓、配線孔、エアタイトなどのオプション項目を同じ並びで入力できます。煙感知報知器は親器（SHK42712K）と子器（SHK42422K）を分けて入力し、子器は最大14個です。
  • 吸音パネルは先にメーカーを選び、そのメーカーに対応する色柄だけを選択します。イストフロンボードの色柄は「マスタ管理」の対象項目へ1行1色柄で追加します。
  • Work 2人用・L型／4人用はソファの「あり／なし」を選びます。「なし」では張地と台座を表示しません。Work 1人用にはソファ項目はありません。
  • babyは、規格品番・タイプまたは特注タイプに「ベンチなし」と表示される場合、ソファ張地とベンチ台座を表示しません。採光部・リモートロック・配線孔キャップの選択はありません。

4. CSVを出力する

  • 入力中の1件：画面下部の「CSV出力」を押します。
  • 登録済みの1件：「手配一覧」を開き、対象行の「個別CSV」を押します。
  • 登録済みの全件：「手配一覧」を開き、「全件CSV」を押します。閲覧・出力に管理キーは不要です。
  • Excelで文字化けしにくいUTF-8（BOM付き）です。すべての共通項目と商品固有項目を列として出力します。
  • 不要な手配は対象行の「削除」を押し、手配番号と現場名を確認してから削除します。

5. 品番・色・部品を変更する

  1. 「マスタ管理」を開いて管理キーを入力します。
  2. 既存商品へサイズを追加する場合は、「品番・サイズを追加」、または近い品番の「複製」を押して品番・サイズ名を書き換えます。
  3. 新しい商品メニューを作る場合は、構成が近い商品を選び、「このメニューを複製して追加」を押します。商品名とメニュー表示名を決めた後、不要な品番・項目を削除して内容を整えます。
  4. 入力項目を増やす場合は「項目追加」、近い項目を流用する場合は各項目右端の複製ボタンを使います。プルダウンの選択肢は1行に1項目です。
  5. 標準品画像を差し替える場合は、対象品番を選んでPNG・JPEG・WebP画像をアップロードします。
  6. 「マスタを保存」を押します。次回入力から新しいメニュー、品番、内容、画像が表示され、更新日時と変更履歴も自動保存されます。
複製した新しいメニューは、必ず内容を確認して「マスタを保存」してください。保存前に画面を閉じると追加は確定しません。

6. Cloudflare Pagesへ公開する

  1. 配布物の「Pages直接アップロード版ZIP」を、そのままCloudflare Pagesのドラッグ＆ドロップへ指定します。手元での変換やビルドは不要です。
  2. プロジェクト名を pao-wanted-notice にすると、空きがある場合は https://pao-wanted-notice.pages.dev になります。
  3. D1データベースをバインド名 DB、Workers KVをバインド名 FILES で接続し、秘密の環境変数 PAO_ADMIN_KEY を設定します。
  4. D1のコンソールへ同梱の drizzle/0000_natural_apocalypse.sql を貼り付けて実行します。
  5. 旧サイトのデータは、新サイトの「マスタ管理」→「旧サイトからデータ移行」に旧URLを入力して取り込みます。
初回だけ設定が必要です。公開後の日常操作、マスタ追加、品番追加、データ移行にはプログラムの変換やコマンド操作はありません。

7. 初回構築（この成果物では実施済み）

① Excel確認11ファイルの入力シート・記入例・マスタ・プルダウンを抽出
② 1本化商品マスタから画面を自動生成するWebアプリへ統合
③ 保存先無料枠で運用できるWebデータベースへ手配・マスタ・履歴を保存
④ 公開HTTPSの公開URLへ配置し、PCのブラウザから利用
⑤ 確認自動検査、実ブラウザ操作、CSV実ファイル確認を複数回実施

運用開始に必要なのは、利用者へのURL共有と、管理担当者への管理キー共有だけです。管理キーは一般利用者へ公開しないでください。

8. 対応商品

Work 1人用Work 2人用Work L型・4人用セミオープンウォールbabycalmdowndeskPencilmulticarephone

上記11商品を基本メニューとし、管理画面で追加した商品は12番目以降へ表示されます。

9. 日常のバックアップ

月1回、またはマスタ変更前に「手配一覧」から全件CSVを出力し、日付を付けて社内共有フォルダへ保存してください。マスタ変更後は、画面右上の更新日と変更履歴も確認します。