Polaris 2.0 RC：新管理画面デザインへの対応ガイド

11月 11, 2026

DEV PREVIEW

Polaris 2.0 RC：新Shopify管理画面デザイン対応ガイド

リリース候補が公開。Built for Shopify認定アプリは2027年5月1日が期限。

Polaris 2.0のリリース候補（RC）が2026年9月24日に公開されました。新しいShopify管理画面デザインは2026年9月15日からマーチャントへ段階的に展開中であり、Built for Shopify認定アプリは2027年5月1日までに埋め込みApp Homeインターフェースを新デザインに対応させる必要があります。開発者は今すぐRCを導入してテストを開始できます。

1Polaris 2.0導入時の動作：Before / After

2業務に活かせる具体ユースケース

課題: Built for Shopify認定を維持したいが、新管理画面デザインへの対応期限（2027年5月1日）が迫っており、既存アプリへの影響範囲が読めない
打ち手: polaris-2.0-rc.jsをCDNから読み込み、「Shopify adminの新デザイン」機能プレビューを有効にした開発ストアで動作確認。旧管理画面ストアとの並行テストを実施する
効果: 段階ロールアウト期間中に両デザインでの表示品質を確認でき、本番適用前にUIの崩れを洗い出せる
技術メモ: 新管理画面へのアクセスがない場合は、管理画面外でスクリプトを読み込むと新スタイルがデフォルト表示されるため、プレビューとして活用可能

課題: 埋め込みApp HomeがPolaris Reactで実装されており、Polaris Web Componentsへの移行コストと優先順位が不明確
打ち手: 公式マイグレーションガイドに従い、Page・Section・Buttonコンポーネントから順に移行を開始する。これら3コンポーネントが新デザインとの視覚的整合に最も大きな効果をもたらすとされている
効果: 移行の優先度が明確になり、工数を集中投下できる。段階的移行により既存機能を壊すリスクを低減
技術メモ: Polaris Web Componentsへの移行が完了していない場合、Polaris 2.0の採用は不可。移行が先決

課題: フローティングSidekickバーが画面下部の固定コンテンツ（固定フッター・スティッキーCTA等）に被さり、操作を妨げる懸念がある
打ち手: Environment APIが提供する--shopify-safe-area-inset-bottom CSS変数を固定・スティッキーコンテンツのボトムオフセットに適用する
効果: Sidekickバーとアプリ固有UIの重なりを防ぎ、UXを損なわずに新デザイン環境に対応できる
技術メモ: この対応はビューポート下部に固定/スティッキー要素を持つアプリのみ必要。Environment API公式ドキュメントで詳細を確認すること

3技術者向けポイント

項目	内容
CDN URL	`https://cdn.shopify.com/shopifycloud/polaris-2.0-rc.js` をscriptタグで読み込む
移行は明示的	polaris-1.js・legacy polaris.jsを使用しているアプリは自動でPolaris 2.0に移行されない。開発者が能動的にURLを変更する必要がある
Polaris React使用アプリ	先にPolaris Web Componentsへの移行が必要。公式マイグレーションガイドを参照。Page・Section・Buttonを優先
Admin UI / App Home UI拡張	コード変更不要。各マーチャントの管理画面デザインに自動追従。機能変更もなし
Built for Shopify期限	2027年5月1日までに埋め込みApp Homeを新デザインに対応させること。元記事に明記