top of page

WixのAIでホームページを作る方法

17 時間前
読了時間: 10分
青い背景のAI画像作成画面。オレンジ背景でサングラスをかけた女性のポートレートと、左にサングラス商品画像、VYSERやAI画像作成機能の文字。

AIホームページ作成ツールを使うと、AIとの会話だけでプロ品質のWebサイトを数分でつくることができます。コーディングやデザインの専門知識は一切不要です。20年にわたりホームページ作成をリードしてきたWixが開発したAIホームページ作成ツールが、2026年1月にリリースされた「Wix Harmony」です。Wix Harmonyなら、AIエージェント「Aria」との会話を通じて、素早く完成度の高いWebサイトを作成できる環境を、初心者から事業者まで幅広く利用できます。

この記事では、アカウント作成からAriaとのやりとり、デザインの確認、ドラッグ&ドロップでのカスタマイズ、SEO設定と公開まで、5つのステップを順に解説します。


なお、Webサイトの作り方の基本を知っておくと、AIエージェントAriaへの指示がより的確になります。併せて参考にしてください。 ▶︎Wixでホームページを作成

WixのAIホームページ作成ツールとは


WixのAIホームページ作成ツールがWix Harmonyです。自然言語のプロンプトとドラッグ&ドロップ編集を1つのインターフェースに統合した、Wixの次世代サイトビルダーで、その中核にあるのが「バイブコーディング」という考え方です。ユーザーが自分のビジョンを言葉で伝えると、AIエージェントのAriaがそれを即座にサイトとして形にします。生成されたサイトはPC・タブレット・スマートフォンすべての画面サイズに自動で最適化されるため、公開前の確認作業も削減できます。

Wix社長のニール・ゾハールは、この設計思想についてこう語っています。

「Wix Harmonyは、Wixにおけるサイト作成の次なる進化を象徴しています。自然言語によるバイブコーディングを核に、AIとビジュアル編集が1つの体験に統合されているため、ツールを切り替えることなく生成・調整・カスタマイズまで一貫して行えます。作成プロセスはより速く、より直感的になり、主導権は人間の手に確かに残ります。」


Wix AIホームページ作成ツールの基本的な使い方(5ステップ)


AIホームページ作成ツール(Wix Harmony)を使ったサイト作成は、大きく5つのステップに分かれます。Wixのアカウントさえあれば、誰でも無料から始められます。以下の手順に沿って進めてみてください。

  1. Wix Harmonyでアカウントを作成してログインする

  2. AIエージェントAriaにサイトの目的とスタイルを伝える

  3. Ariaが生成したデザインを確認する

  4. コンテンツをドラッグ&ドロップ機能で編集・カスタマイズする

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


1. アカウントを作成してログインする


まず、wix.comにアクセスして、無料アカウントを作成します。メールアドレスまたはGoogleアカウントで簡単に登録できます。ログイン後、管理画面で「新しいサイトを作成」を選択し、エディタとして「Wix Harmony」を選ぶと、AIホームページ作成ツールのフローが始まります。Wix Harmonyは標準のWixプランに含まれており、追加費用なしで利用できます。

総務省の令和7年版情報通信白書によると、日本企業の55.2%がすでに生成AIを業務で使っています。方針づくりはこれからという企業も多く、早く取り組むほど差をつけやすい状況です。



2.Ariaにサイトの目的とスタイルを伝える

チャット画面が表示されたら、AIエージェント、Ariaからの質問に答えていきます。具体的には、サイトの目的(ビジネス・ポートフォリオ・ブログなど)、業種、希望のデザインスタイル(モダン・ミニマル・カラフルなど)、必要なページ(ホーム・概要・連絡先など)を入力します。できるだけ具体的な情報を伝えるほど、生成されるサイトの完成度が高まります。

Ariaは単なるチャットボットではなく、セクションの作成・テキストの追加・画像の挿入といった複数の作業を同時にこなせるエージェントです。WixでWix HarmonyとWixエディタのプロダクト統括を担当するYaara Asafはこう語っています。

「チャット形式でやりとりする体験は、ユーザーがとても直感的に進められるように設計しています。AIは、ユーザーが必要なことを言語化できることが前提です。Wix Harmonyのチャットは、最適な結果を生み出すために必要な情報をきちんと引き出せるよう設計されています。」

