--- title: "Wix Harmonyとは？誕生の背景とCMSの提供状況・Wix Studioとの使い分け【2026年10月】" url: "https://www.issoh.co.jp/tech/details/11375/" published: 2026-03-16 updated: 2026-10-21 categories: ["CMS"] publisher: "株式会社一創" --- # Wix Harmonyとは？誕生の背景とCMSの提供状況・Wix Studioとの使い分け【2026年10月】 Wix Harmonyは、AIエージェント「Aria」へのプロンプト入力と、従来どおりのドラッグ＆ドロップ編集を同じ画面で行き来できるWixの新しいエディタです。2026年1月21日に発表され、英語版から順次提供が広がりました（日本法人の発表は2026年3月12日）。Harmonyは突然出てきた製品ではありません。2008年のFlashエディタから続く「難しい部分はWixが引き受ける」という路線の延長にあります。実務で効くのは、CMSが段階提供の途中にあること、Wix Multilingualによる多言語管理とVeloのサイトコードが使えないこと、他のエディタとの間でサイトを移せないことの3点です。2026年10月時点のWix公式サポートセンター・開発者ドキュメント・公式ブログをもとに整理します。 ## まとめ：Wix Harmonyの要点 - **正体**：Ariaによる生成とドラッグ＆ドロップの手動編集を1つのエディタに収めたハイブリッド型。生成されたものは通常のWixサイトとして手で直せる。 - **誕生の背景**：2008年のFlashベースのドラッグ＆ドロップエディタ以来の「複雑な技術を、技術に詳しくない人が使えるようにする」路線の延長。社長のニール・ゾハール氏は、AIの時代も同じく複雑さをWixが引き受けると説明している。 - **CMS**：2026年10月時点で段階的にリリース中で、まだ全アカウントには届いていない。届いた場合も、データセットや動的ページは無く、リピーターをコレクションへ直結する別物の作りになる。 - **使えないもの**：Wix Multilingual（多言語）、Veloのサイトコード（ページコード・バックエンドコード）、カスタムCSS、アコーディオン・タブなど一部のエレメント。HTML・JavaScript・CSSのスニペットを埋め込むカスタムコードは、公開して独自ドメインを接続すれば使える。 - **料金**：エディタ自体の別料金は無く、無料プランを含むすべてのWixプランで使える。Ariaとの対話は日本語に対応。 - **移行**：Wix EditorからHarmonyへも、HarmonyからWix Editor・Studio Editorへも移せない。有料プランとドメインだけは別サイトへ付け替えられる。 - **使い分け**：Wix Multilingual・Veloのサイトコード・参照フィールドなどのデータ連携が要るならWix Studio。少ページで、運用者が自分で更新するサイトならHarmonyが候補になる。 ## Wix Harmonyの編集方式：Ariaとドラッグ＆ドロップの併用 [Wixのプレスリリース（2026年1月21日）](https://www.wix.com/press-room/home/post/wix-launches-wix-harmony-the-ai-website-builder-that-merges-human-and-artificial-intelligence-rein)は、Harmonyを自然言語で指示する「バイブコーディング」と、Wixのビジュアル編集を組み合わせたAIウェブサイトビルダーと位置づけています。プロンプトで土台を出させ、気に入らない部分はその場で手で動かす。そのあとまたAriaに頼む。この往復が1つの画面で完結するのが特徴です。自然言語でものを作らせる手法そのものは[バイブコーディングとは？語源・由来と意味・読み方を解説【2026年版】](/tech/details/7216/)、デザイン工程に持ち込んだ考え方は[Vibe Design（バイブデザイン）とは？Vibe Codingとの違い・進め方・ツール比較【2026年10月】](/tech/details/8924/)で扱っています。 ### Ariaに任せられる作業とサイト作成の流れ Ariaはエディタ右下のアイコンからいつでも呼び出せるほか、要素を選んだときのアクションバーにある「Ask AI」からも開けます。[公式ヘルプ](https://support.wix.com/en/article/introducing-the-wix-harmony-editor)の例は「Generate new design」「Fix layout」のような候補ボタンで、自由文での依頼もできます。デザインの経験が無くても、独自のエレメントをAIに生成させる機能もあります。 新規作成の流れは[日本語ヘルプ「AIでサイトを作成する」](https://support.wix.com/ja/article/wix-harmony-エディタ：ai-でサイトを作成する)に手順があります。「新規サイトを作成」から「Wix Harmony エディタ」を選び、Ariaの質問に答えるとダッシュボードができます。続いて「サイトをデザイン」でAriaが下書きしたプロンプトを直し、「サイトを生成する」を押すとページ・レイアウト・配色が作られます。同じヘルプは、AIで作ったサイトは後から別のテンプレートに切り替えられないこと、ChatGPTからHarmonyサイトを作る経路もあることを書いています。 ### 従来のWix Editorとの画面の違い [公式サポートセンターの比較記事](https://support.wix.com/ja/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony)は、両エディタの違いを画面の作りで説明しています。 | 観点 | Wix Harmony エディタ | Wix エディタ（従来） | | --------- | ---------------- | ------------------- | | 主要な操作 | 画面上部に常時表示 | 左側の大きなアイコンからパネルを開く | | 要素を選んだとき | ページの直上にアクションバー | 要素の上下にツールバー | | AI | Ariaと作成全体を通して対話 | 「AIツール」のみ（自由な対話は不可） | | 訪問者からの見え方 | デザイン次第 | デザイン次第 | どちらのエディタで作ったかが訪問者に分かることは基本的にありません。ただし、Harmony専用の新しいセクションやパーツを使うと見た目で判別できる場合がある、と公式は補足しています。 ### 日本での提供：2026年3月の発表と日本語対応 日本では、Wix.com Japanが2026年3月12日に[PR TIMESでHarmonyを発表](https://prtimes.jp/main/html/rd/p/000000066.000025208.html)しました。[週刊BCNの報道](https://www.weeklybcn.com/journal/news/detail/20260402%5F214638.html)によると、3月に都内で開いた会見には積田英明代表とアヴィシャイ・アブラハミCEOが登壇し、2025年に買収したAIアプリ開発のBase44の日本展開もあわせて発表されました（[Base44とは？Wix傘下のAIアプリ開発ツールの料金・日本語対応・安全性【2026年10月】](/tech/details/11422/)）。[2026年3月18日の制作会社向けイベントの公式レポート](https://community.wix.com/ja/partners/post/wix-base44-ceo-japan-event-2026)では、モリサワフォント200種類の導入と、Wix全体の日本国内ユーザー数が550万人を超えたことが紹介されています。[Wixの日本語公式ブログ（2026年9月6日）](https://ja.wix.com/blog/2026/09/what-is-wix-harmony)は、サイトのコンテンツを日本語で入力・編集でき、Ariaとの対話も日本語に対応すると説明しています。 料金について、[Wixの公式ブログ](https://www.wix.com/blog/how-much-does-wix-harmony-cost)は、Harmonyのエディタ自体に別料金は無く、無料プランを含むすべてのWixプランで使えると書いています。独自ドメインの接続や容量、EC機能は従来どおりプランで決まります。プランの内容と円建ての価格は改定が入るため、契約前にWix公式の料金ページで確認してください。 ## Wix Harmony誕生の背景：2008年のFlashエディタから続く一本の線 Harmonyの誕生の背景を説明する一次資料の一つは、社長のニール・ゾハール氏（2007年入社）が発表当日の2026年1月21日に公開した[公式ブログ「Wix Harmony and the next chapter in web evolution」](https://www.wix.com/blog/nir-zohar-wix-harmony-web-evolution)です。ゾハール氏は、Wixを始めた20年前もウェブサイトは珍しくなかったと書き出します。問題は、自分で作るのは難しく、制作者に頼むのは高いことでした。 転機は2008年です。Wixは初のFlashベースのウェブサイトエディタを出し、コードを1行も書かずにドラッグ＆ドロップでサイトを作れるようにしました。ゾハール氏はこれを製品の節目以上のもの、つまりWixという会社の土台になった出来事だと位置づけています。HTML5、モバイル、EC、決済、SEOと技術が進むたびに作る側の負担は増えました。Wixはその複雑さを裏側で吸収してきた、というのがブログの筋です。AIエージェントとAI検索が広がった今も同じことをする。HarmonyはWixのその姿勢を製品にしたもの、という説明になっています。 ### ゾハール氏が挙げる4つのコア能力 ブログは、2008年以降のWixを形づくった「DNA」として次の4つを挙げています。以下では、それぞれを同記事のHarmonyの説明と対応づけて整理します。 - **非常に複雑な技術へのアクセスを可能にする**：コマース・決済・SEOやGEO（生成AI検索への最適化）・アクセシビリティを最初から組み込む。 - **技術に詳しくない人にも使いやすい画面**：プロンプトと手動編集を同じ画面に置く。 - **見栄えが良くプロ品質の仕上がり**：AIの生成物をピクセル単位で手直しできる。 - **極めて高い信頼性**：AIを後付けせずプラットフォームに組み込み、変更をサイト全体で一貫して当てる。 ブログは、デモ向けに作られた「AIファースト」のツールとの違いを、実際の事業で使える点に置いています。AIをどこまで任せるかより、生成したものを本番で動かし続けられるかを重く見ている、ということです。 ### ブランドの言葉で追う2008年からの変遷 同じ日に、20年以上Wixに在籍する最高マーケティング責任者のオメル・シャイ氏も[公式ブログ](https://www.wix.com/blog/omer-shai-wix-harmony-building-together-with-ai)を出しています。シャイ氏は、Wixが掲げてきた言葉の移り変わりでHarmonyの位置を説明しました。 | 時期 | 掲げた言葉 | シャイ氏の説明 | | -------------- | ------------------- | ----------------- | | 2008年 | Free Website | まず誰でも入れるように門を開く | | その後 | Stunning | 見た目は虚栄ではなく成果につながる | | 2012年 | Easy | とっつきにくいものは広がらない | | 2017年 | Professional | 制作会社・スタジオに向けた約束 | | 2026年（Harmony） | Natural / Limitless | 速さか精密さかの二択をなくす | シャイ氏は、業界は長く「速く作って制御を失う」か「精密に作って時間を失う」かの二択を迫ってきたと書きます。Harmonyはそのトレードオフを取り除く製品だ、というのが同氏の説明です。 ### Wix ADIとの違い：同一画面でのAI生成と手動編集の往復 WixのAIによるサイト生成は今回が初めてではありません。[2016年6月7日に発表したWix ADI（Artificial Design Intelligence）](https://ja.wix.com/press-room/post/wix-com-launches-wix-adi-artificial-design-intelligence-and-delivers-the-future-of-website-creat)は、質問への回答からサイトを一括で組み立てる方式でした。Harmonyが変えたのは、AIと人の編集が同じ画面で何度でも入れ替わる順番のほうです。生成して終わりではなく、生成、手直し、再生成が1つのエディタの中で回ります。 ## Wix HarmonyのCMS：段階提供の現状と従来CMSとの違い HarmonyのCMSは、全アカウントへの提供が完了していません。公式ヘルプ[「Wix Harmony Editor: What’s New with the CMS」](https://support.wix.com/en/article/wix-harmony-whats-new-with-the-cms)は段階提供中のCMSの仕様を案内しており、冒頭に「HarmonyのCMSはリリース作業中で、まだすべてのWixアカウントでは使えない」と明記しています。一方、[紹介記事](https://support.wix.com/en/article/introducing-the-wix-harmony-editor)の「取り込み作業中のアプリ」一覧にもCMSは残っています。つまり、アカウントによって使えたり使えなかったりする段階です。提案や見積もりの時点では、自分のアカウントのエディタで実際に使えるかを確かめてから約束するのが安全です。 ### データセットが無い：リピーター直結と「アイテムページ」 使える場合も、Wix EditorやStudioのCMSと同じ感覚では組めません。公式ヘルプが挙げる主な違いは次のとおりです。 - **CMSアプリもCMSボタンも無い**：リピーターやコレクションにつながるページを追加した時点でCMSが有効になり、サンプル入りのコレクションが自動で作られる。 - **データセットが無い**：リピーターをコレクションへ直接つなぐ。つながった要素はピンク、静的な要素は青で表示される。絞り込み・並び替えは「Manage Items」パネルで、1回に表示する件数はリピーター設定の「Items per load」スライダーで設定する。 - **動的ページが無い**：一覧はどのページにもリピーターで置ける。詳細側は「アイテムページ」で、1ページ作るとコレクションの各アイテムが専用URLを持つ。URLの末尾は名前も型も変えられない「Item slug」フィールドの値になる。 - **CMSエクスプレッションは無い**：単位や接頭辞（「kg」「$」など）もフィールドの値に直接入れる。 ### Harmony版CMSの制限：訪問者入力・権限・フィールド接続 実務で引っかかりやすいのは次の制限です。いずれも同じ公式ヘルプが「Harmonyでは動作が異なる、または含まれない」機能として挙げています。 - 訪問者が絞り込みに使うドロップダウンなどの入力エレメントが無い。表示を切り替えたいときは、条件ごとにリピーターを並べる。 - 入力エレメントで作るカスタムフォームが無く、訪問者はサイトからアイテムを追加・更新・削除できない。投稿の受け付けはWix Formsで行う。 - サンドボックス環境が無く、コレクションでの変更はそのまま公開サイトに反映される。 - Wix StoresやWix Formsなど、Wixアプリが持つコレクションはリピーターにつなげない。 - 「参照」や「動画」など一部のフィールド型は、まだページ上の要素につなげない。 - 閲覧権限は「全員」「会員のみ」「管理者」の3択の1設定に簡素化された。 ブログや実績一覧を表示するだけなら、Harmony版のCMSで足ります。会員が投稿する掲示板、検索フォーム付きの物件一覧、商品データとほかのコレクションを結ぶ構成はこの時点で組めません。こうした要件はWix Studioに回すか、Wixの外のCMSを検討します。ヘッドレス型との違いは[ヘッドレスCMSとは？従来型との違い・料金比較とプレビュー実装【2026年10月】](/tech/details/1317/)で比べています。 ## Wix Harmonyで使えない機能：多言語・サイトコード・一部のアプリとエレメント ### 未対応のアプリとエレメント（アコーディオン・タブなど） 公式サポートセンターは、Harmonyに取り込み中のアプリとエレメントを列挙しています。2026年10月時点の[日本語の比較記事](https://support.wix.com/ja/article/wix-harmony-editor-the-difference-between-wix-editor-and-wix-harmony)の一覧は次のとおりです。 - **アプリ**：CMS、Wix 寄付支援（Donations）、Wix ホテル、Wix ミュージック、Wix マルチリンガル、Wix 紹介プログラム - **パーツとエフェクト**：アコーディオン、オーディオプレーヤー、ホバー時の状態のカスタマイズ、ガラス効果、タブ、テキストマスク ただし一覧は個別の機能の進み具合に追いついていません。ガラス効果は[個別のヘルプ](https://support.wix.com/en/article/wix-harmony-editor-applying-a-glass-effect)で、ヘッダーとボックスに限って使えると案内されています。CMSも前の章のとおり段階提供が始まっています。 英語の紹介記事の一覧には寄付支援が載っておらず、公式の2ページで一致していません。7月時点の一覧にあったWix Restaurants Ordersは、どちらのページからも外れました。寄付の受け付けが要件に入るなら、Harmonyのエディタで追加できるかを先に確かめてください。FAQやよくある質問の折りたたみ表示を「アコーディオン」で作りたい場合、Harmonyでは今のところ使えません。 ### Wix Multilingualは未対応（機能要望は投票受付中） HarmonyではWix Multilingualによる多言語管理を利用できません。公式の[機能要望ページ](https://support.wix.com/en/article/wix-multilingual-request-using-wix-multilingual-in-the-wix-harmony-editor)は「現在、Harmonyで作ったサイトではWix Multilingualを使えない」と書いています。状態は「投票受付中（Collecting votes）」で、「計画済み（Planned）」にもなっていません。比較記事・紹介記事の取り込み中リストにもWix マルチリンガルが残っています。Wix Multilingualで言語別のページや翻訳を管理する必要があるサイトは、現時点ではHarmonyを避けるべきです。単一ページへの日英併記とは分けて判断します。 ### コードの線引き：カスタムコードは可、Veloのサイトコードは不可 「Harmonyはコードを一切書けない」という説明は正確ではありません。[Wixの開発者ドキュメント「About Wix Harmony」](https://dev.wix.com/docs/develop-websites/articles/get-started/about-wix-harmony)によると、HTML・JavaScript・CSSのスニペットを足すカスタムコードはHarmonyサイトでも使えます。使えないのは次の機能です。 - カスタムのサイトコード（ページコード・バックエンドコード） - カスタムCSS - HTTP関数、ルーター、データフック、バックエンドのイベントハンドラ - Webモジュール、スケジュールジョブ カスタムコードを追加するには、サイトを公開して独自ドメインを接続しておく必要があります（[開発者ドキュメント「About Custom Code」](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/build-a-custom-frontend/custom-code/about-custom-code)）。独自ドメインを接続できない無料プランのままでは、カスタムコードは使えません。アプリ開発者向けには、Wix Blocksで作ったアプリはHarmonyのサイトに対応していないことも[開発者向けヘルプ](https://support.wix.com/en/article/about-wix-harmony-for-developers)に書かれています。 チャットのウィジェットなどはカスタムコードで追加できますが、Google Analytics・Google Tag Manager・Facebook／TikTokの計測タグは専用のマーケティング連携を使います。カスタムコードはブラウザで実行され、Wix上のバックエンド処理は実装できません。同じドキュメントは、サイトコードが要る案件はWix StudioかWix Editorを使うよう案内しています。Studioについては、Wix JavaScript SDKとVelo API、IDE連携、Gitワークフローを挙げています。 ## Harmonyと他エディタ間の移行制限：サイトの再作成と契約の付け替え 公式は2つの向きの両方を不可と明記しています。比較記事は「現在、Wix エディタから Wix Harmony エディタに既存のサイトを移行することはできません」と書いています。紹介記事は、Harmonyで作ったサイトはWix EditorにもStudio Editorにも移せないと書いています。別のエディタを使いたければ、そのエディタで新しくサイトを作り直します。 失わずに済むのは契約です。有料プランとドメインは、アカウント内の新しいサイトへ付け替えられます。ただし、プランをWix Studioのサイトへ付け替えるときは、Studio用プランへのアップグレードが必要です（上位プランへの変更のみ可）。開発者ドキュメントによると、サイトコードを使っている既存サイトはHarmonyへ移されず、これまでどおりWix EditorやWix Studioで編集できます。 「まずHarmonyで作り、要件が増えたらStudioへ移す」という逃げ道はありません。将来必要になる機能も含めて、次章の条件で選びます。 ## Wix Studio・Wix Editorとの使い分け 判断の軸は「AIを使いたいか」ではありません。Wix Multilingual・サイトコード・凝ったデータ連携が要るかで切ります。 | 要件 | Wix Harmony | Wix Studio | Wix Editor（従来） | | ---------------- | ----------- | ------------- | -------------- | | AIとの対話で作成 | Ariaが全体で対応 | Harmony相当は準備中 | AIツールのみ | | CMS | 段階提供中（簡素版） | 対応 | 対応 | | Wix Multilingual | 不可 | 対応 | 対応 | | Veloのサイトコード | 不可 | 対応 | 対応 | | 他エディタへの移行 | 不可 | — | Harmonyへは不可 | | 想定する利用者 | 自分で作る個人・事業者 | 制作会社・チーム | 既存サイトの保守 | Studio側のAIについて、開発者ドキュメントは「HarmonyのAIによる作成体験をWix Studioにも持ち込む作業を進めている」と書いています。ただし提供時期は示していません。Studioを選んだ場合も、Ariaと同じ作り方ができるようになるかはWixの発表を待つ必要があります。 ### Harmonyを選ぶ案件・避ける案件 Harmonyが向くのは、ページ数が少なく、更新がテキストと画像の差し替えで済み、作り直しも許容できるサイトです。たとえば店舗やイベントのランディングページ、個人事業のポートフォリオ、ブログ程度のCMSで足りる小規模サイトです。プロンプトで土台を出せるので初期構築の手数が減り、公開後も運用者がAriaに頼んで直せます。 避けるべきなのは、次のどれかに当たる案件です。 - Wix Multilingualによる言語別ページ・翻訳の管理が要る、または将来要る（同機能が未対応） - Wixのバックエンドで認証情報を管理するAPI呼び出しや、HTTP関数による独自の連携処理が必要（サイトコード・HTTP関数が不可） - 訪問者によるコレクションへの直接投稿、絞り込み用の入力エレメント、参照フィールドでのデータの結び付けが要る（Harmony版CMSの制限） - 既存のWixサイトをリニューアルする（Editorからの移行が不可で、作り直しになる） 受託制作なら、ヒアリングで「Wix Multilingualが必要か」「Wix側のバックエンド実装が必要か」「CMSコレクションへの直接投稿や訪問者による絞り込みが必要か」を確認します。どれかが「はい」ならHarmonyを候補から外せば、移行不可の落とし穴は避けられます。Wixの外も含めて選ぶなら、ノーコードでできることと限界は[ノーコードとは？ローコードとの違い・できること・限界を実務目線で解説](/column/details/12871/)で整理しています。業務アプリまで含めた構築の相談は[ノーコード・ローコードアプリ開発](/service/apps/nocode/)で受けています。 ## よくある質問 ### Wix Harmonyとは何ですか？ AIエージェント「Aria」へのプロンプト入力と、ドラッグ＆ドロップの手動編集を同じ画面で組み合わせられるWixの新しいエディタです。2026年1月21日に発表され、日本では2026年3月12日に日本法人が発表しました。 ### Wix Harmonyの誕生の背景・開発秘話は？ 社長のニール・ゾハール氏は公式ブログで、2008年のFlashベースのドラッグ＆ドロップエディタ以来の「複雑な技術をWixが引き受け、誰でもサイトを作れるようにする」路線の延長にHarmonyを置いています。AIエージェントとAI検索で増えた複雑さも、同じくWixが吸収するという説明です。 ### Wix HarmonyでCMSは使えますか？ 2026年10月時点で段階的にリリース中で、アカウントによってはまだ使えません。使える場合も、データセットや動的ページの代わりに、リピーターをコレクションへ直結し「アイテムページ」で詳細を作る簡素な仕組みです。絞り込み用の入力エレメント、訪問者によるコレクションへの直接投稿、サンドボックスはありません（問い合わせなどの受け付けはWix Formsで可能です）。 ### Wix StudioとWix Harmonyはどちらを選ぶべきですか？ Wix Multilingual、Veloのサイトコード、CMSの参照フィールドを使った表示や訪問者によるコレクションへの直接投稿が要るなら、Wix Studioを選びます。少ページで、運用者が自分でAriaと手動編集を使って更新するサイトならHarmonyが候補になります。HarmonyからStudioへは後から移せないので、迷ったら要件の多い側に合わせます。 ### 既存のWixサイトをHarmonyへ移行できますか？ できません。Wix EditorからHarmonyへも、HarmonyからWix Editor・Studio Editorへも移せないと公式が明記しています。エディタを変えるには新しくサイトを作り直し、有料プランとドメインを付け替えます。 ## 関連記事 - [Base44とは？Wix傘下のAIアプリ開発ツールの料金・日本語対応・安全性【2026年10月】](/tech/details/11422/) - [Vibe Design（バイブデザイン）とは？Vibe Codingとの違い・進め方・ツール比較【2026年10月】](/tech/details/8924/) - [バイブコーディングとは？語源・由来と意味・読み方を解説【2026年版】](/tech/details/7216/) - [ヘッドレスCMSとは？従来型との違い・料金比較とプレビュー実装【2026年10月】](/tech/details/1317/) --- 出典: [Wix Harmonyとは？誕生の背景とCMSの提供状況・Wix Studioとの使い分け【2026年10月】]()（株式会社一創）