Wix Harmonyの使い方｜AIエディタで始めるサイト作成ガイド

Wix Harmonyとは、AIエージェントAriaとドラッグ＆ドロップを組み合わせた次世代のホームページ作成ツールです。日本国内でも生成AIの業務活用は急速に広がっており、総務省の調査によると日本企業の55.2%がすでに活用しています。Web制作の現場でもAIを使いこなすことが当たり前になりつつあります。 Wix Harmonyなら、ビジネスの概要をプロンプトで入力するだけで、Ariaが本格的なサイトを自動生成してくれます。コードの知識は不要で、後述するGita Jacobsonさんのように、コーディング未経験者でも最初の顧客を獲得できるサイトを自分で作り上げることができるのです。

この記事では、Wix Harmonyの基本画面と操作方法、AIエージェントAriaでサイトを素早く生成する方法、ドラッグ＆ドロップで仕上げるカスタマイズのコツを6つのステップで解説します。サイト作成の一般的な流れを知りたい方は、先に Webサイトの作り方を確認しておくとスムーズです。

▶︎Wixで無料ではじめる

早わかり表：Wix Harmonyを使うための6ステップ

Wix Harmonyを使うと、以下の6ステップでWebサイトを作成・公開できます。

ステップ	内容と所要時間（目安）
01	Wix にアクセスして新規サイトを開始する（約 2 分）
02	ビジネス情報を入力してサイトを生成する（約 5 分）
03	ドラッグ＆ドロップでデザインをカスタマイズする（約 15 分）
04	セクションとパーツを追加・編集する（任意）
05	モバイル表示を確認する（約 5 分）
06	SEO を設定してサイトを公開する（約 10 分）

Wix Harmonyの詳しい使い方

では、実際の使い方を6つのステップで見ていきましょう。

01. Wixにアクセスして新規サイトを開始する

まずhttps://ja.wix.comにアクセスし、Wixアカウントを作成またはログインします。管理画面から「新しいサイトを作成」を選択し、エディタとして「Wix Harmony」を選んでください。Wix Harmonyは標準のWixプランに含まれており、追加費用なしで利用することができます。

はじめてサイトを作ることに不安を感じる方は多いですが、インテリアデザイン・リフォーム・コンサルティング企業のIn the Deetsを創業したGita Jacobsonさんも同じでした。コーディング経験ゼロからスタートした彼女は、Wix Harmonyでのサイト作成の体験をこう振り返っています。

「使いやすそうだと感じたのと、テンプレートのデザインが非常に完成度が高かったのが決め手でした。コードを書く必要もなく、ドラッグ＆ドロップで要素を配置して、クリエイティブに楽しみながら作ることができました。」 — Gita Jacobson、In the Deets代表（アメリカ）

Gitaさんはその後、Wixで作ったサイトとブログを通じて、コンサルタントとして最初の顧客を獲得しました。コードを一切書かずに、です。

Gitaさんのようなユーザー体験の背景には、Wix Harmony開発における明確なビジョンがあります。Wixの社長ニール・ゾハールはこう語っています。

「Wix Harmonyは、Wixにおけるウェブサイト作成の新たな進化を象徴しています。自然言語によるバイブコーディングをその中心に置き、ユーザーは作りたいイメージを言葉で伝えるだけで、リアルタイムにサイトが形になります。AIとビジュアル編集が一つの体験として連携し、生成から調整、カスタマイズまでを一気通貫で行えます。」 —ニール・ゾハール、Wix社長

02. ビジネス情報を入力してサイトを生成する

Wix Harmonyを起動すると、AIエージェントAriaとのチャット画面が表示されます。ビジネスの概要・サイトの目的・好みのデザインスタイルを入力するだけで、Ariaがページ構成・コンテンツ・レイアウトを自動生成します。

たとえば「東京のカフェのサイトを作りたい。温かみのあるデザインで、メニューと予約フォームを入れてほしい」と入力すれば、それに合わせたサイトが数秒で完成します。プロンプトは日本語でそのまま入力できます。

このAIとドラッグ＆ドロップを組み合わせた設計について、プロダクトマーケティングを担当するヤリン・シンゴルダはこう語っています。

「ハイブリッドなアプローチこそが、Wix Harmonyを他のWebサイトビルダーと一線を画するものです。AIかドラッグ＆ドロップか、ではなく、その両方がシームレスに連携します。」 —ヤリン・シンゴルダ、プロダクトマーケティングマネージャー、Wix

AIを活用したサイト作成の考え方については、バイブコーディングとはもあわせてご覧ください。また、AIでホームページを作る方法やWixのAIサイトビルダーも参考になります。

03. ドラッグ＆ドロップでデザインをカスタマイズする

AIでサイトが生成されたら、次は自分らしさを加える番です。各要素は自由に移動・リサイズ・削除でき、ブランドカラーやフォントは「グローバルスタイル」でまとめて変更できます。「AIは出発点、仕上げは自分」が Wix Harmonyの基本的な考え方です。あわせて ホームページを自分で制作する方法もご覧ください。

知っておきたいこと：Wix Harmony はプロンプト入力で初期デザインを自動生成しますが、AI が作ったサイトはあくまで出発点です。フォント・カラー・セクション構成を自分のブランドに合わせてカスタマイズするほど、サイトの印象と成果は向上します。

