本文へスキップ
IFAI

AIツール

Shopify、新ツール「Canvas」発表:AIエージェントSidekickと協働してストアを丸ごとデザイン

公開 拡散指数 55

ShopifyはAIエージェント「Sidekick」と協働してストアを構築できる新デザインツール「Canvas」を発表した。ストアの全ページを俯瞰しながら細部へズームし、チャットでリアルタイムにコードを修正・確認できる。コードの知識がなくても独自の店舗設計が可能になる。数日かけて順次展開予定。

Shopify、新ツール「Canvas」発表:AIエージェントSidekickと協働してストアを丸ごとデザイン
画像:shopify.com

オンラインストアを自分好みに細部までカスタマイズしようとすると、これまではコードを書くか、専門の開発者に外注するか、複雑な設定パネルと格闘するしかありませんでした。

Shopifyは10月1日、AIエージェント「Sidekick」と対話しながらストア全体を直感的に構築できる新ツール「Canvas」を発表しました。今後数日かけて順次マーチャントへ提供されます。

ストア全体を巨大なキャンバスに見立てる

Canvasの最大の特徴は、ストア内の全ページを1つの画面上に並べて見渡せる点です。全体を引きで眺めてブランドの統一感を確認しつつ、気になった箇所へ自由にズームして細かいディテールを詰められます。

画面に表示されているのは静止画のプレビューではなく、実際のコードがリアルタイムにレンダリングされたものです。ボタンのアニメーションやインタラクションの動作確認はもちろん、異なる画面サイズでの見え方もその場で直接テストできます。

操作は要素を直接クリックして編集することもできますが、基本はSidekickとのチャットです。Sidekickはテーマファイルを直接操作し、変更結果のスクリーンショットを自分で撮影して仕上がりを検証するループを持っています。Shopifyによれば、Sidekickは2026年上半期だけですでに2500万回以上のテーマコード修正をこなしているとのことです。

なお、TechCrunchの報道によると、初期リリースのCanvasはデスクトップ専用で、既存のエディタを完全に置き換えるものではありません。サードパーティ製テーマ、アプリーブロックや拡張機能、多言語翻訳、複数市場設定などの対応は見送られており、順次追加される予定です。

なぜ重要か

私たちは、Canvasの設計思想が「AIによるウェブサイト自動生成」のなかでも特に地に足がついている点に注目しています。汎用的なコーディングAIは時にデザインの整合性を崩しがちですが、Shopifyは長年蓄積したテーマの設計ルールや評価データをSidekickに学習させています。自律的にスクリーンショットを撮って視覚的に破綻していないか確かめる仕組みは、実務で使える品質を担保するうえで非常に合理的です。

予算のない個人事業主やスタートアップにとって、デザイン会社に数百万円払わずに「いかにもテンプレート」という見た目から脱却できる恩恵は絶大です。20分程度でプロ級のカスタムストアが立ち上がるなら、試さない手はありません。

一方で課題は、Shopifyを支えてきた巨大なサードパーティ製テーマやアプリ開発者との関係です。初期版でアプリ拡張機能や外部テーマが対象外となっているように、複雑に拡張された既存の大規模ストアにCanvasがどこまで適応できるかは未知数です。公式エコシステムの内輪だけで終わらせず、既存のプラグイン文化とうまく統合できるかが今後の試金石になります。

情報源 (2)

  1. [1]
    shopify.com(新しいタブで開きます)原文shopify.com
  2. [2]
    techcrunch.com(新しいタブで開きます)報道techcrunch.com

毎日のAIピックアップ