操作・構築・運用ガイド
利用者はPCへアプリをインストールする必要がありません。公開URLをブラウザで開くだけで利用できます。
出荷用ピックリストを出す
- 「手配一覧」の対象行で「ピックリスト」を押します。
- サイズ・対面/横並びを確認してひな形を選び、「数量の基準」を選びます。
- 手配内容と照合し、品番・数量を直します。部品追加は「行を追加」、不要な項目は「対象外」と理由を入力します。
- 「この手配に保存」を押し、照合の確認にチェックして「Excel出力」または「PDF出力」を押します。
Excel・PDFには登録時の手配内容も付けます。原本の部品構成・色柄が今回の手配に合っているか確認してください。Excelを直接編集してもWebには反映されません。
管理者は「マスタ管理」→「ピックリストひな形管理」から、ひな形の追加・コピー・修正ができます。保存済みの手配別ピックリストは変わりません。
1. 手配書を入力する
- 「新規手配」を開き、左側(スマートフォンでは上部)から商品を選びます。
- 「納品先情報」は全商品で任意入力です。未定の項目は空欄のままにして、「標準品」または「特注品」を選びます。
- 黄色の欄は選択、青色の欄は文字・数値入力です。商品に必要な項目だけが表示されます。
- 作業途中は「下書き保存」で同じPC・ブラウザ内へ保存できます。
- 画面上部の進捗で必須項目の残数を確認します。
- 「登録内容を確認」で内容を見直し、「確認して登録」で共有データベースへ登録します。
- 登録・更新・確認のお知らせはポップアップで表示します。内容を確認して「OK」を押すと閉じます。
特注品は、扉を正面にしたW・D・Hと、扉・デスク位置が分かるファイル添付または共有URLが必須です。
2. レイアウト・特記事項を添付する
- 「レイアウト・特記事項」の「ファイルを選択」を押します。
- PDF、画像、Excel、CSV、DWG、DXF、ZIPから最大5件を選択します(1件15MB、合計40MBまで)。
- 選択したファイルは登録確認画面で確認し、「確認して登録」を押したときに保存されます。
- 登録後は「手配一覧」→「内容を見る」から添付ファイルを開けます。
ブラウザの下書きにはファイル本体を保存しません。下書きを開いた場合はファイルを再選択してください。
3. 面材・吸音パネル・ソファを選ぶ
- 仕様欄の最初に「不燃面材仕様/低メラ仕様」を1回選びます。選択後は、外壁・内壁・ドア・デスクなどすべての対象部位が同じ仕様へ一括で切り替わります。
- Work 1人用・2人用・L型/4人用は「不燃面材仕様」、その他の商品は「低メラ仕様」が初期値です。切替後は選んだ仕様の面材色柄だけを表示します。
- 「不燃面材仕様」ではスチログラスは対応不可です。候補から除外し、切替前に選んでいたスチログラスは解除します。低メラ仕様へ戻した場合は、必要に応じて選び直してください。
- WorkBox 3機種は、吸音パネル、パナソニック煙感知報知器、採光窓、配線孔、エアタイトなどのオプション項目を同じ並びで入力できます。煙感知報知器は親器(SHK42712K)と子器(SHK42422K)を分けて入力し、子器は最大14個です。
- 吸音パネルは先にメーカーを選び、そのメーカーに対応する色柄だけを選択します。Work Wallのイストフロンボードは15色を登録済みです。追加の色柄は「マスタ管理」の対象項目へ1行1色柄で追加します。
- ドリックス・イストフロンボードを選ぶと、メーカー欄の下に「カラバリ参照」が表示されます。押すとメーカーに対応した色見本画像が開き、「OK」で閉じます。色柄は入力欄の選択肢から選んでください。
- Work 2人用・L型/4人用はソファの「あり/なし」を選びます。「なし」では張地と台座を表示しません。Work 1人用にはソファ項目はありません。
- babyは、規格品番・タイプまたは特注タイプに「ベンチなし」と表示される場合、ソファ張地とベンチ台座を表示しません。採光部・リモートロック・配線孔キャップの選択はありません。
- Deskは規格品番を選ぶと、標準デスクには追加棚、ルーフデスクには屋根加工が表示されます。Work Wallでは外壁とデスクの面材を別々に選びます。K-****KNの色を選んだ場合は確定品番を詳細欄へ入力してください。
- 全商品の「オプション・追加部品」に「デスク脚」があります。指定の5種類、または「なし」を選べます。不要な商品の項目は「マスタ管理」で削除して保存できます。
4. 手配一覧・状態変更・印刷・CSV
- 状態を変える:「手配一覧」の対象行の「状態」で選びます。自動保存後、ポップアップの「OK」を押します。管理キーは不要です。
- 状態は「手配依頼 → 工場生産指示待ち → 生産中 → 完成 → 物流移動」のほか、「確認中」「保留」を選べます。前の状態へ戻すこともできます。
- A4で印刷する:「手配一覧」→ 対象行の「内容を見る」→「A4印刷」→ 新しいタブの「印刷する」を押します。用紙をA4・縦にして印刷します。内容が多い場合は複数ページになります。
- 印刷用紙は詳細と同じ入力内容と添付ファイル名を載せます。添付図面は必要に応じて別に開いて印刷してください。
- 入力中の1件:画面下部の「CSV出力」を押します。
- 登録済みの1件:「手配一覧」を開き、対象行の「個別CSV」を押します。
- 登録済みの全件:「手配一覧」を開き、「全件CSV」を押します。閲覧・出力に管理キーは不要です。
- Excelで文字化けしにくいUTF-8(BOM付き)です。すべての共通項目と商品固有項目を列として出力します。
- 不要な手配は対象行の「削除」を押し、手配番号と現場名を確認してから削除します。
5. 品番・色・部品を変更する
- 「マスタ管理」を開いて管理キーを入力します。
- 既存商品へサイズを追加する場合は、「品番・サイズを追加」、または近い品番の「複製」を押して品番・サイズ名を書き換えます。
- 新しい商品メニューを作る場合は、構成が近い商品を選び、「このメニューを複製して追加」を押します。商品名とメニュー表示名を決めた後、不要な品番・項目を削除して内容を整えます。
- 入力項目を増やす場合は「項目追加」、近い項目を流用する場合は各項目右端の複製ボタンを使います。プルダウンの選択肢は1行に1項目です。色柄を追加するときは、末尾でEnterを押し、次の行に新しい色柄を入力してください。Shift+Enterでも改行できます。空行は保存時に取り除きます。
- 標準品画像を差し替える場合は、対象品番を選んでPNG・JPEG・WebP画像をアップロードします。
- カラバリ参照画像は、対象商品を選び、「吸音ボードのカラバリ参照画像」で該当メーカーの「画像を選択・差し替え」から選択します。1枚5MBまでです。「標準画像に戻す」で提供時の画像へ戻せます。同じ商品の複数の吸音欄は、この画像を共用します。
- 「マスタを保存」を押します。次回入力から新しいメニュー、品番、内容、画像が表示され、更新日時と変更履歴も自動保存されます。
複製した新しいメニューは、必ず内容を確認して「マスタを保存」してください。保存前に画面を閉じると追加は確定しません。
6. Cloudflare Pagesへ公開する
- 配布セットを展開し、中にある「1_Pagesへ入れる.zip」をCloudflare Pagesへ指定します。この内側のZIPは展開しません。手元での変換やビルドは不要です。
- プロジェクト名を pao-wanted-notice にすると、空きがある場合は https://pao-wanted-notice.pages.dev になります。
- D1データベースをバインド名 DB、Workers KVをバインド名 FILES で接続し、秘密の環境変数 PAO_ADMIN_KEY を設定します。
- 初回だけ、D1のConsoleへ配布セットの 2_D1初期設定.sql の中身を貼り付けて実行します。すでに登録できているサイトの今回の更新にSQL実行は不要です。
- 旧サイトのデータは、新サイトの「マスタ管理」→「旧サイトからデータ移行」に旧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を出力し、日付を付けて社内共有フォルダへ保存してください。マスタ変更後は、画面右上の更新日と変更履歴も確認します。