実際にWix Harmonyを使ったユーザーも、その直感的さを実感しています。

AIでサイトの基盤を作ってから実際のビジネス機能を追加するという流れは、多くのユーザーが実感している効率の良さのひとつです。


3. AIが生成したデザインを確認する


Ariaが自動でページ構成・配色・フォント・画像レイアウトを生成します。これは「バイブコーディング」と呼ばれる仕組みによるもので、言葉で伝えたビジョンが即座にサイトの形になります。複数のデザイン案が提示される場合もあるので、気に入ったデザインを選択してください。「別のデザインを試す」で再生成することも可能です。

AIでホームページを作る方法では、AIを活用したサイト制作のコツをさらに詳しく紹介しています。この段階ではサイトはまだ公開されていないため、気軽に試してみてください。

知っておきたいこと: AIが最初に生成するデザインは、イメージと完全に一致しないこともあります。その場合は「別のデザインを試す」を選ぶと何度でも再生成できます。デザインを確定した後も、テキスト・画像・配色・フォントをすべて自由に変更できます。AIの出力はあくまで出発点として捉えると、作業がスムーズに進みます。


4. ドラッグ&ドロップでコンテンツを編集・カスタマイズする


デザインを確定したら、ドラッグ&ドロップでテキスト・画像・ボタン・セクションを自由に編集できます。Wix Harmonyの特長は、Ariaによるプロンプト生成と、精密なドラッグ&ドロップ編集を自在に組み合わせられる「ハイブリッド編集体験」です。

Ariaを使えば、チャットで特定のテキストやセクションを書き換えることもできます。サイトは自動レスポンシブ設計になっているため、デスクトップ向けのレイアウトを作れば、モバイル表示も整います。デバイスごとに別々のレイアウトを用意する手間がありません。総務省の調査によると、インターネット利用者のスマートフォン接続比率は72.9%に達しており、モバイル対応はサイトの集客を左右する重要な要素です。公開前にはプレビュー機能でモバイル表示も確認しておきましょう。

中堅・中小企業のIT市場調査を専門とする調査会社、ノークリサーチの調査によると、中堅・中小企業の60%が、ノーコードやAI系の開発ツールを使い始めています。専門知識がなくても、自社でサイトや仕組みをつくれる時代になりました。


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


編集が完了したら、SEO設定を行います。エディタの左サイドバーにある「SEO」パネルから、ページタイトル・メタ説明・カスタムURLを設定してください。Wix SEOチェックリストを活用すると、検索エンジン向けの基本設定をステップ形式でガイドしてくれます。


設定が完了したら「公開」ボタンをクリックします。ホームページを自分で制作する方法も参照しながら、公開後の運用まで見通しておくと安心です。公開後もダッシュボードからいつでも更新でき、Ariaに「ブログ記事ページを追加して」と伝えるだけで新しいページの追加も簡単に行えます。なお、独自ドメインと接続するには有料プランへのアップグレードが必要です。


AIホームページ作成ツールの活用例

Wix Harmonyは、業種や目的を問わずさまざまなサイトに対応しています。以下に、代表的な活用例を紹介します。


ポートフォリオサイト


フリーランサーやクリエイターが作品を掲載するポートフォリオサイトは、Wix Harmonyが得意とする分野のひとつです。Ariaにクリエイティブ系のスタイルを伝えると、ギャラリーレイアウトを中心としたデザインが自動生成されます。

オーストラリアを拠点とするトラベルクリエイターのDain Finneyは、以前すべての仕事依頼をInstagramのグリッドと手動でのPDF送付だけで対応していました。色々なホームページ作成ツールも試しましたが、カスタマイズの壁にぶつかるたびに行き詰まっていました。Wix Harmonyでポートフォリオサイトを構築してからは、ポートフォリオ・メディアキット・ブランドコラボ案件のページをひとつのサイトにまとめられるようになりました。

「Wixでは、ポートフォリオ・メディアキット、ネットショップやメールマーケティングまで、すべてを一カ所で管理できます。クリエイターとして、テクノロジーの問題に時間をとられたり、複数のツールをつぎはぎにしたりしたくありませんでした。」Dain Finney、トラベルクリエイター、Dain Luka(オーストラリア)


飲食店・カフェのホームページ


