Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
【Shopify Flow】
Shopify Flowから外部のAPIを呼ぶとき、APIキーを「シークレット」に登録しておくと、キーの値を画面にもログにも出さずに使えます。使い方は2ステップです。
1. Flowの「設定」→「シークレットを管理」で「シークレットを追加」を押し、名前とAPIキーを登録する
2. Send HTTP request（外部へリクエストを送るアクション）の入力欄の下にある「シークレットを追加」から差し込むヘッダーには
Klaviyo-API-Key {{secrets.Klaviyo-API-Key}}
のように、キーそのものではなくシークレットの名前が入ります。登録した値は一覧でも伏せ字で表示され、実行ログからも伏せられます。あわせて、外部サービスからの応答も後のステップで受け取れます。Run codeで本文をJSONとして解析すれば、「Klaviyoにプロフィールがあるか」「購読の同意状態」などを条件分岐に使えます。
昨年の2025年5月に追加された機能ですが、Klaviyo APIをFlowで扱うときにかなり便利でした。なお、Send HTTP requestはPlus・Advanced・Growプランで使えるアクションです。
Flow: Improved Send HTTP request action enables secure connections and returns data to the workflow
https://changelog.shopify.com/posts/flow-improved-send-http-request-action-enables-secure-connections-to-external-systems-and-returns-data-to-the-workflow
-
【Shopify Agentic Commerce】
AIエージェントが、Shopifyストアの実店舗を探せるようになったとのことです。AIに「このブランドのお店で、渋谷の近くにあるのは？」と聞くと、ストアに直接問い合わせて、店舗名・住所・位置を教えてくれます。Discover a merchant's retail stores with UCP location search and lookup
https://shopify.dev/changelog/posts/discover-a-merchant-s-retail-stores-with-ucp-location-search-and-lookup検証用のストアで試してみました。
・返ってくるのは、管理画面の「設定 → ロケーション」で「実店舗」をオンにした拠点だけ（店舗受取がオンでも、実店舗がオフだと返らない）
・店舗名・住所・緯度経度に加えて、拠点に登録した電話番号も返る
・都道府県は英語（例：Tokyo）で返り、「東京都」のように日本語の都道府県名で探すと見つからない（「渋谷区」のような市区町村名では見つかる）
・営業時間での絞り込みには対応していない商品で絞り込むこともできますが、在庫数や取り置きを保証するものではないとのことです。実店舗を持つストアは、AIに渡ってよい情報になっているか、拠点の住所や電話番号を一度見直しておくと良さそうですね。
-
【Shopify TIPS：テーマHorizon】
HorizonのPC用メニューはメガメニュー形式で、Dawnのように親メニューのすぐ下に子メニューの一覧を小さく開く「ドロップダウン」表示は選べません。メニューの項目がそれほど多くないストアでは、画面の横幅いっぱいに開くメガメニューより、親メニューの下に縦に並ぶほうが目当ての項目を追いやすいこともあります。
そこで、ヘッダーのメニューブロックを元にした新しいブロックを追加して、PC表示だけをドロップダウンに置き換えるカスタマイズ例です。header.liquid などのテーマ本体のファイルは変更せず、スマホのドロワーメニューはHorizon標準のまま使えます。開き方（マウスオーバー／クリック）や孫メニューの表示、パネルの角丸や影などの見た目も、テーマエディタで切り替えられます。
※詳細とデモストアのリンクはスレッドに掲載
-
【Shopify Sidekick】
Sidekickで、背景が透過した画像を生成できるようになったとのことです。指示に「透過背景で」と入れるだけで、イラストやアイコンなどを背景が透明なPNGで作れます。Generate images with transparent backgrounds in Sidekick
https://t.co/HK5c0uqRYi検証用のストアで試してみました。
・「透過背景で、手描き風の緑の葉っぱのイラストを作って」で、背景が透明なPNGが生成された
・背景を指定しないと、白っぽい背景つきで生成される
・生成した画像は「ファイルに保存」でそのままファイルに追加できるあわせて、既存の商品写真の背景も透過できるか試してみました。透過した画像はできましたが、元の写真から背景を抜いたものではなく、写真を参考に新しく描き直した画像でした。「角度・位置・大きさ・柄は変えないで」と頼むとかなり近くなりますが、商品が拡大・再配置され、柄の細部も変わっていました。
ちなみに、既存の商品写真をそのまま使いたい場合は、商品画像の編集画面にある「背景色」の「透明」を選ぶと、元の写真のまま背景だけを抜けます（画像の分析に失敗して選べないこともありました）。素材を新しく作るならSidekick、商品写真の背景を抜くなら編集画面、と使い分けると良さそうですね。
-
【Shopify 顧客セグメント】
顧客セグメントで誕生日を絞り込むとき、anniversary() を使うと「年を除いて」月日だけで比べられるので便利です。たとえば「12月生まれのお客様」を絞り込む場合、誕生日のメタフィールドをそのまま日付で比べると、年まで比べてしまうため、指定した年の12月生まれしか入りません。
metafields.facts.birth_date BETWEEN 2000-12-01 AND 2000-12-31
→ 2000年12月生まれだけanniversary() で囲むと年が無視され、何年生まれでも12月生まれがまとめて入ります。
anniversary('metafields.facts.birth_date') BETWEEN 2000-12-01 AND 2000-12-31
→ 1985年でも2001年でも、12月生まれなら対象「今日から30日以内に誕生日」なら BETWEEN today AND +30d と書けます。誕生日のデータを1つ持っておくだけで、「◯月生まれ」のようなタグに変換しておく必要がないのも助かります。
※誕生日は日付型のメタフィールド（標準の facts.birth_date など）で持っている必要があります。
Shopify-based customer segment filters
https://help.shopify.com/manual/customers/customer-segmentation/reference-guide/shopify-segments
-
【Shopify 在庫管理】
Shopifyの管理画面で、在庫カウント（棚卸し）ができるようになったとのことです。実際に棚にある数を数えて記録し、Shopify上の在庫数との差を確認してから更新する、という一連の作業が管理画面から行えます。Create, manage, and review stock counts in Shopify admin
https://changelog.shopify.com/posts/create-manage-and-review-stock-counts-in-shopify-admin検証用のストアで試してみました。
・「商品管理 → 在庫」の右上にある「在庫カウント」から作成
・数える画面では、Shopify上の在庫数（予想）が表示されないので、先入観なく数えられる
・数え終わると「予想」と「カウント済み」が並び、差をひと目で見比べられる
・「棚卸しを完了」を押すまで在庫数は変わらない同じカウントに複数のスタッフが入力しても上書きされず、誰が数えたかも残ります。これまで表計算ソフトとCSVの取り込みで行っていた棚卸しを、標準機能で回せるのは、実店舗や倉庫を持つストアには助かりそうですね。
-
【Shopify Agentic Commerce】
AIエージェントがShopifyのストアで買い物を代行する際に、「メルマガを受け取るか」「データを分析に使ってよいか」といった購入者の同意を、ストアとやり取りできるようになったとのことです。※AIエージェント：ChatGPTやGeminiのように、利用者に代わって商品を探し、カートに入れ、購入手続きまで進めるAIのこと
※やり取りの仕組みは、UCP（Universal Commerce Protocol）という、AIエージェントとストアが買い物の情報をやり取りするための共通ルールで定められています流れとしては、ストアが「どんな同意を取っているか（分析・好みの保存・データの共有・メールやSMSでの販促）」とその初期値をエージェントに伝え、エージェントは購入者が選んだ内容をストアに返します。
検証用のストアで、AIエージェントと同じ手順で試してみました。
・カートを作ると、日本向けの初期値は「販促の連絡だけ同意なし」で返ってきた
・メールアドレスと一緒に「メールの販促に同意」を送ると、購入者の選択として反映された
・日本のストアでも、住所・送料まで決まり「あとは支払うだけ」の状態まで進んだ一方、Shopify公式の「Shopスキル（Shop CLI）」で試すと、同意の情報は返ってきませんでした。
※Shopスキル：ClaudeなどのAIエージェントに、自分のShopアカウントで商品検索や購入をさせるために、Shopifyが提供しているツールつまり、ストア側の受け入れ準備は整ったものの、同意を実際に扱うかどうかはエージェント側の対応しだいです。Shop自身のスキルもまだ未対応で、ChatGPTやGeminiなど各エージェントがいつ対応するかも発表されていません。
Checkout MCP and Cart MCP now support UCP buyer consent
https://shopify.dev/changelog/posts/checkout-mcp-and-cart-mcp-now-support-ucp-buyer-consent
-
【Shopify アプリ開発 関連情報】
Shopifyが、すべてのアプリ開発者に向けて「今週中に」セキュリティ対策を行うよう呼びかけています。AIで脆弱性を見つけやすくなったことで、アプリを狙った攻撃が増えているためとのことです。Securing your app, together
https://shopify.dev/changelog/blog/securing-your-app-together求められている対応は、AI Toolkitのセキュリティチェックによるスキャン、有効期限付きのアクセストークンへの移行（公開アプリでは近く必須に）、表示データのエスケープ、APIログの確認、2段階認証の徹底などです。英語の記事なので、要点を日本語で図にまとめてみました。
StoreHeroでも自社アプリをリリースしており、記事で挙げられているセキュリティチェックなどはすでに実施していますが、ご導入いただいているストアの皆さまに安心してお使いいただけるよう、引き続きセキュリティ対策に取り組んでいきます。
-
【Agentic Commerce】
Googleの「Universal Cart」が、米国のGoogle検索とGeminiアプリで提供開始になりました。複数のストアの商品を1つのカートにまとめて入れておける、Google共通の買い物かごです。An intelligent new shopping cart
https://blog.google/products-and-platforms/products/shopping/universal-cart-launch/主な機能
・検索（AIモード含む）とGeminiで同じカートを使える
・値下がり・再入荷を通知
・Google Walletと連携し、カードの特典やクーポンコードを表示
・購入は、Google Payでその場で支払う（対応ストア）か、ストアのカートに移して購入決済の仕組みにはUCP（AIとストアが買い物情報をやり取りする共通ルール）が使われ、販売者はあくまで各ストアのままです。対応ストアとして、NikeやWalmartなどと並んで「多くのShopifyストア」が挙げられています。
一方で、提供は米国のみで、5月の発表時に予告されていたYouTube・Gmailへの対応は今回含まれていません。また公式ブログでは、AIが代わりに動くエージェント機能とは別の取り組みとして紹介されています。
日本ではまだ使えませんが、ShopifyのShop MCPと同じく、UCPを土台にした「買う側の入り口」が増えてきていますね。
-
【Shopify Agentic Commerce】
Shopifyがshop.com向けの「Shop MCP」を公開しました。ClaudeやChatGPTなどのAIに追加するだけで、Shopify全体の商品を探し、自分のShopアカウントで購入まで進められる仕組みです。※MCP：AIが外部サービスを操作するための共通のつなぎ方
※Shop：Shopifyが運営する買い物サービス（shop.com・Shopアプリ）。複数のストアの商品をまとめて探し、Shop Payで支払えます。AIエージェントで買い物をする経路を整理すると、日本では次のような状況です。
・ChatGPT・GeminiなどのAIサービス内での購入（UCP・ACP）：AI側の決済機能が未提供のため、商品の提案まで。購入は提案されたストアに移動して行う
・AIがブラウザでストアを操作（WebMCP）：チェックアウト画面まで進め、支払い情報は本人が入力する
・Shop MCP：Shopアカウントに登録したカード（Shop Pay）を使い、AIから購入まで進められる実際に試したところ、ログインなしで日本語の商品検索ができました。Shopアカウントでログインし、Shopアプリ側で「エージェントによる支払いを許可」と利用限度額を設定すると、AIから注文の確定まで完了しました。
注文はストアの管理画面に、オンラインストア経由の「AIエージェントによる注文」として届きます。ストア側で特別な設定は必要ありません。ただし、支払いに使えるのはShop Payに登録したカードのみで、コード決済や後払いは使えない点は押さえておきたいところです。
Add shopping and Shop Pay checkout to any agent with Shop MCP
https://shopify.dev/changelog/posts/add-shopping-and-shop-pay-checkout-to-any-agent-with-shop-mcp
-
【Klaviyo】
Klaviyoの管理画面が日本語で使えるようになっていました。少し前から画面上部のお知らせに「日本語に切り替える」ボタンが表示されていましたが、押しても切り替わらない状態でした。それが、今回、切り替わるようになっていますね。
このボタンを押すか、設定 → 一般 → 個人 →「個人の言語と地域」で日本語を選んで保存すると、メニューや設定画面、メールエディタなどが日本語で表示されます。日付や金額の表記も「2026年10月17日」「¥2.3万」のように日本の形式になります。（言語の設定はユーザーごとなので、切り替えても他のメンバーの画面には影響しません）
これまで英語の画面に慣れていなかった方にも、ぐっと使いやすくなりそうです。
How to change the language for your account
https://help.klaviyo.com/hc/en-us/articles/25956849989531
-
【Klaviyo】
HTMLで作ったメールテンプレートを、ドラッグ&ドロップで編集できるテンプレートに複製できるようになっていました。HTMLエディタ右上の「Clone as drag-and-drop」を押すと、数分で見出し・本文・画像・ボタンなどのブロックに組み直された新しいテンプレートができます。元のHTMLはそのまま残り、名前の差し込みや配信停止リンクも引き継がれていました。
これまでHTMLで作ったメールは、ビジュアルエディタで手直しできませんでした。今後は、HTMLで下書きを作り、その後の運用は使い慣れたエディタで行う、という分担がしやすくなりそうです。
試してみたところ、最初は2列に並べた商品が縦1列になってしまいましたが、HTMLの組み方を変えると、2列のまま変換できました。
・表の中に表を入れず、2列にしたい行だけセルを2つ並べる
・画像は img タグで入れる（色付きの四角は空白ブロックになる）
・class やメディアクエリを使わず、スタイルは要素に直接書くHow to convert an HTML template to drag and drop
https://help.klaviyo.com/hc/en-us/articles/57211011501595
-
【Shopify Canvas】
10/1に公開されたCanvas（Sidekickと対話しながら、ストアの全ページを1つの画面で編集できる新しいテーマ編集環境）について、公式の情報から整理してみました（10/15時点）。・アーリーアクセスで、提供は一部のストアのみ
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・使えるのはデスクトップのみ
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・対応テーマはShopify製と独自開発のテーマのみ。テーマストアの他社製テーマは非対応
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・アプリブロック・アプリ埋め込みは、追加も設定もできない
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・従来のテーマエディタと既存のテーマでは、アプリは引き続き動く
https://community.shopify.dev/t/meet-canvas-a-new-way-for-merchants-to-design-their-online-store-with-sidekick/38212・アプリ対応は「数週間以内」（10/1）、「近日」（10/2）とShopify社員が投稿。標準のエディタになる前に対応する見込み
https://community.shopify.dev/t/meet-canvas-a-new-way-for-merchants-to-design-their-online-store-with-sidekick/38212・Canvasで編集したテーマはCanvasでしか開けない
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・テーマの更新が届かず、ファイルのダウンロードもできない
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・ブロックは手動で追加できず、Sidekickに依頼する
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・マーケットごとのカスタマイズはできない
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・Canvas内では翻訳できず、Translate & Adaptで翻訳する
https://help.shopify.com/en/manual/online-store/themes/canvas/requirements・Sidekickが変更すると「元に戻す」の履歴が消える。戻すときはSidekickに頼むか、テーマの版の履歴から復元する
https://help.shopify.com/en/manual/online-store/themes/canvas/customizingちなみに、Canvasを触ってすぐに「全ページの一覧を、スマホの画面幅でも並べて見たい」とフィードバックを送っていたのですが、さっそく使えるようになっていました。画面右上の切り替えでモバイル（375px）を選ぶと、全ページがスマホ表示で並ぶので、レスポンシブの確認がしやすくなっています。
-
【Shopify × Sidekick】
チェックアウトとアカウントのエディタの中で、Sidekickが使えるようになりました。チェックアウト画面を見ながら、そのまま設定の相談ができます。Customize checkout and accounts configurations with Sidekick
https://changelog.shopify.com/posts/customize-checkout-and-accounts-configurations-with-sidekick試しに「住所に全角ハイフンを入力できないようにしたい。Growプランでもできる？」と聞くと、
・Growでも、Shopify Functionsを使った公開アプリで「全角ハイフンが含まれていたら注文を止める」検証はできる
・入力そのものを禁止するのではなく、エラーを出して修正してもらう方式になる
・長音の「ー」まで禁止すると「コーポ」などの建物名も弾いてしまう
と、プランによる違いや注意点まで説明してくれました。続けて「探して」と頼むと、対応するアプリの候補を、料金や無料体験の有無とあわせて挙げてくれています。
これまでエディタを離れてヘルプやアプリストアで調べていたことが、作業中の画面で完結するのは便利ですね。
-
【Shopify × Sidekick（Adminアプリ作成）】
注文を決済手段ごとに見分けたいとき、標準の注文一覧には決済手段の列がありません。銀行振込・代引き・コンビニ決済などを一覧で確認したい場面は意外とありますが、列の表示設定にも項目が無く、表示できませんでした。Sidekickに聞いても、標準機能での代替は「注文ごとにタイムラインで確認する」「CSVでエクスポートする」「タグを付けて見分ける」といった方法になります。
そこで「注文の支払い方法を一覧で表示するアプリを作成して」と頼んでみると、管理画面の中で使えるアプリを作ってくれました。注文番号・日付・顧客名・支払い方法・支払い状況・合計金額を一覧で表示し、支払い方法での絞り込みや検索にも対応しています。
標準機能で足りないところは、Sidekickで小さなアプリを作って補うのも一つの手ですね。
-
【Shopify × Sidekick】
セールやクーポン施策のあとに「結局いくら値引きしたのか」を確認したいとき、Sidekickに頼むと、割引の種類をまたいでまとめて集計してくれます。割引コード・自動割引・送料無料など、割引が複数あると、それぞれいくら使われたかを個別に確認して足し合わせるのは手間がかかります。Sidekickなら先月の注文を対象に、
・割引前の商品合計、割引額、割引率
・割引ごとの利用件数と割引額
・割引額の大きい注文
までを一度に出してくれます。送料割引も商品割引と分けて計上されます。ちなみに、指示には集計のルールも書いておくと安心です。「パーセント割引は設定上の率ではなく、実際に引かれた金額で集計する」「最後に、割引前の合計 - 割引額 = 割引後の合計になるか検算する」と書いておくと、数字が合っているかをSidekick自身が確かめてくれます。
-
【Shopify × AIエージェント（ストア構築編）】
無料配布しているHorizon用のFigmaデザインキット「Horizon UI Kit」を使い、ストアの要件定義から構築までをAIエージェント（Claude）を使って一気通貫で進めたサンプル事例です。題材は架空のアパレルストアです。まず要件定義シートで、ストアのコンセプト・画面一覧・掲載内容を決めました。そこから先はClaude Codeの担当です。要件定義シートをもとに、Figma上に代表画面19種類（PC・モバイル合わせて38枚）を作成。さらにFigmaのレイアウト構成や余白・文字サイズまで読み取り、テーマファイルへの反映まで進めてくれます。要件定義が済んでから約2時間で、ストアが形になりました。
実際のストア構築では、標準のセクションやブロックだけでは表現しきれず、独自のセクションやブロックを追加する場面も出てくるため、工程はもっと複雑になります。
そのため、AIエージェントにいきなりテーマファイルを触らせるより、間にFigmaを挟んで先に全体を設計しておくほうが進めやすいと感じています。Figmaを挟むことで
・必要な画面を漏れなく洗い出せる
・全体のバランスを見ながら、デザインやトーンを調整できる
・作る前に、関係者と完成イメージをすり合わせられる
・AIへの指示と、仕上がり確認の基準にできる
・運用開始後に新しいページを作るときも、既存ページを参照しながらデザインできる
といった様々なメリットが得られます。使用した要件定義シート・Figmaファイル・完成ストアも公開しています。UI Kitの使い方の一例として、ご覧ください。
※詳細はスレッドに掲載
Horizon UI Kit の使い方 ― 要件定義からFigmaデザイン、ストア構築まで
https://store-dojo.com/blogs/tips/horizon-ui-kit-store-build-example
-
【Shopify Translate & Adapt】
Shopify公式の翻訳アプリ「Translate & Adapt」に、翻訳を週1回自動で更新する「Auto-sync」が追加されたとのことです。・自動翻訳できる言語が2から8に
・新規・更新されたコンテンツを週1回、自動で翻訳
・手動で修正した翻訳は上書きされない
・Auto-syncは初期設定ではオフで、言語ごとに切り替え可能ただし、対象はEU・英国・スイスなど12か国のストアで、日本は今のところ対象外です。日本のストアは引き続き最大2言語で、コンテンツを更新するたびに自動翻訳を実行し直す必要があります。残念ですが、いずれ対象が広がることを期待したいところです。
ちなみに「Translate & Adapt」は、自動翻訳を使わなくても、商品やページに加え、メニュー、テーマ、メタオブジェクト、通知メール、配送方法まで、翻訳を一元管理できる点が便利で、さまざまなストアに利用をおすすめしています。
Shopify AI Toolkitから翻訳を一括登録したり、LPをビルダーアプリを使わずにLiquidで直接組んだりするケースも増えてきました。こうした運用でも、公式アプリに翻訳を集めておくと、運用コストを抑えながら多言語展開しやすいと感じています。
Translate & Adapt EU Update: Auto-sync translations for up to 8 languages
https://changelog.shopify.com/posts/translate-adapt-auto-sync-translations-for-up-to-8-languages
-
【Shopify Agentic Commerce】
Shopifyの商品をAIエージェント経由で探した際に、セール中であることが伝わるようになったとのことです。これまでAIエージェントに渡っていたのは現在の価格だけで、ストアでは「¥5,500 → ¥4,400」と見せていても、エージェント側には「¥4,400」しか伝わっていませんでした。
今回から、比較対象価格（割引前価格）もShopify Catalog経由で渡せるようになり、エージェントが取り消し線付きの価格で紹介できるようになります。
・設定は販売チャネル「Agentic」のShopify Catalogのマッピング画面にある「割引前価格」
・オンでも、送られるのは比較対象価格が現在の価格より高い商品だけ
・プレビューで取り消し線と割引率の見え方を確認できる比較対象価格の入れ方はストアによって様々なので、AIエージェントにも同じように見せてよいか、一度確認しておくと良いですね。
Compare-at prices now shared to agentic channels
https://changelog.shopify.com/posts/compare-at-prices-now-displayed-to-agentic-channels
-
Klaviyoで、フローの途中に「フォーム」を置ける機能が先行公開されていました。
https://help.klaviyo.com/hc/en-us/articles/56151369392539
以前、特定のお客様にだけフォームを出したくて、メールのリンクにパラメータを付け、それを条件にフォームを表示する方法をとったことがあります。
今回の機能では、メールやSMSと同じように、フローの1ステップとしてフォームを置けます。フローの対象ポイント（条件）を通過した人が、次にサイトに来たときに自動で表示される仕組みです。
・表示できる期間は初期値30日（最大365日）
・フローはフォームの表示を待たずに次のステップへ進む
・表示、クリック、送信がイベントとして記録される購入後のレビュー依頼やアンケートを、メールを開かない人にも出し分けられそうです。
ただし表示されるのは、Klaviyoが本人と認識できている訪問者に限られます。また現時点では、Klaviyoに申請して追加してもらったアカウントのみ使える機能とのことで、手元ではまだ試せていません。
