ショップ画面

ライブラリの購入アイテムを ショップ単位 でまとめて見れる画面です。 さらに BOOTH の「フォロー中ショップ」を取り込んで、新作が出たら通知できます。

画面内のショップ名・ハンドルはデモ用の架空データです。

サブタブ

[すべて (87)] [★ フォロー中 (70)] [ライブラリ (45)]    [↺]

タブ	内容
すべて	ライブラリ内 + フォロー中ショップ (= 購入無しでも見える)
★ フォロー中	BOOTH 側でフォローしているショップだけ
ライブラリ	ライブラリに購入アイテムがあるショップだけ
↺ (アクションボタン)	BOOTH のフォロー中ショップ一覧を取得して同期 (= 後述)

ショップカード

┌──────────────────────────────┐
│  ┌──┐ ショップ名 ✓           │  ✓: 公式検証済バッジ
│  │🏪│ @subdomain             │
│  └──┘ 12 アイテム             │
└──────────────────────────────┘
   ★ ← フォロー中 (avatar 右下にバッジ)

• フォロー中のショップは avatar 右下に ★ バッジ
• ライブラリに購入アイテム 0 件のフォロー中ショップは「ライブラリ内 0 アイテム」と表示 (dim)
• クリックで ショップ詳細 (購入済アイテムがある場合) or BOOTH を外部で開く (購入無し follow-only の場合)

ショップ詳細画面

ショップカードをクリックすると、そのショップから買ったアイテム一覧が出ます。

• 大きいアバター + ショップ名 + 「BOOTH で開く」ボタン
• 下に正方形タイル grid (商品サムネ + 名前) で全購入アイテム
• タイルクリックで 商品詳細画面 へジャンプ

BOOTH フォロー機能

「☆ フォロー」ボタン

ライブラリの商品カードを開いて出てくる ショップ詳細モーダル (ショップ名クリック) には 「☆ フォロー」 ボタンがあります。

• クリックで BOOTH 側にもフォロー反映
• 同時にローカル shop-subscriptions.json にも追加
• もう一度クリックでアンフォロー

一括同期 (↺ ボタン)

ショップタブの ↺ ボタンで BOOTH のフォロー中ショップ一覧を全ページ取得:

1. 1 ページ分 (= 20 ショップ分の name / avatar / 最近 item 4 件) → 取り込み
2. ストリーミング表示: 1 ページ取り込むたびに UI にカードが順次出現
3. 完了 toast に「新規 N 件 追加 / 既存 M 件 / 新着 K 件」を出す

100 ショップでも数秒で完了します。

自動同期 (起動時)

shopSubscriptions.size() === 0 の初回起動時、または lastCheckedAtMs が 24 時間以上 経過した sub が 1 件でもあると、起動 2 秒後に自動で全件 sync。

「24 時間」は 設定 で変更可能 (1〜168 時間 = 1 時間〜7 日)。

新着通知

各ショップの 最近 item 4 件 をローカルに knownItemIds として記録しておき、 次回同期時に 新規 item ID が現れたら通知バーに追加 します。

• 通知バー (右下 🔔) に「🏪 ショップ名 新着」+ サムネ + item ID
• 通知行クリックで BOOTH 商品ページを外部ブラウザで開く
• 初回 baseline 取得時は通知を出しません — 長年フォロー済みショップを 一気に取り込んでも 通知バーが爆発することはない

制限

• フォロー一覧からは 商品名を取得できない ので、通知ベルには商品 ID と サムネだけ表示 (クリックで BOOTH に行けば商品名が見える)
• 1 ショップあたり 最近 4 件しか取れないので、24 時間で 5 件以上 新作を出すショップは取りこぼし得る (普通は週 1 ペースなので問題なし)
• BOOTH 側でアンフォローしてもローカルからは自動削除されません (= 通知履歴を残したいケースを想定)。明示的に外したい場合はショップ詳細モーダルから「★ フォロー中」を toggle してアンフォロー