記事のサマリー（TL;DR）
- Polaris 2.0 RC が公開。新 Shopify 管理画面のカラー・タイポグラフィ・アイコンに対応
- 2026年9月15日から段階展開開始。Built for Shopify アプリは 2027年5月1日が移行期限
polaris-1.js/ 旧polaris.jsからの自動移行はなし。CDN URL の明示的な更新が必要
Shopify アプリ開発者・Built for Shopify 認定事業者が今すぐ確認すべき移行ポイント
Shopify の新管理画面デザインは 2026年9月15日からマーチャントへの段階展開が始まっており、Shopify アプリ開発者はそのビジュアル変更に追従する必要があります。特に Built for Shopify（BfS）認定プログラムに参加しているアプリは、2027年5月1日までに組み込み App Home インターフェースを新デザインに合わせることが義務付けられました。
国内の Shopify Plus 事業者がカスタムアプリや公開アプリを自社開発・委託している場合、この期限を見落とすと BfS 認定の取り消しリスクがあります。対応の起点となるのは CDN URL を polaris-2.0-rc.js へ切り替えることですが、Polaris React を使用している場合はまず Polaris Web Components への移行が前提となるため、工数の見積もりは早めに着手することが現実的です。Admin UI 拡張機能・App Home UI 拡張機能はコード変更なしで自動的に新スタイルを受け取るため、拡張機能のみで構成されたアプリは対応工数が限定的です。
詳細
Polaris 2.0 リリース候補（RC）の概要
Polaris 2.0 RC が組み込み App Home インターフェース向けに公開されました。Shopify 管理画面の新しいビジュアルスタイルを含んでおり、アプリが新しい外観を採用するための準備を整えられます。
新 Shopify 管理画面デザインは 2026年9月15日からマーチャントへ段階的に展開が開始されています。RC を今すぐ採用することで、旧デザインと新デザインの両方でアプリをテストできます。
Polaris 2.0 を採用した場合の動作
アプリが Shopify 管理画面内で polaris-2.0-rc.js を使用すると、Polaris Web Components はそのストアの現在のビジュアルデザインに合わせて表示が切り替わります。
- 新 Shopify 管理画面デザインのストア：コンポーネントは新しいカラー・タイポグラフィ・スペーシング・アイコンを使用
- 旧 Shopify 管理画面デザインのストア：コンポーネントは
polaris-1.jsと同じビジュアルスタイルを維持 - Shopify 管理画面の外部でレンダリングした場合：デフォルトで新しいビジュアルスタイルが適用。新管理画面デザインのストアにアクセスできない段階でも新外観をテスト可能
Polaris 2.0 への移行は明示的な操作が必要です。polaris-1.js や旧 polaris.js URL を使用しているアプリが自動的に Polaris 2.0 へ移行することはありません。
Built for Shopify プログラムへの影響
Built for Shopify の認定を受けているアプリは、2027年5月1日までに組み込み App Home インターフェースを Shopify 管理画面の新ビジュアルスタイルに合わせて更新する必要があります。
Polaris 2.0 RC を使用することで、管理画面の段階展開中から準備を進めることができます。コンポーネントは各ストアで利用可能なビジュアルデザインに自動で対応するため、同一アプリが旧・新どちらの管理画面デザインのマーチャントにも対応できます。
リリース候補のテスト方法
Shopify CDN から RC を読み込みます。
[コードは原文をご参照ください]
以下の各コンテキストでアプリをテストしてください。
- 新 Shopify 管理画面デザインのストア（アクセス可能な場合）
- 旧 Shopify 管理画面デザインのストア
- Shopify 管理画面の外部（コンポーネントがデフォルトで新ビジュアルを使用）
アプリにビューポート下部の固定・スティッキーコンテンツがある場合は、フローティング表示される Sidekick バーにインターフェースが隠れないよう、Environment API の CSS 変数 --shopify-safe-area-inset-bottom を使用してください。
Polaris React からの移行
組み込み App Home インターフェースが Polaris React を使用している場合は、Polaris Web Components への移行ガイドに従って移行を進めます。新 Shopify 管理画面デザインとのビジュアル整合性において視覚的な効果が最も大きい Page・Section・Button の各コンポーネントから着手することが推奨されています。
- すでに Polaris Web Components を使用しているアプリ：CDN URL を RC に更新し、既存インターフェースをテストするだけで対応可能
- Polaris Web Components を未使用のアプリ：まず Web Components への移行を完了させてから Polaris 2.0 を採用する必要あり
拡張機能は自動更新
Admin UI 拡張機能および App Home UI 拡張機能は、各マーチャントに提供される Shopify 管理画面デザインに自動的に合わせた表示になります。機能面の変更はなく、新スタイルを受け取るための拡張機能コードの更新は不要です。
関連ドキュメント
- Polaris React から Polaris Web Components への移行ガイド
- App Home ドキュメント
- Environment API
- Polaris CDN セマンティックバージョニング
- Shopify 管理画面の概要