Xポストログ

2026年7月9日

【Agentic commerce：UCPカタログ利用サイト例】
自分がクックパッド出身だから、というわけではないのですが、「作りたい料理」を指定すると、そのまま材料を購入できてしまうページを、ShopifyのUCP（Universal Commerce Protocol）カタログを使って作ってみました。

料理を選ぶ（または写真をアップする）と、AIがレシピと分量を出し、各材料を全マーチャント横断のカタログから検索してくれます。また、必要な分量に近い商品が「おすすめ」として推奨され、そのままカートへ入れられます。単一ストアに縛られず材料が集まるのが横断カタログならではで、購入まで繋がるのが面白いところですね。サーバも立てずGAS単体で動かしています。（今回は実際にClaudeのAPIを使ってレシピに合致する商品を検索させています）

ちなみにUCPカタログを使いつつも、決済周りをUCP対応にするところまではまだ正式にリリースされていないので、カートに追加した商品を個別に各サイトで決済しないといけない状態です。

※実際のページは詳細リンクに掲載しています。

#Shopify #UCP #ShopifyEditions

スレッド

Cookart — 作りたい料理の材料を、ちょうどの分量で。
https://script.google.com/macros/s/AKfycbywLR5SnKxAFFMFZPTxnTu410gtBPJWrRvQbl9OzB7upaHid_eeKlAOSEba11XNQmC1/exec

2026年7月8日

【Shopify TIPS：Sidekick Adminアプリ】
商品の「公開予定日」を販売チャネル別に一覧表示して、予定/公開済の確認から、その場での日時変更・即時公開までできるアプリです。Sidekickに貼り付けるプロンプトで実装できます。

予約公開自体は標準機能ですが、"今どの商品がいつ公開予定か"を横断で見渡すのは意外と手間。そこを1画面に集約しています。

※詳細はスレッドに記載しています。

#Shopify #Sidekick

スレッド

【Sidekick】商品の「公開予定日」を一覧管理する（公開予定日マネージャー）
https://store-dojo.com/products/2026-07-08

2026年7月7日

【Shopify TIP：ABテスト（テーマ：Horizon）】
Shopify Rolloutsとメタフィールドを使い、テーマはそのままに、デフォルト画像と差し替え画像を50%ずつ同時配信してA/Bテストする設定例です。写真以外は完全に同一条件、テーマHorizonを使った場合の具体的な手順です。

※このTIPSの詳細はスレッドに記載したリンク先に掲載しています。

#Shopify

スレッド

【Horizon】Rolloutsで商品写真をA/Bテストする設定例｜メタフィールドで商品ギャラリーを丸ごと差し替え
https://store-dojo.com/products/2026-07-06

2026年7月6日

そうなんです。
今後、本格的にUCPが展開されると、会員先行販売などをストアフロント制御で行ってもAI経由で購入されてしまうので注意が必要ですね。

2026年7月6日

【Shopify TIPS：商品画像ABテスト】
商品写真について「どれを主役にするか」「どの順で見せるか」「中身とパッケージのどちらを優先して見せるか」など、購入率の変化をABテストしたいとき、これまではLiquidコードをゴリゴリ書いて、かなりの手間をかけてテストしていました。（テーマファイルを丸ごと入れ替えてABテストするタイプのアプリは、別の項目が表示されないなどの運用上のリスクがあるので使えずにいました）

Shopify Rolloutsを使うと、テーマファイルは同じまま画面の一部をユーザーごとに出し分けることができる上に、同時に配信できるので、非常にテストしやすくなりました。

デフォルトの商品画像とは別に、メタフィールドに設定しておいた画像を表示する処理をテーマ側に用意しておくことで、「デフォルト画像を出すパターン」と「メタフィールドの画像を出すパターン」を同時に配信して評価できます。

#Shopify

2026年7月5日

【Agentic Commerce：UCP】
Shopifyで発売前の商品に在庫だけ入れておき、テーマ側では「予約中」と表示して購入ボタンを隠す、という運用をするケースがあります。
この時、すでに在庫を入力済みで購入可能な状態にんっていると、テーマを経由しないUCP/Shop経由で商品に直接アクセスされ、そのまま購入まで進めてしまいます。

実際に試してみたところ、ストアフロントで塞いでいた事前告知商品が、UCP経由で購入できてしまいました。発売前の商品を確実に止めたい場合、フロント側で隠すだけでは不十分といえます。

在庫は0のままにしておいて販売開始時刻にMatrixifyなどで自動投入するか、Checkout Validation Function（チェックアウト側でサーバーサイドに購入可否を判定する仕組み）で発売前フラグを見て弾く、といった対応をしておく方が良さそうです。

#Shopify #AgenticCommerce #UCP #ACP

2026年7月4日

【Shopify TIPS：テーマカスタマイズ】
shopify theme dev、--port で別々のポート番号を指定すれば、localhost 上で異なるストアを並行して確認できるようになります。

shopify theme dev --store http://storeA.myshopify.com --port 9292
shopify theme dev --store http://storeB.myshopify.com --port 9293

起動するとポートごとに、ローカルプレビュー（127.0.0.1:ポート）と、そのポートに紐づくテーマエディタURL（?hr=ポート）が返ってきます。手元のファイル編集もエディタ側の操作も双方向でホットリロードされるので、複数ストアを並行して進めたいときに便利です。

#Shopify

2026年7月3日

【Agentic Commerce : UCP】
Shopifyのグローバルカタログ（UCP）を使って、「開いているページに掲載されているものに近い商品」を出すブックマークレットを作ってみました。どんなページでもクリックひとつで、内容を読み取ってShopify全体のストアから関連商品を横断で拾い、その場で購入リンクまで表示できます。

