Markdown版

AI-translated from English; not yet reviewed by a fluent editor.

# Shopify Canvasでテーマを作成し、公開前にプレビューする

> Shopify Canvasで新しいテーマを作るか既存テーマを複製し、未公開のまま確認する方法を紹介する。早期アクセスの条件、公開操作、提供開始時点の制限も確認する。

By BIG CHANGE Editorial

Published: 2026-10-02T13:28:36.420Z
Updated: 2026-10-02T13:28:36.420Z
Canonical: https://bigchange.ai/blog/shopify-canvas-theme-guide

![Editorial illustration of a miniature shopfront on a base, with a coral awning and separate teal frame and facade pieces arranged for customization.](https://bigchange.ai/api/media/file/shopify-canvas-storefront-hero-v1.png)
AI-generated conceptual illustration by BIG CHANGE.

Shopify Canvasでは、利用条件を満たすマーチャントがSidekickにオンラインストアのテーマ作成や変更を依頼し、ストアの各テンプレートで結果を確認できる。2026年10月1日に始まった早期アクセスでは、利用できるのはデスクトップ、対象プラン、Shopify開発のテーマまたはカスタムテーマに限られる。このガイドでは、Canvasで独立した下書きテーマを作り、確認中は未公開にしておく手順を説明する。

## 大きな変化

- 何が変わったか：ShopifyはSidekickによるテーマファイル編集をビジュアル作業空間に取り込み、複数のストアテンプレートを並べて、編集中のテーマを変更に合わせて表示できるようにした。
- なぜ重要か：マーチャントはテーマの方向性をSidekickに伝え、公開を決める前に、複数のテンプレートと画面幅で結果を確認できる。
- 今後の注目点：早期アクセスでは、Shopify Theme Storeの第三者製テーマ、アプリブロックと埋め込み、Markets、翻訳、テーマ更新は対象外だ。ShopifyはCanvas専用の料金を公表しておらず、「20分でストアを構築できる」という主張を裏付ける独立した根拠も公表していない。

このガイドは、顧客に変更を見せずに新しいストアデザインを試したいShopifyのマーチャントやスタッフ向けだ。以下の手順は、2026年10月2日に確認したShopifyの現行ヘルプセンターに基づく。BIG CHANGEはCanvasにアクセスしておらず、操作を試していない。

## 開始前に利用条件を確認する

Canvasは早期アクセス中で、一部のストアのみが利用できる。Shopifyの[利用要件ページ](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements)は10月2日に確認したもので、ストアはテーマのカスタマイズが含まれるプランを利用し、Canvasにはデスクトップ端末からアクセスする必要がある。また、スタッフアカウントには**オンラインストア ＞ テーマ ＞ コードを編集**の権限が必要だ。Canvasが対応するのはShopify開発のテーマとカスタムテーマで、開始時点ではShopify Theme Storeの第三者製テーマに対応していない。

作りたいブランドやストアの簡単な説明、または出発点にする既存の対応テーマを用意する。Canvasは新しいテーマ、または既存テーマの別コピーを作る。どちらの方法でも、選んだ既存テーマそのものが直接変更されることはない。

Shopifyの告知によると、Canvasは10月1日以降、数日かけてマーチャントに順次提供される予定だった。現在のヘルプセンターもアクセスを早期アクセスに限定しており、告知ではすべてのストアに提供済みとは約束していない。Canvas専用の追加料金は記載されていない。文書で示されるプラン要件はテーマのカスタマイズを利用できることなので、手順を試す前に自分のプランを確認する。

## 新しいテーマを作り、未公開のままにする

1. デスクトップでShopify管理画面を開き、**オンラインストア**に移動して**新規**を選ぶ。Canvasのヘルプセンターは、この経路でテーマを作る方法を案内している。
2. Sidekickのチャットで、ブランドと作りたいストアについて説明する。Shopifyによると、Sidekickはその説明をもとにテーマを作成し、Canvasで開く。
3. Canvasの作業空間にテーマが表示されるまで待つ。Shopifyによると、新しいテーマはテーマライブラリに**未公開の**テーマとして追加される。確認中はこのコピーを編集する。
4. 作業空間の概要でテンプレートを移動し、確認したいページを開く。Canvasのナビゲーションガイドによると、テンプレートを開いて全画面プレビューを表示し、利用できる場合は商品、コレクション、ページのバリエーションを選択できる。
5. Sidekickに具体的な変更を依頼するか、ブロックを選択して設定やテキストを編集する。Shopifyによると、変更は自動保存される。未公開テーマでの変更はCanvasとそのプレビューに反映されるが、公開中のテーマではないため顧客には表示されない。
6. 公開を決める前に、関係するテンプレートとプレビューの画面幅を確認する。Shopifyのナビゲーションガイドには、デスクトップ、タブレット、モバイルなどの画面幅プリセットが記載されている。各幅で確認したいページが想定どおり表示されるか確かめる。Canvasの概要画面はデスクトップ専用だが、デスクトップの作業空間内で画面幅に応じた表示を確認できる。

対応済みテーマに変更を試したい場合は、下書きコピーを作成できる。**オンラインストア**でテーマのアクションメニューを開き、**Canvasで複製**を選ぶ。Shopifyによると、元のテーマはテーマライブラリに残り、コピーがCanvasで開く。二つのテーマは別々に管理され、一方への変更は他方に反映されない。公開前に、使う予定のコピーに最新の変更が含まれているか確認する。

## どの操作で変更が公開されるかを把握する

新規作成または複製した未公開テーマでは、変更はそのテーマに保存されるが、公開するまでは一般に表示されない。Shopifyの公開手順では、**公開**をクリックし、確認ダイアログで変更内容を確認してから**変更を公開**をクリックするよう案内している。この最後の確認でテーマがオンラインストアに反映される。プレビューだけが目的なら、ここで確定しない。

Canvasで現在の公開テーマを編集する場合は挙動が異なる。Canvas内では変更が保存される一方、顧客には従来の公開版が表示され続ける。Shopifyによると、変更を反映するには**更新**を選び、内容を確認したうえで**変更を公開**をクリックする必要がある。より慎重に確認するなら、別の未公開テーマで作業する。

使う予定のテーマがテーマライブラリで未公開と表示され、プレビューで確認対象のテンプレートと商品バリエーションを見られ、まだ**変更を公開**していなければ、確認は完了とみなせる。Shopifyによると、未公開テーマは顧客に見せずにプレビューできる。一般的なテーマプレビューの説明では、他の人とプレビューリンクを共有する方法も案内されている。リンクを知っている人なら誰でも閲覧でき、有効期限は2日なので、共有先に注意する。

## 利用上の制限を把握する

Shopifyの提供開始版では、すべてのテーマ関連作業ができるわけではない。要件ページによると、Canvas内でテーマのコンテンツを直接翻訳することはできず、代わりにTranslate & Adaptアプリを使う。Canvas内でテンプレートに新しいブロックを手動追加することはできないが、ShopifyはSidekickに追加を頼めるとしている。Canvasではアプリブロックやアプリ埋め込みの追加・設定、Marketsごとのテーマ調整もできない。Shopifyの公開時変更履歴でも、Markets、ロールアウト、翻訳、アプリブロックと埋め込みは提供開始時の対象外とされている。

Canvasで編集したテーマはテーマ更新を受け取らず、要件ページによるとファイルをダウンロードすることもできない。第三者製のTheme Storeテーマ、アプリ拡張機能、翻訳済みテーマコンテンツ、Markets、テーマ更新を利用している場合は、Canvasを使う前に未対応の作業がないか確認する。

Shopifyはまた、一部の古いテーマではプレビュー上のテキストを直接編集できないとしている。Sidekickが変更を加えると、取り消し履歴は消去される。Shopifyによると、Sidekickに元に戻すよう依頼するか、テーマ履歴から以前のバージョンを復元できる。復元前にバージョンとプレビューを確認し、納得するまではテーマを未公開にしておく。

## Shopifyが確認したことと、まだ示していないこと

Shopifyは10月1日、Sidekickがテーマファイルをまとめて変更し、マーチャントがテンプレート全体を一度に確認できる作業空間としてCanvasを発表した。同社によると、Sidekickはコードを検証し、反復作業中にスクリーンショットを確認する。同社の[10月1日の発表](https://www.shopify.com/news/introducing-canvas)で、Shopifyの幹部Ben Sehlは、マーチャントが20分で完全なカスタムストアを作れると述べた。この説明はShopifyによるものだ。発表資料には、再現可能な所要時間調査、エラー率、アクセシビリティ評価、コンバージョン結果、独立した比較は含まれていない。

[TechCrunchの独立報道](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/)は、CanvasをShopifyの従来のセクション・ブロック型テーマエディターと比較し、より深いカスタマイズには一般にコードまたは開発者が必要だったと伝えている。同記事は、提供開始時の対象外機能とデスクトップ限定についても報じている。これは発表時の報道であり、性能を独立評価したものではない。

## 出典・参考資料

- [Shopify「Canvasの紹介：オンラインストアデザインの可能性を広げる」](https://www.shopify.com/news/introducing-canvas)、2026年10月1日。同社による発表、製品の説明、主張、提供開始の案内。Shopifyは製品提供元。
- [Shopify Changelog「Canvasで完全オーダーメイドのストアをデザイン」](https://changelog.shopify.com/posts/design-a-fully-bespoke-store-with-canvas)、2026年10月1日。提供開始時の機能一覧と対象外機能。
- [Shopifyヘルプセンター「Canvas」](https://help.shopify.com/en/manual/online-store/themes/canvas)、2026年10月2日確認。早期アクセスとデスクトップ限定の状況。要件と作業手順へのリンクを含む。
- [Shopifyヘルプセンター「Canvasの利用要件と注意事項」](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements)、2026年10月2日確認。プラン、権限、対応テーマ、翻訳、アプリ、Markets、テーマ更新、ダウンロードに関する制約。
- [Shopifyヘルプセンター「Canvasでテーマを作成・カスタマイズする」](https://help.shopify.com/en/manual/online-store/themes/canvas/customizing)、2026年10月2日確認。新規作成と複製、自動保存、顧客への表示、公開、バージョン復元の手順。
- [Shopifyヘルプセンター「Canvasの使い方と画面移動」](https://help.shopify.com/en/manual/online-store/themes/canvas/navigating)、2026年10月2日確認。テンプレートの概要、全画面プレビュー、画面幅の切り替え、Sidekickの操作。
- [Shopifyヘルプセンター「テーマの追加、プレビュー、購入」](https://help.shopify.com/en/manual/online-store/themes/adding-themes)、2026年10月2日確認。下書きテーマの確認と、訪問者向けプレビューリンクの扱い。
- [Sarah Perez、TechCrunch「Shopify、AIとのチャットでオンラインストアを作るCanvasを発表」](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/)、2026年10月1日。以前のテーマエディターとの比較を含む独立した発表報道。所要時間や品質のベンチマークではない。

## Sources

- [Shopify「Canvasの紹介：オンラインストアデザインの可能性を広げる」](https://www.shopify.com/news/introducing-canvas) — Shopifyによる発表。提供開始、機能の説明、同社の主張を掲載。Shopifyは製品提供元。
- [Canvasで完全オーダーメイドのストアをデザイン](https://changelog.shopify.com/posts/design-a-fully-bespoke-store-with-canvas) — 公式の提供開始時点の機能一覧、提供範囲、対象外機能。
- [Canvas](https://help.shopify.com/en/manual/online-store/themes/canvas) — 公式概要。早期アクセスとデスクトップ専用の利用状況。
- [Canvasの利用要件と注意事項](https://help.shopify.com/en/manual/online-store/themes/canvas/requirements) — 現行の公式要件。プラン、デスクトップ、スタッフ権限、対応テーマ、商品制限。
- [Canvasでテーマを作成・カスタマイズする](https://help.shopify.com/en/manual/online-store/themes/canvas/customizing) — 現行の公式手順。新規作成または複製、自動保存、顧客への表示、公開、バージョン復元。
- [Canvasの使い方と画面移動](https://help.shopify.com/en/manual/online-store/themes/canvas/navigating) — 現行の公式手順。作業空間、テンプレート、プレビュー幅、Sidekickの使い方。
- [テーマの追加、プレビュー、購入](https://help.shopify.com/en/manual/online-store/themes/adding-themes) — 公式の一般的な下書きテーマの確認方法、訪問者向けプレビューリンクの閲覧範囲と有効期限。
- [Shopify、AIとのチャットでオンラインストアを作るCanvasを発表](https://techcrunch.com/2026/10/01/shopify-debuts-canvas-a-way-to-build-online-stores-by-chatting-with-ai/) — Sarah Perez、TechCrunchによる独立した発表報道。従来のテーマエディターとの比較を含む。所要時間や品質は独自に検証していない。