商品情報にスキップ
1 1
公開日:2026.05.21

【Sidekick】コレクション別のSKU在庫数をまとめて確認できる管理画面カスタムアプリの実装例

【Sidekick】コレクション別のSKU在庫数をまとめて確認できる管理画面カスタムアプリの実装例

用途

  • 在庫管理
詳細を表示する

Shopify管理画面の在庫ページはコレクション単位での絞り込みができないため、コレクション別の在庫確認は手間のかかる作業でした。このカスタムアプリは、管理画面の商品一覧ページからコレクションを選ぶだけで、全バリアントの在庫数(販売可能・引当済み・販売不可・手持ち)をひとつの表で確認できるShopify管理画面UIエクステンションの実装例です。

コレクション選択と在庫一覧テーブルの画面

機能

  • コレクション一覧から対象コレクションを選択(最大1,000件対応)
  • バリアント単位で在庫数を表示(販売不可 / 引当済み / 販売可能 / 手持ち)
  • 商品名での絞り込み検索
  • 各カラムヘッダーによるソート
  • 50件ずつのページネーション
  • 更新ボタンで最新在庫を再取得

Sidekickでのアプリ作成方法

  1. 購入後に表示される指示プロンプト(PROMPT.md)をコピー
  2. Shopify Sidekick で「+」→「アプリを生成」を選択し、プロンプトを貼り付け

Sidekickでアプリを生成する手順

  1. Sidekickが作成してくれたアプリをプレビューして問題なければインストール

ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

PROMPT.md(Sidekickへの指示プロンプト)