TECHNOLOGY IT NEWS

Shopify、AIとの対話で理想のオンラインストアづくりができる「Canvas」を発表

公開:
CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座
この記事はプレスリリースです

本記事は、PR TIMESに掲載された企業・団体等のプレスリリースを原文のまま転載しています。記事内容は発表時点の情報です。

発表元
Shopify Japan 株式会社
配信日時
2026年10月2日 13時00分
転載日
2026年10月3日

発表内容については発表元へ、当サイト上の訂正・削除については、当サイトのお問い合わせフォームにご連絡ください。

転載
プレスリリース本文

画面上での直接編集とAIによるコード生成を組み合わせ、テーマ設定の枠を超えた自由なストアづくりを実現

グローバルコマースをリードするShopify(ショッピファイ)の日本法人 Shopify Japan株式会社(本社:東京都渋谷区、カントリーマネージャー:馬場道生、以下:Shopify Japan)は本日、ShopifyのAIアシスタント「Sidekick」との対話を通じてオンラインストアをデザインできる、新たなビジュアルデザインワークスペース「Canvas」を発表します。

Canvasは、画面上での直接編集とSidekickによるコード生成を組み合わせることで、テーマ設定の範囲を超えたデザイン変更を可能にします。事業者は、実現したいデザインを自分の言葉でSidekickに伝え、生成された変更内容を画面上で確認・調整しながら、自社のブランドや世界観に合ったストアをつくることができます。

Shopifyはこれまでも、AIを使ってオンラインストアのデザイン案を作成したり、ページを構成するパーツを追加・編集したりするなど、事業者がより手軽にストアをカスタマイズできる機能を拡充してきました。Canvasでは、こうしたストアデザインの体験をさらに拡張し、個々のテーマやパーツを編集するだけでなく、ストアの各ページやデザインシステムを一つのワークスペース上で見渡しながら、ストア全体をデザインすることができます。

オンラインストアのデザインについて明確なイメージがあっても、それを形にするためのコーディングスキルや開発リソースがあるとは限りません。これまでは、テーマ設定で対応できる範囲でデザインするか、独自性の高い変更については開発者に依頼する必要がありました。Canvasは、こうした「思い描くデザイン」と「実現できるデザイン」の間にある隔たりを縮め、コードを書くことなく事業者のアイデアを起点に、より自由にアイデアを形にできるよう支援します。

アイデアを対話しながら具体化し、そのままストアデザインへ

Canvasでは、SidekickがShopifyテーマで使用されるテンプレート言語「Liquid」のコードを直接生成します。既存のテーマを構成するパーツやデザインルール、実装上の仕様を踏まえながら、個々の要素の細かな調整からページのレイアウト変更、ストア全体のリニューアルまで幅広い変更に対応します。

最初からデザインの要件をすべて具体化しておく必要もありません。Sidekickに「どのようなストアにしたいか」を伝えると、追加の質問をしたり、デザインの進め方を提案したりすることで、事業者の頭の中にあるアイデアを具体化していくプロセスも支援します。また、画面上の要素を選択して直接編集することもできます。例えば、細かな調整は画面上で直接行い、より大きなデザイン変更や新しいアイデアの実現はSidekickに依頼するなど、作業内容に応じて使い分けることができます。

これにより、ストアのリニューアルだけでなく、新商品やキャンペーンに合わせたページの変更など、継続的なストア運営においても、事業者自身がアイデアを試しながらデザインを更新できるようになります。

ストア全体を一つのワークスペースで確認しながらデザイン

Canvasは、ストアの各ページとデザインシステムを一つのビジュアルワークスペースに集約します。これにより、個々の変更がストア全体のデザインや見え方、購買体験にどう反映されるかを確認しながら、編集を進めることができます。配色などの共通設定は、引き続きストア全体に適用されます。

