「Shopifyアプリはヘッドレスで動きますか」と検索すると、制作会社の記事が肩をすくめた答えを返してきます。動くものもあれば動かないものもある、場合による。アプリを22本入れた状態でヘッドレス移行を検討している人には、何の役にも立ちません。

正確な答えは存在します。しかもShopify自身のドキュメントに書かれています。アプリがShopifyに接続できる場所は決まっていて、Shopifyはそれを app surfaces（アプリサーフェス） と呼び、7つ挙げています。ヘッドレス化で失われるのは、ちょうど2つです。残りは無傷で動き続けます。理由は移行記事がほとんど書かないところにあります。Hydrogenストアフロントも、購入者をShopifyホストのチェックアウトへ渡しているからです。

つまり本当の問いは「このアプリはヘッドレスで動くか」ではありません。「このアプリはどのサーフェスを使っているか」です。これなら移行を決める前に、アプリ1本ずつ答えを出せます。

調査日は2026年9月2日。以下はすべてshopify.dev、Shopifyヘルプセンター、またはUSロケール表示のShopify App Storeから確認しています。

先に結論

• Shopifyが公式に挙げるアプリサーフェスは7つ。App Home、管理画面、チェックアウト、カスタマーアカウント、POS、オンラインストア、Shopify Flow。加えてUIを持たないサーバー専用アプリ。
• このうちストアフロントに当たるのはオンラインストアだけ。 その構成要素であるテーマアプリ拡張とWebピクセルの2つが、ヘッドレス化で消えるものの全部です。
• テーマアプリ拡張は「Online Store 2.0テーマと連携する」Liquidファイルです。ヘッドレスにはテーマが存在しないので、アプリブロックもアプリ埋め込みも描画される場所がありません。
• Webピクセルは「オンラインストア上で動作する」と定義されています。自作フロントエンドはオンラインストアではないため、アプリピクセルはそこで発火しません。Hydrogenは代わりにAnalyticsコンポーネントと、サードパーティ計測を自前で配線するパターンを用意しています。
• チェックアウトは動き続けます。 Storefront APIのCartオブジェクトには「購入者をShopifyのWebチェックアウトへ誘導するための」checkoutUrlフィールドがあります。商品ページを何が描画していようと、チェックアウトUI拡張とShopify Functionsはそこで動きます。
• Shopify Functions、管理画面UI拡張、POS UI拡張、Flowのトリガーとアクションは影響を受けません。そもそもストアフロントに触れていません。
• Shopifyは Apps that enhance your custom storefront というコレクションを公開しており、「ヘッドレススタックと互換性のあるサードパーティアプリ」と説明しています。収録は 約30本。読み込むたびに同じ顔ぶれになるとは限りません。
• Hydrogenの計測は、Customer Privacy APIで同意を設定するまで1件も発火しません。Shopifyはこれを注意書きとして明記しています。

7つのサーフェスと、失われる2つ

ShopifyのApp surfacesページは、ヘッドレスの議論でまず参照されない基準文書です。どのコンポーネントをShopifyがホストし、どれを開発者がホストするかの表も載っていて、サーフェスがShopify側の描画にどれだけ結びついているかの目安になります。

サーフェス	コンポーネント	ヘッドレスで生き残るか	理由
App Home	管理画面内のアプリ画面	生き残る	描画先はShopify管理画面でストアフロントではない
管理画面	管理画面UI拡張、カスタムデータ	生き残る	商品・注文・顧客ページは変わらない
チェックアウト	チェックアウトUI拡張	生き残る	HydrogenもShopifyホストのチェックアウトへ渡す
チェックアウト	Shopify Functions	生き残る	Shopifyホスト。カートとチェックアウトでサーバー側実行
カスタマーアカウント	カスタマーアカウントUI拡張	条件付き	Shopifyホストのアカウントページでのみ描画される
POS	POS UI拡張	生き残る	iOS / AndroidのPOSアプリ内で描画
Shopify Flow	トリガー、アクション、テンプレート	生き残る	サーバー間処理でストアフロントを介さない
オンラインストア	テーマアプリ拡張	消える	Online Store 2.0テーマ向けのLiquidブロック
オンラインストア	Webピクセル	消える	オンラインストア上で動作すると明記されている

問題は2行だけです。それ以外は、移行記事が一般論の警告に膨らませているノイズです。

テーマアプリ拡張：テーマがなければブロックもない

Shopify自身の説明は明快です。テーマアプリ拡張は「マーチャントがLiquidテンプレートやコードに触れずに、テーマへ動的な要素を簡単に追加できるようにする」もので、「Online Store 2.0テーマと連携できる」と書かれています。含まれるリソースはブロック、すなわち「テーマへ注入したいものの入口として機能するLiquidファイル」で、アプリブロックとアプリ埋め込みブロックの2種類、そのほかにアセットとLiquidスニペットです。

全部がLiquidとテーマの話です。HydrogenストアフロントはOxygen上でReactを描画します。注入先のLiquidテンプレートも、マーチャントがブロックをドラッグするテーマエディタも存在しません。

