--- title: 完全レスポンシブ対応な「Wix Studio」と「Editor X」の違いは？Wix Studioの魅力！ description: Editor X、Wix Studio 両方とも完全レスポンシブでデザイン性が高いことで評判になっていますが、実際にどのような違いがあるのか、このブログ記事を通して皆さんの疑問にお答えしたいと思います。またWix studioの魅力もご紹介します。 image: https://blog.brandbuddyz.com/hubfs/%E3%83%96%E3%83%AD%E3%82%B0_Wix%20studio%E3%81%A8Editor%20X.png --- [![BrandBuddyz](https://blog.brandbuddyz.com/hs-fs/hubfs/raw_assets/public/Brandbuddyz_August2020/images/logo.png?height=37&name=logo.png "BrandBuddyz")](https://brandbuddyz.com/) [![BrandBuddyz](https://blog.brandbuddyz.com/hs-fs/hubfs/raw_assets/public/Brandbuddyz_August2020/images/logo_mob.png?height=37&name=logo_mob.png "BrandBuddyz")](https://brandbuddyz.com/) - [Who?](https://brandbuddyz.com/about/) - [Vision](https://brandbuddyz.com/vision/) - [Message](https://brandbuddyz.com/message/) - [Services](https://brandbuddyz.com/services/) - [Company](https://brandbuddyz.com/company/) - [Works](https://brandbuddyz.com/works/) - [Blog](https://blog.brandbuddyz.com/) - [Contact](https://share.hsforms.com/1EzTTaBreQACNnJXz4Ui3Yg2ohhk?__hstc=26595618.1c7cc254733071e7a41897617782950d.1598678740527.1598678740527.1598695242933.2&__hssc=26595618.2.1598695242933&__hsfp=347524095) - [Who?](https://brandbuddyz.com/about/) - [Vision](https://brandbuddyz.com/vision/) - [Message](https://brandbuddyz.com/message/) - [Services](https://brandbuddyz.com/services/) - [Company](https://brandbuddyz.com/company/) - [Works](https://brandbuddyz.com/works/) - [Blog](https://blog.brandbuddyz.com/) - [Contact](https://share.hsforms.com/1EzTTaBreQACNnJXz4Ui3Yg2ohhk?__hstc=26595618.1c7cc254733071e7a41897617782950d.1598678740527.1598678740527.1598695242933.2&__hssc=26595618.2.1598695242933&__hsfp=347524095) 1 min read # 完全レスポンシブ対応な「Wix Studio」と「Editor X」の違いは？Wix Studioの魅力！ ![Airi Shiroma](https://blog.brandbuddyz.com/hubfs/IMG_0992-2.jpg) By Airi Shiroma ![完全レスポンシブ対応な「Wix Studio」と「Editor X」の違いは？Wix Studioの魅力！](https://blog.brandbuddyz.com/hubfs/%E3%83%96%E3%83%AD%E3%82%B0_Wix%20studio%E3%81%A8Editor%20X.png) 完全レスポンシブ対応な「Wix Studio」と「Editor X」の違いは？Wix Studioの魅力！ 10:52   以前、Wixがリリースした、完全レスポンシブ対応でデザイン性が高いと話題の「Wix Studio」ですが、実際、通常のWixと違うのはわかるけど、Editor Xとの違いは？と思う方が多いかと思います。 Editor XもWixが数年前にリリースしたプラットフォームですが、Wix StudioはEditor Xの置き換えバージョンなのか？などの声をよく聞きます。 両方とも完全レスポンシブでデザイン性が高いことで評判になっていますが、実際にどのような違いがあるのか、このブログ記事を通して皆さんの疑問にお答えしたいと思います。 また、Wix studioの魅力もいくつかご紹介します。   ＊Wix Studio とは？機能性や事例について知りたい方は、ぜひこちらの記事もご覧ください。 [【もはやWixで革命!?】Wix Studioでハイクオリティーなサイト制作！事例紹介](https://blog.brandbuddyz.com/wix-studio?hsLang=ja)   ## **「Wix Studio」と「Editor X」の違いとは？**   Wix StudioとEditor Xの両方、プロ仕様になっていて、完全なレスポンシブル対応されているプラットフォームです。 去年、Wix Studioのリリース発表がされた際に、Wix StudioはEditor Xに取って代わるものとも発表していました。 なので、今後Editor Xではなく、Wix Studio にシフトチェンジされていくイメージですね。 実際に、Editor Xを使ったことがある立場からすると、Wix Studioはとてもシンプルで使いやすくなった！というのが最初に感じたことです。 使った感じでは、とてもスムーズで効率的に作業が行えるのが大きなポイントかなと思います。   ＊2024年4月の時点でEditor Xでのサイト作成はできません。   ### **・レスポンシブ機能**   Editor Xも完全レスポンシブ対応でしたが、設定する際の編集に慣れるまでかなり大変だった印象でした。 Editor Xでは、編集サイズがあまりなく、代わりに、デフォルトのデスクトップサイズがあります。画面をリサイズしたら、そのままその画面での編集になって、手動でレスポンシブの設定をしていく必要がありました。   Wix Studioでは、編集サイズを自分の好きな幅に設定できます。画面をリサイズすると、画面が大きくなったり小さくなったりするものの、設定した編集サイズに自動的に戻ります。レスポンシブ動作が自動的に適用されるので、少しの調整を加えるだけで、レスポンシブ対応の設定が可能です。 完全レスポンシブの設定は難しそうというイメージを覆すぐらい、とてもスムーズに設定が可能です。   この点、Wix エディタからWix Studioを使う方は苦戦するかもしれませんが、Editor Xから移行する人は、とてもスムーズに感じると思います。   ### **・アニメーションとエフェクト**   Editor Xは、通常のWix エディタよりもデザイン性が高かったものの、ノーコードでのアニメーションやエフェクトにはかなり限界がありました。 それに比べて、Wix Studioは、ノーコードでもデザイン性の高いアニメーションやエフェクトを簡単に追加することができます。   アニメーションやエフェクトの量は比べものにならないほど、数は多く、それに加えて設定方法がとても簡単でわかりやすいです。 エントランス、ホバー、クリック、スクロール、ループ、マウスエフェクトなど、数多くの中から選択することができ、組み合わせることで動きをより出すことができます。 [![Image from Gyazo](https://i.gyazo.com/4d9cc6932c7c476add100ad4e4fd6851.gif)](https://gyazo.com/4d9cc6932c7c476add100ad4e4fd6851)   ### **・レイアウトやテキスト**   レスポンシブ対応の箇所と少し重なる点ですが、レイアウトやテキストのレスポンシブは、Editor Xでは、ほぼ手動で設定することが多かったのですが、Wix Studioではデフォルトで設定されているので、少しの調整を加えるだけでとてもスムーズに完結しちゃいます。 それ以外でも、レイアウトやテキストのデザインのオプションが幅広くなっていて、簡単にハイクオリティーなパーツを追加することができます。   例えば、背景に動画を入れ込んだテキスト [![Image from Gyazo](https://i.gyazo.com/bc54b2b64af99912d05a4ed07fefbf58.gif)](https://gyazo.com/bc54b2b64af99912d05a4ed07fefbf58)   また、ワイヤーフレームも数多く用意されており、簡単に追加できます。 [![Image from Gyazo](https://i.gyazo.com/e8e57d53d5b105731d121e6c0dacbf5d.gif)](https://gyazo.com/e8e57d53d5b105731d121e6c0dacbf5d)   レイアウト、テキストだけに限らず、コーディング不要のデザイン機能の範囲が拡大されているのが特徴的だと言えますね。 私が直感的に感じたEditor XとWix Studioの違いを取り上げましたが、Wix公式サイトでも、下記のように両方の違いが取り上げられていました。 - レスポンシブさ、レイアウトを管理するスマートツール - デザインの効率を優先できる新しい編集モード - 複雑なレイアウトをより直感的に作成するために刷新されたスタックと新しいグリッド体験 - カスタム CSS でスタイル、アニメーション、レスポンシブ動作を作成 - インタラクションからメガメニューやスライドショーなどの新しいコンポーネントまで、幅広いノーコードデザイン機能 - カスタム React コンポーネントをサイトに追加 参照：[Wix ヘルプセンター](https://support.wix.com/ja/article/wix-studio-faq%EF%BC%9Aeditor-x-%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B)   Wix Studioの紹介動画もありますので、ぜひご覧ください。 ## **Wix Studioの魅力**   以前、ブログでもWix Studioの魅力について少しお話しました。 関連記事：[【もはやWixで革命!?】Wix Studioでハイクオリティーなサイト制作！事例紹介](https://blog.brandbuddyz.com/wix-studio?hsLang=ja) 先ほどの比較の際にも、Wix Studioのレスポンシブ機能やデザイン性などいくつか取り上げましたが、関連記事でもまだお伝えしていない他の魅力もここで簡単にお伝えしたいと思います。   ### **・Wix Studio アプリ**   [![Image from Gyazo](https://i.gyazo.com/42ccee5fc47bbc98a8c08c020d40216f.png)](https://gyazo.com/42ccee5fc47bbc98a8c08c020d40216f)   サイト管理者のためのアプリ、Wix Owner を知っている方は多くいらっしゃるかと思いますが、Wix Studioの専用アプリも今回、Wixがリリースしました。 Wix Owner アプリ以上の機能性ということで注目を浴びています。 お客さんにメッセージを送信したり、支払いを受けたりして、外出先でもビジネスを管理することに加えて、アプリから直接カスタマーケアにお問合せすることができます。 以前に作成した既存のチケット（お問合せ内容）の状況を追跡することができ、また更新情報を入手することができるため、お問合せのチャットを再度始める必要はなく、とても便利です。 共同管理者をアプリを通して招待できるので、外出時にパソコンが手元にない場合でも権限付与を行うことができます。   ### **・テンプレート**   [![Image from Gyazo](https://i.gyazo.com/62d872b9236514fd31039e75f84a77d4.gif)](https://gyazo.com/62d872b9236514fd31039e75f84a77d4)   通常のWixでのサイト制作でも大変だったから、Wix Studio は無理かな…と思っている方にはぜひ知ってほしいのが、Wixが用意しているテンプレートです。 幅広い業界やデザインスタイルをカバーするデザイナーが作成したレスポンシブウェブサイトテンプレートが用意されているため、ゼロからサイトを作成する必要がありません。 また、既製のワイヤーフレームから選択して、独自のスタイルを加えて、デザインすることができます。 どんどん最新テンプレートが追加されているので、ぜひ白紙から作成するのが難しい方は、ご利用ください！   ### **・他のユーザーと共同作業**   Wix Studioでは、複数人のユーザーでエディタに入ることができ、編集ができます。 1人は画像のチェックと差し替え、もう1人はテキストチェックと修正など、共同で作業ができるので、効率的にサイト制作ができます。 サイトで作業している人は誰でもキャンバスにコメントを残したり、他のユーザーをタグ付けしたりできるので、それぞれが気づいた修正点や変更点を残すこともできます。 チーム内でのコミュニケーションもWix Studioの中で完結できるのはとても便利です。   Wix Studio の他の魅力や注目されている点については、こちらの記事もご覧ください。 関連記事：[【もはやWixで革命!?】Wix Studioでハイクオリティーなサイト制作！事例紹介](https://blog.brandbuddyz.com/wix-studio?hsLang=ja)   ## **まとめ**   ここまでで、簡単にEditor Xとの違いを取り上げましたが、Wix Studioは、まさにEditor Xを超えるプラットフォームというのがわかりますね。 Wix Studioでは、AI機能が様々な箇所に反映されているのがとても注目される点かと思います。 AI機能を使って、ワンクリックだけでサイトをレスポンシブ化、AI アシストでコードサンプルを生成したり、質問したり、トラブルシューティングを行って作業を効率化させることができます。   2024年1月から数ヶ月かけて段階的にWix Studioに更新するオプションが表示され、現時点では、Editor Xでのサイト作成のオプションはありません。 新しくサイトを作成する場合は、Wixエディタ、もしくはWix Studioのどちらかの選択になります。 [![Image from Gyazo](https://i.gyazo.com/9fe1893066cf09c16f6b3d08a9aef100.png)](https://gyazo.com/9fe1893066cf09c16f6b3d08a9aef100)   Editor Xで作成したサイトにアクセスはできますが、Editor Xでサイトを新しく作成することはできませんので、Wix Studioでサイトを作成してください。 ぜひ、今注目されているWix Studioを使ってサイトを作成してみては⁉︎ あなたのビジネスの魅力を最大限にサイトに反映して、ビジネスの向上に繋げましょう！   関連記事：[【もはやWixで革命!?】Wix Studioでハイクオリティーなサイト制作！事例紹介](https://blog.brandbuddyz.com/wix-studio?hsLang=ja)   弊社ブランドバディーズは、Wixパートナープログラムに登録しており、パートナーの最高レベル「レジェンド」レベルのWix制作会社です。 ![Legend (1)](https://blog.brandbuddyz.com/hs-fs/hubfs/Legend%20(1).png?width=201&height=201&name=Legend%20(1).png) 私たちは、単にウェブサイトを制作するのだけではなく、マーケティングやブランディングを生かしたウェブサイト制作を行っております。 「今後自分でウェブサイトを管理したいからサイトだけを制作してほしい」 「ブランディングサイトを制作したい」 「自分でウェブサイトをWixで作ってみたけど、サイトのリニューアルをお願いしたい」 「かっこいい・高級感のあるウェブサイトがほしい」 「自分で簡単にウェブサイトを更新・変更できるプラットフォームを使いたい」 「自分でサイトを制作したが、会社の雰囲気に合わせてデザインしなおしてほしい」 など考えている方は、ぜひお気軽にご相談ください。 [![Wix無料相談受付](https://no-cache.hubspot.com/cta/default/4501640/77dd4177-17a2-45cd-a259-0090477affd9.png)](https://cta-redirect.hubspot.com/cta/redirect/4501640/77dd4177-17a2-45cd-a259-0090477affd9)   Tags: [wix](https://blog.brandbuddyz.com/tag/wix) ## Related Articles ### VUCA時代のWebサイト制作はWordPressよりWix Studioがおすすめ！ *( 1 min read )* Tags: [マーケティング](https://blog.brandbuddyz.com/tag/マーケティング), [wix](https://blog.brandbuddyz.com/tag/wix), [DX](https://blog.brandbuddyz.com/tag/dx) ### 【もはやWixで革命!?】Wix Studioでハイクオリティーなサイト制作！事例紹介 *( 1 min read )* Tags: [wix](https://blog.brandbuddyz.com/tag/wix) ### リピーターを使っておしゃれなデザインを簡単に作成！Wix Studioのリピーターの使い方 *( 1 min read )* Tags: [wix](https://blog.brandbuddyz.com/tag/wix) ## ジャーニーマップをダウンロード！ オンラインとオフラインでメディア戦略を立てるときにご利用ください。 ![Bottom image](https://blog.brandbuddyz.com/hs-fs/hubfs/Brandbuddyz_August2020/Images/btm_img.webp?width=200&name=btm_img.webp "Bottom image") - [Who?](https://brandbuddyz.com/about/) - [Services](https://brandbuddyz.com/services/) - [Company](https://brandbuddyz.com/company/) - [Works](https://brandbuddyz.com/works/) - [Blog](https://blog.brandbuddyz.com/) - [Contact](https://share.hsforms.com/1EzTTaBreQACNnJXz4Ui3Yg2ohhk?__hstc=26595618.1c7cc254733071e7a41897617782950d.1598678740527.1598678740527.1598695242933.2&__hssc=26595618.2.1598695242933&__hsfp=347524095) Copyright ©2020 BrandBuddyz. All Rights Reserved. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Airi Shiroma", "url" : "https://blog.brandbuddyz.com/author/airi-shiroma" }, "dateModified" : "2024-04-16T02:29:49.397Z", "datePublished" : "2024-04-16T02:27:33.000Z", "headline" : "完全レスポンシブ対応な「Wix Studio」と「Editor X」の違いは？Wix Studioの魅力！", "image" : [ "https://blog.brandbuddyz.com/hubfs/%E3%83%96%E3%83%AD%E3%82%B0_Wix%20studio%E3%81%A8Editor%20X.png" ], "mainEntityOfPage" : { "@id" : "https://blog.brandbuddyz.com/wix-studio-editor-x", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.brandbuddyz.com/hubfs/bb_logo04.png" }, "name" : "BrandBuddy合同会社" } } ```