> For the complete documentation index, see [llms.txt](https://docs-embed.anyflow.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-embed.anyflow.jp/wizard-editor/about.md).

# ウィザードエディタとは

## 概要

<figure><img src="https://files.readme.io/2ccc2ae-wizard_editor.png" alt="3152"><figcaption><p>ウィザードエディター</p></figcaption></figure>

ウィザードエディターは、ウィザードに表示するテキストや、エンドユーザーの設定項目を制御するためのものです。

## ウィザードに表示される項目を編集する

<figure><img src="https://files.readme.io/bb8edc6-field.png" alt=""><figcaption></figcaption></figure>

左ペインに表示されているのは、アウトラインです。\
①を押下する、もしくはスクリーンに表示されている②を押下することで、項目が選択状態になります。\
項目を選択状態にした上で、右ペインの③から項目を編集することができます。

{% hint style="success" %}

### ヒント

「スクリーンの説明」「フィールドの説明」等の説明文を記載する箇所は、Markdownで記述できます。\
使用できるMarkdown記法は[こちら](/wizard-editor/advanced-setting/markdown.md)をご確認ください。
{% endhint %}

## スクリーンの追加と削除

スクリーンは自由に追加と削除を行うことができます。\
エンドユーザーに設定してもらう項目が増えた場合などは、スクリーンを適宜増やすことで入力のしやすさを向上させることができます。

<figure><img src="https://files.readme.io/3519d5a-add_screen.png" alt="1263" width="563"><figcaption><p>スクリーンの追加</p></figcaption></figure>

<figure><img src="https://files.readme.io/1c770b1-remove_screen.png" alt="1262" width="563"><figcaption><p>スクリーンの削除</p></figcaption></figure>

## 認証ボタンの設置

ソリューションエディターで選択したコネクタの認証ボタンをウィザードに配置し、エンドユーザーにアカウント認証を促します。

<figure><img src="https://files.readme.io/82e0fbf-account_verification.png" alt="" width="563"><figcaption></figcaption></figure>

## エンドユーザー変数の設置

ソリューションエディターで作成した[エンドユーザー変数](/solution-editor/variables/enduser.md)をウィザードに表示し、エンドユーザーに入力を促すためには、ウィザードエディターの左ペインの下部にある**エンドユーザーの設定項目ウィンドウ**を表示します。

<figure><img src="https://files.readme.io/0a14f6e-end-user-variable-window.png" alt="" width="375"><figcaption></figcaption></figure>

エンドユーザーの設定項目ウィンドウには、ソリューションエディターで作成したエンドユーザー変数の一覧と、ソリューション内で利用されているアプリのコネクションが表示されます。

基本的には、 エンドユーザーの設定項目ウィンドウに表示されている項目は、すべてスクリーンに配置することが想定されます。

{% hint style="warning" %}
ソリューションで利用しているコネクションやエンドユーザー変数がスクリーンに配置されていない場合、ソリューションが正しく動作しない可能性がありますので注意してください。
{% endhint %}

エンドユーザーの設定項目をスクリーンに配置するためには、各項目の「︙」を押下し、配置するスクリーンを選びます。

<figure><img src="https://files.readme.io/0b82ac8-end-user-variable-assign-screen.png" alt="774" width="375"><figcaption><p>エンドユーザーの設定項目をスクリーンに配置する</p></figcaption></figure>

「︙」を押下すると、スクリーンの番号が表示されます。配置したいスクリーンを押下することで、スクリーンに配置されます。

また、配置したいスクリーン以外に誤って項目を配置してしまった場合、左ペインの項目の「︙」から配置を解除することが可能です。

<figure><img src="https://files.readme.io/5fe0012-detach-end-user-variable.png" alt="705" width="375"><figcaption><p>エンドユーザーの設定項目をスクリーンから解除する</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs-embed.anyflow.jp/wizard-editor/about.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.