アフタヌーンティーの記事で試すと、各店のアフタヌーンブレンドや夏向けのお茶が並んで、思ったより実用的でした。

今はページから抜き出したキーワードでテキスト検索しているだけですが、ここにLLMを一段噛ませて「このページで紹介されている商品」を調査してもらい、実際の商品そのもの、もしくはそれに近いものをサジェストさせるようにすれば、より親和性の高い提案に引き上げられそうです。
「この商品探して」or「これに近い商品探して」がその場でできますね。

#Shopify #AgenticCommerce

2026年7月2日

そういえばSidekickで生成したブロック、ゴミ箱ボタンで削除できるようになっていたんですね。気づいていませんでした。

何度か作り直して似たような名前のブロックが増えてしまったときに整理できるのは便利です。

ただ一覧では"どれをいつ作ったか"までは分からないので、同じ名前が並んでいると取り違えやすいので、消すときは注意が必要そうです。

#Shopify

2026年7月1日

Shopify Editions Spring '26 で紹介されていた「ストアフロントの標準イベント＆アクション」ですが、これまでは、アプリや独自Javascriptを使ってストアのカートを操作するのに、テーマのHTMLを推測して読み解いたり、通信を横からキャッチしたりする必要がありました。

今回、Shopify共通の「命令」（Shopify.actions.openCart など）と「イベント通知」（shopify:cart:lines-update など）が用意されたことで、テーマの中身を知らなくても操作や状態取得ができるようになりました。

実際に試すと、対応済みのHorizonではカートドロワーがその場で開き、未対応のDawnではカート画面に遷移する、という違いも見られました。今後のテーマアップデートで広く浸透すると良いですね。

https://shopify.dev/changelog/standard-storefront-events-and-actions

#Shopify

2026年7月1日

@mijupom625 ただ、こちら、通常の「カートに追加」ボタンと併用しようとした場合、ネストされたLINEアイテムを渡すために別途jsを組む必要があるので、そこがちょっと手間になりそうでした。

2026年6月30日

【Shopify TIPS：注文金額制限】
Editionsでも紹介されていましたが、元々はPlus限定の機能だった「合計◯◯円以上で注文OK」といった注文金額の制限機能が、Shopify公式のCheckout Blocks というアプリを使って全プランで設定できるようになりました（2026年4月13日）。

Checkout Blocksの「Functions」→「Create function」→「Order limit」を選択して、注文小計の最小額（・最大額）を入れるだけ。金額が範囲外だと、チェックアウト画面でブロックされます。

「会社のみ」を条件指定できるので、BtoB向けに最低購入金額を指定したり、高額な注文をあらかじめ防ぐなどの使い方ができます。

#Shopify

スレッド

Shopify Checkout Blocks
https://apps.shopify.com/checkout-blocks?locale=ja

2026年6月29日

Shopify Editions Spring '26 で紹介されていた「アドオンに対する簡単なチェックアウトのサポート」、試してみました。

商品フォームに隠し入力要素を仕込んでおくだけで、メッセージカードやギフト包装みたいなオプションが、Google Payなどの高速チェックアウト（ウォレット決済）にも一緒に乗ってくれるようになりました。
専用アプリを入れなくてもストアフロントのテーマコードだけで実装できるのは便利ですね。

#Shopify #ShopifyEditions

スレッド

アドオンに対する簡単なチェックアウトのサポート
https://www.shopify.com/jp/editions/spring2026#_R_4eatdet35_

2026年6月28日

Shopify Editions Spring ’26 の読み解き、最後は「財務」「開発者」カテゴリ。「開発者」向けのリリース内容は最多ボリュームでした。

一貫しているのは「AIエージェントがShopifyを推測ではなく正確に扱えるようにする」という思想。AI Toolkit（Claude・Cursor等から正確にストア構築）やDev MCPサーバー、メタオブジェクトAPIのvalues一括化、<shopify-account>1行でログイン実装など、開発・運用の負担をShopify側に寄せる流れが鮮明です。

このあたりは普段Claude Code＋AI Toolkitで触っている領域なので、特に納得感がありました。

※「財務」については日本では使えないものなのでコメント＋リンクのみ掲載。

https://store-dojo.com/blogs/tips/shopify-editions-26-spring-finance
https://store-dojo.com/blogs/tips/shopify-editions-26-spring-developer

#Shopify #ShopifyEditions

2026年6月27日

Shopify Editions Spring ’26 の読み解き、続いては「決済」カテゴリです。

不正対策とチェックアウト最適化が中心で、AIによるカードテスト攻撃のブロック、チャージバック監視アラート、チェックアウトのコンパクト化、住所オートコンプリートなど、日本のストアにそのまま効くものが多い印象でした。

※リンクはスレッドに掲載

#Shopify

スレッド

Shopify Editions Spring ’26 決済
https://store-dojo.com/blogs/tips/shopify-editions-26-spring-payments

2026年6月26日

【Agentic Commerce：UCP】
Shopify Editions Spring ’26 で紹介された、http://shop.app のAIエージェント向け「Shopスキル」なんですが、これをClaudeに繋いでみたところ、実際にUCP（Universal Commerce Protocol）の挙動を体感することができました。

UCPは、AIエージェントがどの店でも「発見→カート→決済」まで通せるShopifyのオープンな取引規格。実際にClaudeが日本のロースターのコーヒー豆を検索→比較→購入し、注文（#1090 / ¥2,090）まで成立させてくれました。

カード番号はエージェントに渡らず、決済はShop Payウォレット経由。購入は「予算を委任」して初めてOKされるというガードつき。

ChatGPTなどが"発見"で止まる中、購入の承認・実行まで通せるのがUCPの肝。デモではなく本当に動きました。

#Shopify #ShopifyEditions #ShopApp