Wix Harmonyユーザーのピラティスインストラクター、Tessa J. McNaboe はこう語っています。

「AI をスタート地点として活用するのが気に入っています。自分らしさを表現するための自由も必要で、サイトを訪れた方に、私のスタジオに足を踏み入れたような感覚を持っていただきたいのです。」 — Tessa J. McNaboe、ピラティスインストラクター・Wix Harmony ユーザー

同様のことを実感したもう一人のユーザーが、ロンドンを拠点とするラグジュアリーデザイナーのGergei Erdeiさんです。はじめての Webサイト制作を外部の開発者に依頼しましたが、仕上がりに満足できず、数か月後に自分で Wix を使って作り直すことを決断しました。

「自分で作ることが楽しかったのは、細部にとことんこだわれたからです。私のようなクリエイティブな人間にとって、各ページの構成や雰囲気を完璧に仕上げることは易しいことではありません。Wixのドラッグ＆ドロップエディターのおかげで、1 行もコードを書かずにその精度を実現できました。」 — Gergei Erdei、Gergei Erdei Studio

Gergei さんが自分で作り直したそのサイトが入り口となり、世界的なラグジュアリーセレクトショップ Matches Fashion との取引につながりました。

04. セクションとパーツを追加・編集する

サイドパネルの「レイヤー」機能を使うと、ページ全体の構成を一覧で管理できます。テキスト・画像・フォーム・ボタンなどのパーツは、ドラッグ＆ドロップで好きな場所に追加できます。Ariaに「このセクションに予約フォームを追加して」と伝えるだけで自動的に配置されます。

中堅・中小企業のIT市場調査を専門とする調査会社、ノークリサーチの調査によると、中堅・中小企業の60%がノーコードやAI系の開発ツールをすでに活用しています。Wix Harmonyも、こうした流れに沿ったツールの一つです。

05. モバイル表示を確認する

Wix Harmonyは自動レスポンシブ設計のため、デスクトップ向けのレイアウトを作ると、モバイル表示も自動で最適化されます。こうした自動最適化の重要性は、日本国内のデータからも裏付けられます。総務省の調査によると、インターネット利用者のスマートフォン接続比率は72.9%に達しており、モバイル対応はサイトの集客を左右する重要な要素です。

エディタ上部のプレビューボタンでモバイル表示を確認し、必要に応じてブレイクポイントをカスタマイズすることもできます。あわせてスマホでホームページを作る方法も参考にしてみましょう。

06. SEO を設定してサイトを公開する

最後にSEOの設定を行います。メタタイトル・メタディスクリプション・URLスラッグ・画像のaltテキストなど、検索エンジン向けの基本情報をエディタ内で設定できます。設定が完了したら「公開」ボタンを押すだけで、サイトがインターネットに公開されます。ホームページ作成費用の相場を事前に確認しておくと、有料プランの選択にも役立ちます。

公開後もダッシュボードからいつでも更新できます。Ariaに「ブログ記事ページを追加して」と入力するだけで、新しいページの追加も簡単に行えます。

Wix Harmony のよくある質問

Wix Harmony と旧 Wix エディタの違いは何ですか？

Wix HarmonyではAIエージェントAriaが中心的な役割を担い、プロンプト入力でサイトを丸ごと生成できます。旧WixエディタはAIが補助ツールとして機能する設計でしたが、Wix HarmonyではAIが主役です。また、Wix Harmonyは自動レスポンシブ設計を採用しており、モバイル対応の手間が大幅に減りました。現時点では既存サイトの自動移行は提供されていません。

Aria はどのように使いますか？

エディタ右下のAriaボタンをクリックし、チャット形式で指示を入力します。「このページのヘッダーを明るいトーンに変えて」のように自然な言葉で伝えるだけで、Ariaが実行します。テキストや画像の追加・削除・スタイル変更など、ほとんどの編集作業を自然言語で操作できます。

Wix Harmonyは無料で使えますか？

はい、Wix HarmonyはWixの無料プランでも利用できます。Aria を含む AI 機能は追加料金なしで使えます。独自ドメインの接続や広告の非表示には、有料プランへのアップグレードが必要です。

既存の Wix サイトを Wix Harmony に移行できますか？

現時点では、旧 Wix エディタから Wix Harmony への自動移行機能は提供されていません。Aria を使って新規サイトとして再構築するのが現実的な選択肢です。旧 Wix エディタは当面並行運用される予定のため、既存サイトはそのまま利用できます。

まとめ

Wix Harmonyを使えば、プロンプト入力からAI自動生成、ドラッグ＆ドロップの仕上げまで、一つのエディタでサイト制作を完結できます。以下の3つのメリットを押さえておきましょう。

• コーディング未経験でも、数時間程度でサイトを公開まで進められる

• 公開後もAriaとの対話だけでページ追加や更新を自分で続けられる

• モバイル対応とSEO対策が最初から整っているため、追加の作業が少ない
  

Wixならノーコードでも、本格的なホームページを自分で作成できます。まずは無料でお試しください。

▶︎Wixで今すぐはじめる