変更内容は、Canvas上やページ全体のプレビューを通じて、公開前に確認することができます。Sidekickによる変更を含め、編集内容を元に戻したり、やり直したりすることも可能なため、さまざまなアイデアやデザインを試しながら、ストアを仕上げることができます。

Shopify Japan株式会社 カントリーマネージャー 馬場道生のコメント

「事業者の皆様は、自社のブランドをどのように表現し、お客様にどのような体験を届けたいかという、それぞれのビジョンを持っています。一方で、それをオンラインストアとして形にするには、これまで技術的な知識や開発リソースが必要になる場面もありました。Canvasによって事業者の皆様は、自分たちが『こうしたい』と考えるアイデアを起点に、AIと対話しながらデザインを形にできるようになります。Shopifyは、事業者の皆様が思い描くアイデアを、より直接的にストアデザインへ反映できる新たな環境を提供することで、自社らしさを表現するストアづくりに、事業者自身がより主体的に取り組めるよう支援してまいります。」

 ■Shopifyについて 

Shopify(ショッピファイ)は、コマースのための重要なインターネットインフラを提供しています。ビジネスの立ち上げから運営、成長までを支援するオールインワンプラットフォームを通じて、オンラインストア、実店舗、そしてそれらをつなぐあらゆる販売チャネルでの販売を支えています。Shopifyは現在、起業家から大手ブランドまで幅広い支持を集め、世界175カ国以上で展開され、数百万の事業者に利用されています。日本では、DAISO、生活の木、ニッセン、KANADEMONO、PAUL & JOEなど多くのブランドにご利用いただいています。

詳細はこちらをご覧ください:https://www.shopify.com/jp

プレスリリース転載ここまで
ブログに戻る

コメントを残す

コメントは公開前に承認される必要があることにご注意ください。

企業・法人向けのIT・プログラミング・生成AI研修を探す、比較する - IT・プログラミングを知って学べるコネクトメディア CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプが提供する無料で学べるプログラミングスクール講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア 3.5日の研修で、年間1,600時間の削減効果が見込まれる。東京きらぼしフィナンシャルグループのDX人材育成事例 - IT・プログラミングを知って学べるコネクトメディア 配属3ヶ月で30%の生産性向上を実現するいよぎんコンピュータサービスの新人研修に迫る - IT・プログラミングを知って学べるコネクトメディア 金融業界の業務効率化を加速するニッセイアセットマネジメントの生成AI×GAS活用研修事例 - IT・プログラミングを知って学べるコネクトメディア 【製造業のDX人材育成事例】デジタル人材の即戦力化を実現する、日本ガイシ株式会社の異動者向オンボーディング研修 - ITやプログラミングを知って学べるコネクトメディア フューチャーアーキテクト株式会社が実現した新入社員向けIT研修プログラムでタスクフォース制度が主体的な学びと成長を生み出す - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【IT新入社員研修】オンラインとオフラインの最適バランスを実現したFutureOneの導入事例 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【新入社員研修】柔軟なハイブリッド型Java研修で実現した新卒20名の成長と成果|サークレイス株式会社 - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/現場により近いところにデジタルを根付かせるDX基礎講座研修|株式会社ブリヂストン - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/業務の効率化・DX推進に向けたIT人材育成への第一歩|株式会社カナエ - ITやプログラミングを知って学べるコネクトメディア 企業・法人向けのIT・プログラミング研修 - ITやプログラミングを知って学べるコネクトメディア

What's New

新着記事

対象者別で探す

子供(小学生・中学生・高校生)向け
プログラミング教室検索する

子供(小学生・中学生・高校生)がロボットやプログラミング言語を学ぶことができるオフラインからオンラインスクールを検索、比較することが可能です。

子供(小学生・中学生・高校生)
プログラミング教室検索する

ITやプログラムなどの
最新情報を検索する

日々、新しいITやプログラミング言語の情報が流れていきますが、特定の情報を時系列でニュースやコラムを確認することができます。

ITやプログラムなどの
最新情報を検索する