実際に壊れるのはここです。商品ページのレビューウィジェット、サイズチャートのモーダル、お気に入りのハートアイコン、追従型のカートに追加バー、アプリが埋め込むCookieバナー、各種バッジ。これらがアプリブロックやアプリ埋め込みとして入っていたなら、ヘッドレス化の初日に消えます。アプリ側の設定をどう変えても戻りません。ベンダーがJavaScript SDKかヘッドレス向けAPIを公開していて自分で呼ぶか、その機能を諦めるかの二択です。

Webピクセル：金額が大きいのはこちらの穴

ShopifyはWebピクセルを「オンラインストア上で動作し、行動データを収集するJavaScriptのコードスニペット」と定義しています。ヘルプセンターのピクセルの概要も読み込み場所を明示しています。「ストアフロント、チェックアウト、ありがとうページ、注文状況ページ、カスタマーアカウント」。この文のストアフロントとは、Shopifyが描画するオンラインストアのことです。

Hydrogenのページはそれではありません。つまりMetaピクセル、TikTokピクセル、GA4連携、ピクセルマネージャー経由で入れた分析アプリは、チェックアウト以前に起きることをすべて見失います。商品閲覧、コレクション回遊、カート追加、サイト内検索。チェックアウト側のイベントは、チェックアウトが引き続きShopifyのものなので流れ続けます。

Hydrogenの答えは配線が違うのではなく、性質が違います。バージョン2024.4.3以降、HydrogenはAnalyticsコンポーネントを標準搭載しています。ルートルートにAnalytics.ProviderとgetShopAnalyticsを置けば、イベントはShopify Analyticsへ届き、管理画面で指標を確認できます。それ以外はShopifyがThirdPartyAnalyticsIntegrationというパターンを提示しています。Reactコンポーネントを自分で書き、Analytics.Providerの子として配置し、イベントを自分で購読します。

これはアプリのインストールではなく、ベンダーごとの開発作業で、以後の保守も自分持ちです。ヘッドレスの見積もりから常習的に抜け落ちる項目なので、明示的に積んでください。

罠の中の罠。 ShopifyのHydrogen計測ガイドにはこの注意書きがあります。「Customer Privacy APIで同意を設定していない場合、計測イベントは発火せず、データは一切記録されません」。劣化ではなくゼロです。Hydrogenストアフロントは、同意オブジェクトを設定しないまま公開され、見た目も完璧で、注文も取れて、ストアフロントの計測だけが空という状態になり得ます。計測設計を疑う前にここを確認してください。

カスタマーアカウント：唯一の条件付き

カスタマーアカウントUI拡張が描画されるのは、Shopifyのカスタマーアカウントページ（注文状況、プロフィール、注文アクション）です。ヘッドレス構成でCustomer Account APIを叩いて自作のアカウントページを描画するなら、そこに拡張はありません。アプリが置いていたポイント残高や配送追跡のブロックも一緒に消えます。

Shopifyはその後、中間の選択肢を用意しました。<shopify-account>ストアフロントWebコンポーネントを使えば、HydrogenストアフロントでもShopifyのアカウント体験を維持できます。ShopifyのCDNからaccount.jsを読み込み、パブリックアクセストークンとカスタマーアクセストークンを渡すと、顧客はストアフロントを離れずにログインするか、Shopifyのアカウントページへ直接遷移できます。ガイドから実務上の注意が2点。このバンドルはHydrogenの標準テンプレートに含まれていません。そしてCustomer Account APIはlocalhostに対応していないため、デプロイするまで動作確認ができません。

Shopify公式のヘッドレス対応アプリ集は約30本

ShopifyはApps that enhance your custom storefrontというコレクションを運用しており、「ヘッドレススタックと互換性のあるサードパーティアプリ」と説明しています。

出典: Shopify App Store「Apps that enhance your custom storefront」。2026年9月2日取得。

リストを読む前に1つ。このコレクションは、読み込むたびに同じ内容になるとは限りません。 上の取得では 30個 と表示され、Postscript SMS Marketingが含まれていました。同じ日に別セッションから繰り返し読み込むと 29個 になり、Postscriptは含まれませんでした。件数は概数として扱い、収録の有無は「互換性の台帳」ではなく編集判断として読んでください。両方の読み込みに共通して入っていたアプリは次のとおりです。

レビュー・UGC — Loox ‑ Product Reviews App、LAI Product Reviews App、Okendo: Reviews & Loyalty、Yotpo: Product Reviews App、Stamped Reviews & Loyalty、Emplifi UGC。

メール・SMS・サイト内取得 — Klaviyo: Email Marketing & SMS、Omnisend Email Marketing & SMS、Brevo PushOwl: Email,Push,SMS、Privy ‑ Email, SMS & Pop Ups、Pop-Ups & Spotlight by Justuno、そして30個表示のときだけ現れるPostscript SMS Marketing。

検索・回遊・パーソナライズ — Nosto | AI Search & Discovery、Klevu ‑ AI Search & Discovery、Fast Simon AI Search & Filters、Athos: Unified Discovery、LimeSpot AI Bundles & Upsells、Obviyo Recommend & Personalize。