メニュー・アクセス・予約フォームを含む飲食店向けサイトの作成も、Ariaにまかせることができます。業種を「飲食店」と伝えると、マップセクションや予約ボタンが含まれたレイアウトが提案されます。AIが生成したデザインをベースに、写真や営業時間を追加するだけで本格的なサイトが完成します。


会社・コーポレートサイト

企業情報・サービス紹介・採用情報を掲載するビジネスサイトの作成にも対応しています。Ariaは信頼感のあるプロフェッショナルなデザインを提案するため、デザイン費をかけずに会社の顔となるサイトを作れます。会社ホームページの自作方法も参考にすると、自作のポイントが整理できます。

インテリアデザイン・リフォーム・コンサルティング企業In the Deetsを創業したGita Jacobsonさんも、Wix Harmonyで会社サイトとブログを立ち上げ、コードを書かずに最初の顧客を獲得しました。落ち着いた雰囲気のピラティススタジオを運営するTessa J. McNaboeさんも、同様に「自分らしさ」を大切にサイトを仕上げることができたとのことです。

「AIをスタート地点として活用するのが気に入っています。自分らしさを表現するための自由も必要で、サイトを訪れた方に、私のスタジオに足を踏み入れたような感覚を持っていただきたいのです。」

ネットショップ 


商品販売ページ・カート・決済機能を持つネットショップも、Wix Harmonyで作成することができます。Ariaに「ネットショップを作りたい」と伝えると、商品ページや購入ボタンのレイアウトが自動で含まれます。Wixはオールインワンのネットショップ機能を提供しており、在庫管理から決済まで一元管理が可能です。


よくある質問

AIホームページ作成ツール(Wix Harmony)は無料で使えますか?


はい、Wix Harmonyは無料プランで利用できます。Ariaを含むAI機能は追加料金・クレジット不要で使えます。ただし、無料プランではWixのサブドメイン(たとえばusername.wixsite.com/mysiteなど)が使われ、Wixの広告バナーが表示されます。独自ドメインの利用や広告の非表示には、有料プランへのアップグレードが必要です。


AIで作成したサイトはあとから自分で編集できますか?


はい、生成後はドラッグ&ドロップで自由に編集できます。テキスト・画像・レイアウト・配色すべてを変更可能です。AIが作ったデザインはあくまで出発点であり、フル編集機能がそのまま使えます。Ariaを活用すれば、チャットで個別の修正も行えます。


Wix HarmonyとWix Studioの違いは何ですか?


Wix Harmonyはコード不要・AIネイティブのAIホームページ作成ツールで、個人や中小企業が対象です。プロンプトひとつでサイト全体を生成し、Ariaとドラッグ&ドロップで仕上げます。一方Wix Studioは、高度なカスタマイズやコード開発が必要なプロジェクト向けで、プロの開発者やエージェンシーに適しています。用途に応じて使い分けてください。


AIでサイトを作ると、完成するまでどのくらいかかりますか?


Ariaとのチャットで目的・スタイルを伝えるのに通常2〜3分、サイト生成には数十秒かかります。デザインを選んでドラッグ&ドロップでの編集に入るまでは5分以内が目安です。そこからコンテンツの編集や画像の差し替え、モバイル表示の確認、SEO設定に時間をかけるほど、完成度の高いサイトになります。



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

現時点では、既存のWixエディタやWix StudioのサイトをWix Harmonyに自動移行する機能はありません。Wix Harmonyを使う場合は、Ariaを活用して新規サイトとして構築するのが最も効率的です。旧エディタのサイトは並行運用が可能なため、そのまま利用を続けられます。


まとめ


WixのAIホームページ作成ツール(Wix Harmony)を使えば、アカウント作成からデザイン生成・編集・公開まで、5つのステップでWebサイトが完成します。コーディングもデザイン経験も不要で、AIエージェントAriaとの会話とドラッグ&ドロップを組み合わせた「ハイブリッド編集体験」により、個人事業主から中小企業まで幅広い場面で活用できます。自動レスポンシブ設計で、モバイル対応の手間も大幅に減ります。AIが実行を担う一方、創造的な主導権は常に作り手の手に残ります。コードによる高度な開発が必要な場合は、Wix Studioも選択肢に入れてみてください。AIによるサイト作成の可能性についてさらに知りたい方は、バイブコーディングとはもあわせて参考にしてみてください。


▶︎WixのAIホームページ作成ツールを今すぐ試す

ja03.png
bottom of page