> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/editor/7kr2mn9wxq.md).

# エディター コパイロット（Copilot）でバリエーションを簡単に作成する

{% hint style="danger" %}
この機能は、アーリーアクセス・プログラムとして、VWOのGrowth、Pro、Enterpriseプランでご利用いただけます。詳細については、お問い合わせください。
{% endhint %}

この記事では、以下の内容について解説します。

* [**概要**](#id-1)
* [**エディター コパイロット（Copilot）でできること**](#id-2)
* [**エディター コパイロット（Copilot）の使い方**](#id-3)
* [**活用例**](#id-4)
* [**知的財産とコンプライアンスについて**](#id-5)

## 概要 <a href="#id-1" id="id-1"></a>

**VWO エディター コパイロット**は、バリエーション作成プロセスを簡素化するために設計された、**AI搭載のアシスタント**です。

お客様の要望を聞き取り、それに応じたデザイン案を提案し、バリエーションに適用します。迅速かつ簡単、そして楽しみながら操作できるため、すでにデザイン案がある場合でも非常に価値のあるツールとなります。

「こうしたい」というアイデアが簡単に実現できそうに思えても、最終的なプランを決定する前に、別の視点を探ってみてはいかがでしょうか？コパイロットに明確な指示（プロンプト）を与えてデザイン作成を依頼することで、複数のデザイン案の中から最適なものを手間なく選ぶことができます。

## エディター コパイロット（Copilot）でできること <a href="#id-2" id="id-2"></a>

原則的には、ビジュアルエディター上で行えるすべての操作が可能です。例えば、クリエイティブなテキストコンテンツの追加、ボタンの角丸の調整、UI要素の色の変更、フォントの変更、既存画像の修正などが含まれます。

これらの変更をご自身で行う代わりに、Copilotに何をすべきか伝えるだけで済みます。

## エディター コパイロット（Copilot）の使い方 <a href="#id-3" id="id-3"></a>

1. 要素を選択する： VWOのビジュアルエディター上で、変更したい要素をクリックします。
2. エディター コパイロットを開く： エディターのパレットから「エディター コパイロット」を選択します。

<figure><img src="/files/THCiRxtTL0PCINKJWxgQ" alt=""><figcaption></figcaption></figure>

3. 変更内容を説明する： ポップアップが表示されたら、提案されたプロンプトから選ぶか、希望する変更内容をチャット欄に記述します。

{% hint style="warning" %}
指定する要素によっては、AIから提案が表示されない場合があります。
{% endhint %}

<figure><img src="/files/ChWGrowm2YZTrDyZF5zv" alt=""><figcaption></figcaption></figure>

提案されたプロンプトを選択すると、Copilotは3つのバージョンを生成します。それぞれをクリックしてUIの更新内容を確認してください。提案をレビューし、要件に最も合うものを選びます。また、さらにプロンプトを編集して別の結果を生成することも可能です。

<figure><img src="/files/aKWW8cg5l8Rce9HwEaI8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/7QedzV7oDovZx7GPCRI8" alt=""><figcaption></figcaption></figure>

変更内容を記述する際は、より良い結果を得るために具体的に伝えてください。指示はタイピングだけでなく、マイクアイコンを使って音声で記録することもできます。録音が終わると、Copilotが音声をテキストに変換します。

最適な結果を得るには、最適なプロンプトを入力することが重要です。完璧なプロンプトを書くのは難しい場合もありますが、入力をサポートするためにVWOは「プロンプト補強（Prompt Enhancement）」機能を提供しています。クリック一つで、入力したテキストや音声の質を自動的に高め、より洗練された指示に洗練させることができます。この機能のメリットは以下の通りです。

* 大まかなアイデアを、明確で実行可能なプロンプトに変換することで時間を節約します。
* ユースケースに合わせて、プロンプトのトーンや創造性を調整します。
* 入力内容がさまざまなタスクや目標に合わせてどのように変化するかを見ることで、インスピレーションを得られます。

プロンプト補強機能を使用するには、プロンプト入力後に「魔法の杖」アイコンをクリックします。システムが3つの洗練されたバージョンを生成します。これらは、簡潔なものから創造的で表現豊かなものまで、創造性のレベルが異なります。

<figure><img src="/files/4xxzOzRpBAdLotTNIWup" alt=""><figcaption></figcaption></figure>

提案をレビューし、意図に最も合うものを選んで「プロンプトを適用」をクリックしてください。元のプロンプトが即座に置き換わります。

{% hint style="warning" %}

* 洗練されたプロンプトの生成には数秒かかる場合があります。
* 元のプロンプトを変更しない限り、生成される提案は同じです。
* 洗練されたプロンプトをさらに補強すると、さらに高度な提案が生成されます。
  {% endhint %}

4. 参考ファイルを添付する： Copilotに追加のコンテキスト（文脈）を与え、より正確な結果を得るためにファイルをアップロードできます。

複数のファイルを同時に、あるいは会話の進行に合わせて個別に追加可能です。データポイントを含むファイルや、視覚的なガイドとなるスクリーンショットをアップロードすると、Copilotがデータを分析し、パターンや指示を特定して結果を生成します。

{% hint style="warning" %}

* 最大4ファイルまでアップロード可能です。
* 対応形式：.csv, .txt, .png, .jpg, .jpeg, .pdf など。
* 合計ファイルサイズは20MBまでです。
  {% endhint %}

5. 提案をレビューする： Copilotが複数のバージョンを生成します。それぞれをクリックしてUIの変化を確認してください。

{% hint style="warning" %}
VWO エディター コパイロットで生成された画像は、VWOやお客様に所有権があるものではありません。詳細は「[知的財産とコンプライアンス](https://help.vwo.com/hc/en-us/articles/37186328221337-Create-Variations-Effortlessly-With-VWO-Editor-Copilot#intellectual-property-and-compliance)）」のセクションを参照してください。
{% endhint %}

6. 結果を微調整する： 必要に応じて、より具体的な指示を与えて変更を調整します。
7. 根拠を確認する： インフォメーションアイコンをクリックすると、その変更が提案された理由を確認できます。&#x20;

{% hint style="warning" %}
このオプションは画像生成以外の出力に適用されます。
{% endhint %}

8. コードにアクセスする： コードアイコン（\</>）をクリックすると、特定の変更に対するコードを確認できます。
9. ポップアップ内の「完了」をクリックすると、出力されたバリエーションが確定します。

## 活用例 <a href="#id-4" id="id-4"></a>

### ウェブサイト画像のバリエーション作成 <a href="#id-4-1" id="id-4-1"></a>

{% hint style="warning" %}
画像のバリエーション生成は、VWO Testing、Personalize、Rolloutsの、**ProおよびEnterpriseプランでのみ**利用可能です。
{% endhint %}

* シナリオ： スマートウォッチをさまざまな角度から見せて、主要な機能を強調したい。
  * 解決策： Copilotを使用して、文字盤、ベルト、デザイン、カラー、特別仕様などを見せる画像のバリエーションを作成します。ブランドのカラーガイドラインを添付すると、より正確な結果が得られます。

<figure><img src="/files/flBUkg9yadudAW3pa5xY" alt=""><figcaption></figcaption></figure>

* シナリオ： シャツの異なるカラーバリエーションを作成したり、同じ家具を異なる部屋のシチュエーションで表示したりしたい。
  * 解決策： Copilotの画像編集機能で、商品写真の強化、ライティングの調整、背景の削除などを行います。
* シナリオ： クリスマスキャンペーンに合わせてバナーを微調整したい。
  * 解決策： 手動編集や外部ツールに頼らず、Copilotでクリスマス風のスタイル適用、サイズ変更、位置調整、コピーの更新を行います。
* シナリオ： 旅行サイトで、ルーフトップレストランの見え方のバリエーションを作成したい。
  * 解決策： Copilotの画像生成機能を使って、時間帯（日の出、昼、夕暮れ）、天候（晴れ、曇り）、シチュエーション（ビジネスディナー、家族団らん、パーティー）ごとのシーンを生成し、ユーザーが体験をイメージしやすくします。

### 情報の整理 <a href="#id-4-2" id="id-4-2"></a>

* シナリオ： 商品説明の文章が複雑すぎて目が留まらない。
  * 解決策： Copilotを使って段落をシンプルな箇条書きに変換し、製品の利点を強調します。

### ボタンや要素へのアニメーション追加 <a href="#id-4-3" id="id-4-3"></a>

* シナリオ： ユーザーの関心を引くために動的なエフェクトを追加したい。
  * 解決策： ビジュアルエディターの標準機能では難しい場合でも、Copilotに指示してボタンなどにアニメーションを追加します。

### テキストの要約・詳細化 <a href="#id-4-4" id="id-4-4"></a>

* シナリオ： デザインに合わせてコンテンツの長さを調整したい。
  * 解決策： 内容を短くまとめたり、逆により詳細な説明に広げたりするようCopilotに依頼します。

### 人気度に基づいたアイテムの分類 <a href="#id-4-5" id="id-4-5"></a>

* シナリオ： ファッションサイトで、ドレスのモデルを人気順に分類したい。
  * 解決策： 「人気のモデル」と「その他」に分類するよう指示します。分類したいアイテムを具体的に指定すると精度が上がります。

### カウントダウンタイマーの追加 <a href="#id-4-6" id="id-4-6"></a>

* シナリオ： 期間限定割引を強調したい。
  * 解決策： 割引終了までのカウントダウンタイマーを追加するようCopilotに依頼し、最適なデザインを選びます。

### 新しいウィジェットの追加 <a href="#id-4-7" id="id-4-7"></a>

* シナリオ： 検索可能なFAQセクションなどの新しい要素を追加して、ページの機能を強化したい。
  * 解決策： 新しいウィジェットを挿入し、特定の要件に合わせて構成するようCopilotに指示します。

### デザインバリエーションの探索 <a href="#id-4-8" id="id-4-8"></a>

* シナリオ： ページ要素の異なるデザイン案を見たい。
  * 解決策： さまざまなデザインスタイルを生成・表示させ、最も効果的なものを選びます。

#### 既存のバリエーションからさらにバリエーションを作成

すでに修正を加えたバリエーションを基に、さらに別のバリエーションを作成することも可能です。

## 知的財産とコンプライアンス <a href="#id-5" id="id-5"></a>

### 画像の所有権とライセンス <a href="#id-5-1" id="id-5-1"></a>

VWO エディター コパイロットによって生成された画像は、VWOまたはお客様が所有するものではありません。これらはオープンソースであり、商用目的を含め自由に使用できますが、独占的な知的財産（IP）として主張することはできません。 お客様は、権利を保持していない限り、商標や著作権で保護されたコンテンツを複製するようなプロンプトの使用を避ける必要があります。

### データのプライバシーと処理 <a href="#id-5-2" id="id-5-2"></a>

エディター コパイロットは、お客様のウェブサイト上に既に存在するコンテンツ（テキスト、画像、UIなど）のみを処理します。訪問者の個人データにアクセスしたり、使用したりすることはありません。すべてのAI処理は、非個人的なデザイン関連のコンテンツに焦点を当てています。

### 画像の独自性 <a href="#id-5-3" id="id-5-3"></a>

AI生成画像は動的に作成されるため、独自性が非常に高いものですが、理論上、他のお客様と同一の結果になる可能性はゼロではありません。ただし実用的には、極めて稀です。独自性を高めるためには、詳細でブランド特有のプロンプトを使用し、必要に応じて結果を微調整してください。

### 結論 <a href="#id-5-4" id="id-5-4"></a>

VWO CopilotのAI生成ビジュアルは、利用は自由ですがIP所有権の対象外です。VWOはデータプライバシーを確保し、安全で非独占的なAIツールを通じて創造性を促進します。

※本ページは[\[原文：Create Variations Effortlessly With VWO Editor Copilot\]](https://help.vwo.com/hc/en-us/articles/37186328221337-Create-Variations-Effortlessly-With-VWO-Editor-Copilot)を翻訳・加筆修正しています。
