Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
Shopify Editions Spring ’26 の読み解き、続いては「オンライン」カテゴリ（全25項目）です。
オンラインストア本体のアップデートで、AIによる接客・分析・検索の強化から、実トラフィックでのA/Bテスト（Rollouts）、顧客アカウントの刷新、B2Bの全プラン対応まで、かなり幅広い内容でした。
中でもRolloutsは実際に触っていますが、テーマやページを実トラフィックで比較できるのは運用にありがたいですね。
https://store-dojo.com/blogs/tips/shopify-editions-26-spring-online
-
Shopify Editions Spring ’26 の読み解き、続いては「Sidekick」カテゴリ（全9項目）です。
管理画面のAIアシスタントが、アプリ連携（Klaviyo・http://judge.me等）やバックグラウンドでのマルチタスク、Flowのテストイベント自動生成まで対応と、かなり実用寄りに進化しています。
最近FlowやアプリづくりをSidekickに任せる場面が増えていますが、「操作を覚える」から「やりたいことを言う」へ移りつつあるのを実感しますね。
https://store-dojo.com/blogs/tips/shopify-editions-26-spring-sidekick
-
Shopify Editions Spring ’26で、今回もっともインパクトが大きいと感じたのは、やはり「エージェンティック」カテゴリです。
ChatGPTやGeminiなどのAIが買い物を仲介する時代を見据え、商品が発見され、購入されるまでの新たな流れに対応する機能を、Shopifyが猛スピードで整備・リリースしていることが伝わってきます。
特に理解を深めるために「おまかせコンシェルジュ」「画像で探す」「価格チェック」の3つのデモを実際に作り、検証してみたりしていますが、改めて実感したのは、AI対応の土台となるのは、結局のところ「商品データの充実」だと実感しています。
-
Shopify Editions Spring ’26、発表された内容が非常にボリューミーで、内容をちゃんと理解しようと一つひとつ丁寧に見ていくと、なかなか時間がかかりますね。
自分なりに10カテゴリ・218項目に整理して、具体例を確かめながら順に読み解いてみました。
※スレッドにリンク先を掲載
スレッド
Shopify Editions 2026年春 全まとめ
https://store-dojo.com/blogs/tips/shopify-editions-spring-2026 -
そうなんですよ。でもこういう機能も同時にリリースされていたので、アフィリエイト契約なしで、インフルエンサーさんが、全世界のストアから商品を推薦する際にスポンサードフィーをもらえそうですね。
"プロモーション掲載を選択することで、あなたが誘導した購入に対して収益を得ることができます。"
https://shopify.dev/docs/agents/catalog#earn-with-paid-placements
-
【Shopify Editions Spring '26】
Shopify Catalog APIによる検索機能の一つ、「画像で探す（画像検索）」も試してみました。気になる写真をアップすると、見た目が近い商品を世界中のShopifyから探してくれます。これも同じ Catalog API の機能で、search_catalog の like に画像を渡すだけ。ページにサンプル画像も置いてみましたので、その場ですぐ試せます。
https://store-dojo.com/pages/image-search
-
こちらなんですが、ざっくり言うとShopifyでストアを作らなくても、Agenticプランに登録して商品情報を放り込んでおくだけで、あとはShopifyが勝手にAIチャット（ChatGPT・Gemini・Copilot・Perplexity・Shopアプリ）に流してくれるプランになります。
・お店（オンラインストア）は作らなくてOK。Shopifyのアカウントだけ作っておきます。
・商品の入れ方は2通りあります。①ふつうにShopifyに登録（手動・CSV・API）／②今使ってる商品管理システムをつないで流し込む。
・「お客さんがAIで何を聞いてるか」も見られて、返品や配送の答えを用意しておけます。
・在庫・受注管理は現在お使いのシステムのままで、Shopifyは“AIチャネルに配る係”として間に入るイメージです。
・月額タダ。売れたときの決済手数料だけ（日本のオンラインで3.55%＋0円）かかります。つまり「商品データを一回つないでおけば、いろんなAIに自動で出して」くれます。
Shopify Agentic Plan
https://www.shopify.com/agentic-plan -
Shopify Editions '26 Spring が発表されましたね。エージェンティックコマースを中心に重要アップデートが目白押しです。
そして、グローバル商品カタログが一般開放されました。これまで利用に審査・承認が必要だった「世界中のShopifyマーチャントの商品（数十億点）を横断検索する仕組み」（Catalog API / UCP）が、APIキーだけ・承認不要で、どの開発者でも使えるようになりました。
個別のストアと提携・連携しなくても、世界中のShopifyの在庫商品の発見から、各店のカートへの受け渡しまでできます。
というわけで、試しにこんなページを作成してみました。
『おまかせコンシェルジュ｜こんな時、何着てく？』
シチュエーションを入れると、日本配送・日本円（JPY）・性別（レディース/メンズ/キッズ）でコーデを提案。各カードはそのまま販売元ストアのカートへ繋がります。ちなみに実装の裏側も書いておくと、これは"AIが商品を選んで”いるわけではありません。Catalog APIに条件付きのクエリ（状況・予算・配送先・通貨・性別）を投げて、返ってきた結果を並べているだけです。
Shopifyカタログにクエリを投げるだけでも相応の精度で返してくれるのはさすがですね。※実際に動いているページはスレッドにURLを記載
スレッド
おまかせコンシェルジュ / Style Concierge
https://store-dojo.com/pages/omakase-concierge -
【Shopify TIPS：テーマHorizon】
商品ページにバリエーションごとの在庫一覧表を表示する方法サイズ×カラー×素材…と組み合わせが増えるほど、どれがどれだけ在庫あるのか、ピッカーを切り替えながら1つずつ確認するのは大変です。
商品ページに在庫の一覧表を出しておくと、お客様が一目で在庫状況を把握できます。すべての組み合わせが存在しない変則バリエーションにも対応。Horizon向けの設定例をまとめました。
※詳細はスレッドに掲載
スレッド
【Horizon】商品詳細画面にバリエーションごとの在庫一覧表を表示する方法
https://store-dojo.com/products/2026-06-15 -
【Shopify TIPS：テーマHorizon】
メインメニューから同じ階層を移動できるサブメニューを自動生成する方法第2・第3階層まであるメニューだと、同じ階層の別カテゴリに移りたいたびにメニューを開き直す必要があり、地味に手間です。
ヘッダー直下に兄弟リンクを横並びで自動表示しておくと、メニューを開き直さずに同一階層を回遊できるようになります。Horizon向けの設定例をまとめました。
※詳細のリンク先はスレッドに記載
スレッド
【Horizon】メインメニューから同一階層を移動できるサブメニューを自動生成する方法
https://store-dojo.com/products/2026-06-14 -
というポストをした直後に、なんと公式からも同様のChrome拡張がリリースされました。
公式拡張はページ全体だけでなく、要素単位でもキャプチャ可能。もちろん、Figma上で編集できるレイヤーとして取り込めます。
ただ、いくつか試したところ、公式拡張では別ドメインから配信されている画像が取得されないケースがありました。
たとえばUNIQLOの場合、ページ本体は http://www.uniqlo.com、画像は http://im.uniqlo.com から配信されています。ブラウザ上では別オリジン扱いになるため、公式拡張はこの制約を守り、画像部分が抜けた状態でキャプチャされました。
一方、Copy to Figmaは「全サイトへのアクセス権」を前提に、画像を直接取得しているようです。
つまり優劣というより設計思想の差で、
・公式拡張 = 最小権限で安全寄り。その分、別オリジン画像は取りこぼすことがある
・Copy to Figma = 広いアクセス権を前提に、より多くの要素を持ってこられるというトレードオフでした。
まずは公式拡張を使いつつ、画像が抜けるケースではCopy to Figmaを使う、という使い分けになりそうです。
https://chromewebstore.google.com/detail/figma/fkmaohpngenfoccdgceedjkfhkdcohmg?pli=1
-
このChrome拡張、かなり便利で助かりますね。
最近だとAIが生成してくれるプロトタイプに対して修正指示出したい時など、言葉で表現しづらいところは画面をキャプチャして加工したりしていたのですが、これを使えばパーツをその場で組み直しできるので、変更方針などが共有しやすくなりました。
https://coliss.com/articles/build-websites/operation/work/copy-to-figma-chrome-extension.html
スレッド
というポストをした直後に、なんと公式からも同様のChrome拡張がリリースされました。
公式拡張はページ全体だけでなく、要素単位でもキャプチャ可能。もちろん、Figma上で編集できるレイヤーとして取り込めます。
ただ、いくつか試したところ、公式拡張では別ドメインから配信されている画像が取得されないケースがありました。
たとえばUNIQLOの場合、ページ本体は http://uniqlo.com、画像は http://im.uniqlo.com から配信されています。ブラウザ上では別オリジン扱いになるため、公式拡張はこの制約を守り、画像部分が抜けた状態でキャプチャされました。
一方、Copy to Figmaは「全サイトへのアクセス権」を前提に、画像を直接取得しているようです。
つまり優劣というより設計思想の差で、
・公式拡張 = 最小権限で安全寄り。その分、別オリジン画像は取りこぼすことがある
・Copy to Figma = 広いアクセス権を前提に、より多くの要素を持ってこられるというトレードオフでした。
まずは公式拡張を使いつつ、画像が抜けるケースではCopy to Figmaを使う、という使い分けになりそうです。
https://chromewebstore.google.com/detail/figma/fkmaohpngenfoccdgceedjkfhkdcohmg?pli=1
-
さっそく複数の案件で使わせてもらっています。
「新しいお客様アカウント」では従来の会員登録フォームが使えなくなり、誕生日や電話番号などの顧客情報収集が課題でした。
このアプリは初回ログイン直後にフォームを自動表示してくれるので入力を促しやすく、購入完了画面など複数画面にまたがってフォームを出す際も、入力済みの項目は自動で非表示になるなど、UXがよく考えられていて大変助かっています！
-
【Shopify TIPS：Horizonのモバイルドロワーメニュー改善】
Horizonのスマホ用ドロワーメニューは開くたびにトップからたどり直す形なので、階層が深いメニューでは同じカテゴリをクロールしたい時など、地味にストレスになりがちです。
そこで、開いた瞬間に“今いるページの階層”を自動で展開しつつ、現在表示しているメニューをグレーでハイライトする設定例です。テーマエディタ上でカスタムLiquidセクションを追加してコードを貼り付けるタイプなので、テーマファイルのコード編集は不要です。
※詳細はスレッドに記載しています。
スレッド
【Horizon】ドロワーメニューを開いた時に現在ページの階層を自動展開し、選択中メニューを強調する方法
https://store-dojo.com/products/2026-06-10 -
Shopify Rollouts でABテストをする際、標準の分析レポートも便利ですが、GA4で詳細を分析したいケースもあるので、ユーザープロパティを使う方法を試してみました。
① GA4でカスタム定義（ユーザープロパティ）を追加
② テーマファイルにGA4にユーザープロパティを送信するスクリプトを追加し、ABテストするテーマごとに値を設定
③ DebugViewでセットされていることを確認※Google&Youtubeアプリで計測しているストアで使える計測コード（ユーザープロパティは次のイベント送信時に付与されるため、ダミーイベントを一緒に発火させます。G-XXXXXXXXXのところに計測プロパティIDをセットします。）
window.addEventListener('load', function() {
if (window.gtag) {
gtag('set', 'user_properties', {
rollout_variant: 'default' // または 'test'
});
gtag('event', 'rollout_check', {
send_to: 'G-XXXXXXXXX'
}GA4の探索レポートでABテストするテーマごとにCVRやセッション数を比較できるようになります。
-
【X記事】Shopifyストアの agents.md.liquid でAI向け情報をカスタマイズ
Shopify は /agents.md、/llms.txt、/llms-full.txt のカスタマイズ機能をリリースしました。もともと、何もしなくても Shopify が自動生成してくれていたのですが、テーマの Liquid…
https://x.com/i/article/2063914996145553408
-
ロールアウト機能がアップデートされ、チェックアウトとお客様アカウント設定のスケジュール公開＆A/Bテストができるようになりました。
テーマのようにセクション単位で変更するのではなく、チェックアウト設定の下書きを別途用意して丸ごと切り替える仕組みのようです。配信割合と開始・終了日時を指定してテストできます。
テーマのセクション変更に加えて、チェックアウトページまで検証できるようになったのはありがたいですね。
