Shopify、Sidekick搭載のストアデザインサーフェス「Canvas」を展開

Shopifyは2026年10月1日にCanvasを導入しました。これは、マーチャントが同社のAIエージェントであるSidekickを使ってオンラインストアを構築・カスタマイズし、エージェントの変更がリアルタイムで反映される新しいデザインサーフェスです。Shopifyは、Canvasが今後数日間でマーチャントに展開されると述べました。

Shopifyは、このサーフェスはデザイン経験やコーディングスキル、予算に関係なく、誰でもカスタムオンラインストアを作成できるようにすることを目的としていると述べました。「12年前にKotnを立ち上げたとき、コードは書けましたが、ざっくりしたストアを作るのに2週間かかりました」と、ShopifyのプロダクトディレクターでKotn共同創業者のBen Sehlは語ります。Sehlは、Shopify上のマーチャントは今やわずか20分で完全にカスタムなストアを構築できると述べ、Canvasを起業家が思い描くストアを構築する手助けと位置付けました。

ストア全体を一度に把握

Canvasはオンラインストア全体をマーチャントとSidekickが共有できるワークスペースに変えます。Shopifyによれば、初めてマーチャントはストアのすべてのページが一緒に配置された様子を確認でき、ページ間をパンして全体としてのストアの印象を判断し、詳細にズームインして作業できます。マーチャントは要素をクリックして直接変更するか、設定パネルを操作する代わりにチャットフィールドを通じてSidekickとやり取りでき、Sidekickの変更はリアルタイムでCanvasに反映されます。

Shopifyによると、Canvasはストアの背後にある実際のコードをレンダリングし、静的なプレビューではなく、マーチャントが各ページを完全なインタラクティブ性とアニメーションでプレビューでき、異なる商品、コレクション、画面サイズで主要ページを確認できます。ShopifyのCanvas ドキュメントでは、Canvasがストアのすべてのテンプレートを横並びで表示し、マーチャントはShopify管理画面のテーマページからデスクトップデバイスのみで開くと記載されています。

Shopifyは、Sidekickが構築する際に質問を投げかけ、アプローチを提案し、途中でフィードバックを受け取り、マーチャントの好みを記憶し、以前のデザイン決定を後続の作業に活かすため、会話は新たな選択肢を再検討せずに前進できると述べました。また、エージェントは自身の作業を検証するためにスクリーンショットを撮り、マーチャントとエージェントが同時に同じ結果を見ることができます。

ShopifyのデザインディレクターであるAustin Knightは、Sidekickにコードを書かせることは簡単だったが、優れたデザイン判断へ導くにはかなりの時間と注意が必要だったと述べました。彼は、すべてのテーマが独自のデザイン契約、厳選されたパターンのライブラリ、そして大量の評価データを持ち、これらがSidekickがマーチャントに提示するデザイン方向性を形成すると語っています。

Canvasを支えるコーディングエージェント

Shopifyは、Sidekickが以前からコードを書き続け、アプリの生成やカスタムテーマセクションの構築を行っており、2026年上半期だけでテーマに対して2,500万件以上の編集を行ったと述べました。発表によれば、より野心的なストア構築作業に取り組むためには、エージェントがテーマのすべてのテンプレートとファイルを横断し、統合的に変更を加え、結果を評価する必要があるとのことです。

Sidekickは現在、ストア構築の指示とスキルに基づき、テーマのファイルに直接作業し、テーマアーキテクチャが簡素化されたため、ストアの構造・ロジック・デザインをエージェントがより理解しやすく、変更しやすくなっています。構築中、Sidekickはコードを検証し、変更がCanvasにどのように反映されたかのスクリーンショットを確認し、これらをフィードバックとしてループで作業を洗練させ、最終的にマーチャントに結果を渡します。Shopifyは、これらの変更によりSidekickは小規模なセクション編集からストア全体のリデザインまで幅広い作業を処理し、カスタムテーマコードを生成できるようになったと述べました。

要件、制限、そして公開

Canvasには厳格なアクセス条件があり、Shopifyの要件と考慮事項ページによれば、デスクトップデバイスのみで利用可能で、テーマカスタマイズを含むプランでのみ利用できます。テーマカスタマイズが含まれないプランに移行したマーチャントは、Canvasで編集されたテーマは閲覧はできても、編集や公開はできません。CanvasはShopifyが開発したテーマとカスタムテーマでのみ機能し、サードパーティ製テーマはサポートされていません。また、スタッフはオンラインストアのテーマを開くために edit-code 権限が必要です。

要件ページにはいくつかの制約が記載されています。Canvas内でテーマのコンテンツを翻訳することはできず、マーチャントは代わりに Translate & Adapt アプリを使用する必要があります。Canvasで編集されたテーマは以後テーマのアップデートを受け取らず、ファイルもダウンロードできません。新しいブロックはテンプレートに手動で追加できず、Sidekickにリクエストする必要があり、アプリブロックやアプリ埋め込みは一切追加・設定できません。テーマは異なる市場向けにカスタマイズできず、メタオブジェクトテンプレートは「Jump to」ナビゲーションに表示されません。また、Canvasで編集されたテーマは、メインテーマの代替としてのみ市場ロールアウトに参加でき、ロールアウト自体から編集することはできません。

ワークフローに関して、Shopify の Canvasでテーマを作成およびカスタマイズするためのガイド は、変更が自動的に保存され、マーチャントが公開した後にのみ顧客に反映されると述べています。テーマを作成すると、マーチャントのブランドについて Sidekick との会話が開始され、その結果が未公開テーマとしてテーマライブラリに追加されます。サポートされているテーマを複製すると、Canvas でのみ編集可能なコピーが作成され、元のテーマは標準のテーマエディタで引き続き編集可能です。Canvas で編集されたテーマには、ライブラリ内に Canvas バッジが表示されます。

公開ボタンはテーマのステータスに応じて変わります。未公開テーマでは「Publish」、ライブテーマでは「Update」と表示され、ライブになる前に「Publish changes」の確認が求められます。テーマを公開できない場合、確認ダイアログにエラーが一覧表示され、エージェントに渡す「Fix with Sidekick」オプションが提供されます。マーチャントは自分の編集を元に戻すことができますが、Sidekick の変更は元に戻す履歴をクリアするため、エージェントの作業を取り消すには Sidekick に変更を元に戻すよう依頼するか、テーマのバージョン履歴から以前のバージョンを復元する必要があります。

Sehl 氏は、Shopify が Canvas を早期にリリースし、マーチャントがそれを試して次に何を構築すべきかに影響を与えられるようにしていると述べました。「我々はまだ初期段階で、Canvas は既存のエディタを置き換えるものではありません。変化は速く、まだ埋めるべきギャップがあります」と彼は語りました。