共通印刷物フローモック

管理画面＞共通印刷物グループ登録管理者

共通印刷物グループ登録

グループ名（Bubble側で入力）

業界

小分類

共通印刷物グループ選択

未選択

グループを選択してください

選択 ▼

含まれる印刷物（グループ選択後に表示）

グループ未選択

グループを選ぶと印刷物一覧が表示されます

管理画面＞共通印刷物グループ登録＞印刷物確認管理者

共通印刷物グループ登録

グループ選択選択済

cpg_001

安全標識セット

commonPrintGroupId: cpg_001

変更 ▼

含まれる印刷物（4件） GET /common-print-groups/cpg_001/prints で取得

立入禁止
cp_001

立入禁止_01.png

土足厳禁
cp_002

土足厳禁_01.png

安全第一
cp_003

安全第一_01.png

ヘルメット着用
cp_004

ヘルメット着用_01.png

行事フローとの違い: サイズ展開なし。1グループ = N枚の印刷物をそのまま登録

管理画面＞共通印刷物グループ登録＞保存完了管理者

保存完了

以下の情報がBubble DBに保存されました

Bubble DB: 共通印刷物グループ（親）
commonPrintGroupId = cpg_001 / 名前 = 安全標識セット / 業界 = 建設業 / 小分類 = 現場管理

Bubble DB: 共通印刷物（子 × 4件）
[1] commonPrintId=cp_001, fileName=立入禁止_01.png, fileKey=cp_001, thumbnailUrl=https://cdn.../cp_001.png
[2] commonPrintId=cp_002, fileName=土足厳禁_01.png, fileKey=cp_002, thumbnailUrl=https://cdn.../cp_002.png
[3] commonPrintId=cp_003, fileName=安全第一_01.png, fileKey=cp_003, thumbnailUrl=https://cdn.../cp_003.png
[4] commonPrintId=cp_004, fileName=ヘルメット着用_01.png, fileKey=cp_004, thumbnailUrl=https://cdn.../cp_004.png

ユーザー画面＞共通印刷物ユーザー

共通印刷物

Brother APIは呼ばない — Bubble DBの thumbnailUrl で画像を直接表示

グループ選択

安全標識セット

店舗案内セット

衛生管理セット

立入禁止

立入禁止_01.png

表示: thumbnailUrl

土足厳禁

土足厳禁_01.png ← DL対象

表示: thumbnailUrl

安全第一

安全第一_01.png

表示: thumbnailUrl

ヘルメット着用

ヘルメット着用_01.png

表示: thumbnailUrl

API呼び出し

1グループ一覧取得

GET/common-print-groups

レスポンス

commonPrintGroupId name

Response { "commonPrintGroups": [ { "commonPrintGroupId": "cpg_001", // Common Print Group DB.commonPrintGroupId "name": "安全標識セット" // グループ名 }, { "commonPrintGroupId": "cpg_002", "name": "店舗案内セット" } ] }

DB読み取り（Brother側）

Brother Common Print Group DB

フィールド	用途
commonPrintGroupId	グループ識別キー
name	グループ名表示

API呼び出し

2グループ内印刷物一覧取得

GET/common-print-groups/{commonPrintGroupId}/prints

パスパラメータ

commonPrintGroupId

レスポンス

commonPrintId fileName thumbnailUrl fileKey

Response { "prints": [ { "commonPrintId": "cp_001", // Common Print DB.commonPrintId "fileName": "立入禁止_01.png", // Common Print DB.fileName "thumbnailUrl": "https://cdn.../cp_001.png", // 一覧表示用（公開URL・期限なし） "fileKey": "cp_001" // DL用（永続識別子） }, { "commonPrintId": "cp_002", "fileName": "土足厳禁_01.png", "thumbnailUrl": "https://cdn.../cp_002.png", "fileKey": "cp_002" }, // ... 全印刷物分 ] }

DB読み取り（Brother側）

Brother Common Print DB

フィールド	用途
commonPrintId	印刷物識別キー
fileName	ファイル名表示
thumbnailUrl	サムネイル表示（公開URL）
fileKey	DL時に使用（永続識別子）

Bubble DB書き込み

Bubble 共通印刷物グループ

フィールド	値の出処
commonPrintGroupId	API: GET /common-print-groups
グループ名	管理者が手入力
業界	管理者が選択
小分類	管理者が選択

Bubble 共通印刷物

フィールド	値の出処
commonPrintId	API: GET /{id}/prints
fileName	API: GET /{id}/prints
thumbnailUrl	API: GET /{id}/prints（一覧表示用）
fileKey	API: GET /{id}/prints（DL用）

フィールド	用途
thumbnailUrl	→ img srcに直接セット（公開URL）
fileName	→ ファイル名表示
fileKey	→ DL時にAPIパラメータに使用

共通印刷物 フローモック

共通印刷物フローモック