ロイヤルティ・アフィリエイト — LoyaltyLion Loyalty Program、Yotpo: Loyalty Rewards Program、Annex Cloud: Loyalty Platform、Refersion Affiliate Marketing、EmbedUp ‑ Affiliate Buy Button。

サポート・コンテンツ・その他 — Gorgias: AI, Helpdesk & Chat、Gladly: AI Customer Support、Sanity Connect、Octane AI: Advanced Quiz Maker、Transcy: AI Language Translate。

Shopify自身のチャネル — Headless（無料、「Shopify Storefront APIでヘッドレスコマースを構築する」）とHydrogen（無料、「ヘッドレスコマースのためのShopifyスタック」）。

出典: Shopify App Store「Headless」リスティング。2026年9月2日取得。

出典: Shopify App Store「Hydrogen」リスティング。2026年9月2日取得。

このリストの読み方を間違えないでください。これは編集されたコレクションであって、互換性の仕様書ではありません。載っていないアプリがヘッドレスで動かない証明にはなりません。ここに出てこなくてもヘッドレス向けSDKを公開しているベンダーは多数あります。逆に載っているアプリも、入れれば終わりという意味ではありません。自作フロントエンドから呼べる何かをベンダーが提供している、というだけで、統合作業は残ります。

このリストが本当に役立つのは、その形からわかることです。収録のほぼ全部が、Shopify以外のサイト向けにもJavaScript SDKや公開APIをすでに持っていたアプリです。レビュープラットフォーム、マーケティングクラウド、検索ベンダー、ロイヤルティ基盤、ヘルプデスク。これらはWooCommerceにもBigCommerceにも独自スタックにも売っている会社なので、ヘッドレス対応はもとから作られていました。

そして 入っていない カテゴリーが本題です。サブスクリプション、商品オプションやバリエーション拡張、バンドル、お気に入り、サイズチャート、再入荷通知、年齢確認、配送日ピッカー、返品ポータル、ページビルダー。これらはLiquidテーマがあるからこそ成立しているカテゴリーで、製品そのものが「テーマに描画されるウィジェット」です。ここに該当するアプリを使っているなら、ヘッドレス移行は再接続ではなく作り直しになります。

移行を決める前に走らせる棚卸し

コンサルタントは要りません。入っているアプリを一巡すれば済みます。

1. テーマエディタを開き、有効化しているアプリブロックとアプリ埋め込みを全部書き出す。 1つずつが、これから失う機能です。アプリ名だけでなく、そのページで何をしているかまでメモしてください。

2. 設定 → カスタマーイベントを開き、アプリピクセルとカスタムピクセルを書き出す。 1つずつが、ThirdPartyAnalyticsIntegrationコンポーネントの中で作り直す統合です。

3. どちらのリストにも出てこなかったアプリに印を付ける。 管理画面のみ、Functions、Flow、POS、サーバー専用のアプリです。これらはそのまま移行できます。たいていのストアではアプリ費用の大半がここに入っていて、「ヘッドレスにするとアプリが全部壊れる」が誤りである理由になっています。

4. リスト1と2の各項目について、ベンダーに1つだけ質問する。 ヘッドレスまたはストアフロント向けAPIを公開しているか、その統合手順のドキュメントはあるか。ドキュメント付きのYesなら1スプリント分の作業、曖昧なYesならリスク、Noなら捨てる機能です。

5. カスタマーアカウントの方針を早く決める。 Customer Account APIで自作するか、<shopify-account>でShopifyのアカウント体験を残すか。後者ならカスタマーアカウントUI拡張が生き残り、前者なら生き残りません。

6. 計測を測り始める前にCustomer Privacy APIを設定する。 これを忘れるとストアフロントの計測が空になり、1週間ほど違うレイヤーを疑うことになります。

向いていないケース

ストアフロントの差別化点がテーマでは作れない売り場体験にあり、社内のReactエンジニアが2年後もいるなら、ヘッドレスは筋の通った選択です。そして今回の整理で、そのうちアプリに関わる部分は推測ではなく金額として見積もれるようになります。

一方、アプリ構成の中心がテーマウィジェット（レビュー、オプション、バンドル、お気に入り、バッジ、アップセル）なら、ヘッドレス化はプラットフォームのアップグレードではありません。それぞれを自前で作り直し、そのうえマーチャントがデプロイなしには何も追加できないフロントエンドで保守し続けるという約束です。Online Store 2.0テーマは、非エンジニアがセクションにアプリブロックをドラッグできるようにするために存在しています。ヘッドレスはそれを設計として恒久的に取り除きます。

意図して選ぶならまったく問題のない取引です。3か月目に気づくと高くつきます。

参考・出典

• App surfaces — shopify.dev
• About theme app extensions — shopify.dev
• About web pixels — shopify.dev
• ピクセルの概要 — Shopifyヘルプセンター
• Analytics with Hydrogen and Oxygen、Analytics event tracking with Hydrogen — shopify.dev
• Hydrogen with account component — shopify.dev
• Cart object, Storefront API — shopify.dev
• Headless — shopify.dev
• Apps that enhance your custom storefront — Shopify App Store、2026年9月2日取得