Shopify、Sidekickを搭載したAIストアビルダー「Canvas」を発表

対話型ストア制作がShopifyに登場

Shopifyは木曜日、AIアシスタントと直接チャットすることでECストアフロントを構築・調整できる新しいサイト制作ツール「Canvas」を発表した。この機能はShopifyの既存のAIエージェント「Sidekick」を基盤としており、対話型の生成機能をインタラクティブなビジュアルデザイン環境へと拡張するものだ。

これまで、Shopifyのノーコードビルダーを利用するマーチャントは、あらかじめ用意されたブロックやセクションを手動で並べ替える必要があり、より高度なカスタマイズを行う際はカスタムコードや外部のWeb開発者に頼らざるを得なかった。Canvasを利用することで、ストアオーナーはデザインの意図やレイアウト、ブランディングの好みを自然言語で伝えるだけで、ストアフロントを自動生成できるようになる。

リアルタイムのコードレンダリングとビジュアル同期

静的なデザインモックアップを出力する従来のAIページジェネレーターとは異なり、CanvasはSidekickが変更を適用するのと同時に、ストアの実際のプロダクションコードをレンダリングする。このライブ実行により、マーチャントはサイトのナビゲーションや、モバイルおよびデスクトップ環境におけるレスポンシブな挙動、カスタムアニメーションなどをキャンバス上で直接テストできる。ユーザーはWebサイト全体のレイアウトをパンやズームで確認したり、特定のコンポーネントにフォーカスしたりすることが可能で、要素を手動でクリックしてピンポイントで編集を加えることもできる。

AIが自ら作成したインターフェースを確実に把握できるよう、Sidekickはレンダリングされたページのスクリーンショットを定期的に撮影し、マーチャントと同じ視点でビジュアルの出力を確認する。またShopifyは基盤となるテーマエンジンを刷新し、Sidekickに直接ファイルレベルのアクセス権を付与したほか、モデルがサイトの整合性を損なうことなく構造やデザイン、ビジネスロジックを読み取り、解釈・調整できるようテーマアーキテクチャを簡素化した。ShopifyはCanvasがまだ初期段階にあり、今後も継続的な改善が必要であるとしているが、このツールはコーディング知識のない起業家や、デザイン会社を雇う予算のない起業家にとって、従来の技術的ハードルを取り除くものとなる。

対話型Web開発への潮流

Canvasの投入は、対話型やプロンプト主導によるサイト制作という急速に広がる潮流へのShopifyの参入を意味する。Wix、Squarespace、Webflow、Framerといった既存のWebサイトプラットフォームは、ビジュアルビルダーへのAI生成機能の統合を着実に進めている。一方で、ReplitやLovableのような新たな「バイブコーディング（vibe-coding）」環境は、対話型プロンプトを用いてフルスタックのソフトウェアインターフェースを生成する手法を一般化させた。ファイルレベルでのAI編集を自社のECエコシステムに直接統合することで、Shopifyはサイト構築を手動のドラッグ＆ドロップによる組み立てから、自動化されたリアルタイムの共同作業へと移行させることを目指している。