{"product_id":"2026-05-21","title":"【Sidekick】コレクション別のSKU在庫数をまとめて確認できる管理画面カスタムアプリの実装例","description":"\u003cp\u003eShopify管理画面の在庫ページはコレクション単位での絞り込みができないため、コレクション別の在庫確認は手間のかかる作業でした。このカスタムアプリは、管理画面の商品一覧ページからコレクションを選ぶだけで、全バリアントの在庫数（販売可能・引当済み・販売不可・手持ち）をひとつの表で確認できるShopify管理画面UIエクステンションの実装例です。\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"コレクション選択と在庫一覧テーブルの画面\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-05-21_1.png?v=1779315090\" class=\"zoomable-image\" style=\"max-width:100%;border-radius:8px;\"\u003e\u003c\/p\u003e\n\n\u003ch2\u003e機能\u003c\/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eコレクション一覧から対象コレクションを選択（最大1,000件対応）\u003c\/li\u003e\n  \u003cli\u003eバリアント単位で在庫数を表示（販売不可 \/ 引当済み \/ 販売可能 \/ 手持ち）\u003c\/li\u003e\n  \u003cli\u003e商品名での絞り込み検索\u003c\/li\u003e\n  \u003cli\u003e各カラムヘッダーによるソート\u003c\/li\u003e\n  \u003cli\u003e50件ずつのページネーション\u003c\/li\u003e\n  \u003cli\u003e更新ボタンで最新在庫を再取得\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eSidekickでのアプリ作成方法\u003c\/h2\u003e\n\u003col\u003e\n  \u003cli\u003e購入後に表示される指示プロンプト（PROMPT.md）をコピー\u003c\/li\u003e\n  \u003cli\u003eShopify Sidekick で「+」→「アプリを生成」を選択し、プロンプトを貼り付け\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e\u003cimg alt=\"Sidekickでアプリを生成する手順\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/sidekick-flow.png?v=1779317435\" class=\"zoomable-image\" style=\"max-width:100%;border-radius:8px;\"\u003e\u003c\/p\u003e\n\u003col start=\"3\"\u003e\n  \u003cli\u003eSidekickが作成してくれたアプリをプレビューして問題なければインストール\u003c\/li\u003e\n\u003c\/ol\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48877334200571,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-05-21.png?v=1779315098","url":"https:\/\/store-dojo.com\/products\/2026-05-21","provider":"STORE DOJO","version":"1.0","type":"link"}