# 会話・質問応答ノード

Alliのチャットフロー構築は非常に簡単です。 ノードのドラッグアンドドロップ、会話及び質問の入力、そしてノード同士の接続を行うだけです。 会話・質問応答ノードは、会話の送信、質問応答、回答の保存を可能にする基本的なノードとなります。

会話・質問応答アイコンは、ノードアイコンバーの左端にあります。

<figure><img src="https://3244404108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR2CRA2CisD1pVQUgqd1g%2Fuploads%2FGndWRcOVFev5zjr4jz3K%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-11%2017.08.35.png?alt=media&#x26;token=946a6cf1-a218-4879-a8b3-ca4905a6e28f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%991.png?resize=800%2C177&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

## 会話・質問応答のEDIT <a href="#edit-a-message-node" id="edit-a-message-node"></a>

<figure><img src="https://3244404108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR2CRA2CisD1pVQUgqd1g%2Fuploads%2FZ7H0z7Z2BKd9M54HTIsV%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-15%2010.37.21.png?alt=media&#x26;token=685a935d-304d-440e-acd0-da9f48246c8d" alt=""><figcaption></figcaption></figure>

メッセージノードを送信すると、リッチメディアメッセージまたは画像付きのテキストをユーザーに送信（表示）できます。

1. **\[テキスト]・\[イメージ]**: \[テキスト]を選択 フォーマットされたテキスト、画像（PNG、JPG、GIF）、および動画を含めて送信（表示）することができます。 \[イメージ]を選択 画像（PNG、JPG、GIF）のみをノードに含めることができます。
2. メッセージのカスタマイズボタン
   * **\[B]太字**：対象文章・単語を範囲を選択した後、アイコンをクリックすると、太字のテキストになります。
   * **\[I]斜体**：対象文章・単語を範囲を選択した後、アイコンをクリックすると、斜体のテキストが表示されます。
   * **リンクの挿入**：リンクさせるテキスト範囲を選択し、アイコンをクリックすると、小さなポップアップが表示されますので、URLを入力して\[送信]をクリックしてください。
   * **イメージの挿入**：アイコンをクリックして画像を挿入します。 任意のJPG、PNG、またはGIFファイルをアップロードするか、それらの形式で画像のリンクを挿入できます。
   * **ビデオの挿入**：YouTubeやVimeoなどのビデオURLを追加することで、メッセージノード内にビデオをネイティブに埋め込みます。
   * **テキストサイズ**：選択したテキストのサイズを変更します。
   * **テキスト色**：選択したテキストの色を変更します。
   * **書式のクリア**：編集するテキストを強調表示し、\[書式の削除]ボタンをクリックすることで、テキストをデフォルト設定にリセットします。
3. **メッセージ入力**：表示するメッセージ内容を入力します。
4. **応答追加**：こちらをオンにすることでノードを”質問ノード”に変換することができます。 ユーザーの回答・ボタン選択の結果などの情報を取得し保持することができます。 詳細は以下を参照してください。

## 応答追加 – ボタン <a href="#add-answers-button" id="add-answers-button"></a>

応答追加を\[オン]にすると、チェックボックスの下に追加フィールドが表示されます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%993.png?resize=374%2C449&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

1. **応答タイプ** : \[ボタン]・\[テキスト]・\[ファイル]から応答タイプを選択します。
2. **カルーセルUIを使用してボタンを表示** ：このオプションをオンにするとボタンがカルーセルUIとして表示されます。
3. **テキスト入力時に回答として使用** : このオプションをオンにすると、ユーザーはボタンオプションを選択する代わりにテキストの入力ができ、テキスト入力時に別のルートを設定できます。 このオプションがオンの場合、複数の回答をオンにすることはできません。
4. **オプションを追加** : ユーザーが回答を選択するためのボタンオプションを追加します。 \[通常オプション]、\[動的オプション]、\[Q\&A]から選択します。\
   \&#xNAN;**\[一般]** : チャットフロー編集時、直接回答を入力することができる固定されたテキスト形式のオプションです。\
   \&#xNAN;**\[動的オプション]** : String List、JSON、JSON Listなどの動的変数を利用する回答オプションです。 詳細については、関連するユーザガイドの[**リスト変数**](https://docs.allganize.ai/alli-llm-app-market/project-settings/variables/list-variable)部分を参照してください。\
   \&#xNAN;**\[Q\&A]** : ナレッジベース>Q＆Aに登録されたQ\&Aの質問を回答オプションで選択することができます。 顧客がこのオプションを選択すると、まずQ\&Aの回答部分が見られたあと、次のノードに進みます。
5. **複数の応答選択を許可** : ユーザーに複数の回答を選択いただくことができます。
6. **応答内容を以下の変数に保存する** : ユーザーの応答を変数に保存することができます。 直下のドロップダウンメニューから選択、または新規作成が可能です。なお、 \[プロジェクト設定]ページの\[変数]ページでも変数を新規作成ができます。
7. **入力をそのまま利用する** : 有効にした場合、変数の検証設定によって入力値を検証します。 この機能の詳細については、以下のユーザーガイドを参照してください。\
   – [**文字列検証**](https://docs.allganize.ai/alli-llm-app-market/project-settings/variables/string-validation)

「カルーセルUIを使用してボタンを表示」をオンに場合、以下のように表示されます。 左/右アイコンをスクロールまたはクリックすることで、別の選択肢を表示できます。 モバイルでは、スワイプ動作にて同じことを行えます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/UI.png?resize=350%2C304&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

ボタンオプションの横にある\[その他のオプション]アイコンをクリックすると、オプションの形式（書体等）を変更、削除が可能です。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%995-2.png?resize=800%2C739&#x26;ssl=1" alt="" width="375"><figcaption></figcaption></figure>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%996-1.png?resize=800%2C889&#x26;ssl=1" alt="" width="375"><figcaption></figcaption></figure>

ボタンの並び順を変更したい場合、ボタンの左端にある二本線からドラック操作で並び替えすることができます。

<figure><img src="https://3244404108-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR2CRA2CisD1pVQUgqd1g%2Fuploads%2F9e19ppFtauNRcAypM0Ab%2Fimage.png?alt=media&#x26;token=179d13c8-afcb-4280-a47a-d76ea4253c7c" alt=""><figcaption></figcaption></figure>

オプションの形式を変更したあと、プレビュー画面で確認ができます。 この機能を使用して、特定のオプションを強調表示することができます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%997-2.png?resize=343%2C315&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/05/%E4%BC%9A%E8%A9%B1%E3%83%8E%E3%83%BC%E3%83%88%E3%82%999.png?resize=344%2C309&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

また、回答オプションに画像を追加したい場合は、オプションタイプを選択して、画像を選択するか、画像フィールドにドラッグ＆ドロップします。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/1-6.png?resize=418%2C345&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

追加した画像は、プレビュー画面で確認ができます。 画像はチャットウインドでラベルテキストとともに表示され、クリックすると拡大表示されます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/2.png?resize=488%2C421&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/3-1.png?resize=416%2C352&#x26;ssl=1" alt=""><figcaption><p>画像はチャットウインドでラベルテキストとともに表示されます。</p></figcaption></figure>

ボタンオプションでは、URLフィールドにターゲットURLを追加することで、クリックしたときにHTMLリンクを開くことができます。 すべてのボタンオプションタイプ（一般、動的オプション、Q＆A）にてこの機能を利用することができます。

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/2-13.png?resize=357%2C425&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

## 応答追加 – テキスト <a href="#add-answers-text" id="add-answers-text"></a>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/image-32.png?resize=340%2C269&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

1. **応答タイプ** : テキストを選択した場合、チャットフローはユーザーがテキスト入力することを想定しているため、追加の設定は必要ありません。
2. **応答内容を以下の変数に保存** : ユーザーの応答を変数に保存することができます。 直下のドロップダウンメニューから選択、または新規作成が可能です。尚、 \[プロジェクト設定]ページの\[変数]ページでも変数を新規作成が可能です。
3. **入力を回答として検証する** 有効にした場合、変数の検証設定によって入力値を検証します。 この機能の詳細については、[**文字列検証のユーザーガイド**](https://docs.allganize.ai/alli-llm-app-market/project-settings/variables/string-validation)を参照してください。

## 応答追加 – ファイル <a href="#add-answers-file" id="add-answers-file"></a>

<figure><img src="https://i0.wp.com/guide.allganize.ai/wp-content/uploads/2022/01/image-33.png?resize=338%2C219&#x26;ssl=1" alt=""><figcaption></figcaption></figure>

1. **応答タイプ** : ファイルを選択した場合、チャットフローはユーザーが続行する回答としてファイルをアップロードすることを想定しているため、特に追加の設定は必要ありません。
2. **応答内容を以下の変数に保存** : ユーザーの応答を**変数**に保存することができます。 直下のドロップダウンメニューから選択、または新規作成が可能です。なお、 \[プロジェクト設定]ページの\[変数]ページでも変数を新規作成が可能です。

ファイルタイプ変数の詳細については、ユーザーガイド-[**リスト変数＆ファイル変数**](https://docs.allganize.ai/alli-llm-app-market/project-settings/variables/list-variable)を参照してください。

## Updates <a href="#updates" id="updates"></a>

**7/16/2021** – オプションからカルーセルUIを使用できるようになりました。 ボタンオプションの代わりにテキストを入力する場合に対する分岐オプションが追加されました。 詳細については\[応答追加 – ボタン]項目をご参照ください。

**6/23/2021** – ボタンオプションからHTMLリンクを開くことができるようになりました。 詳細については\[応答追加 – ボタン]項目をご参照ください。

**2/18/2021** – ボタンオプションにイメージを追加できるようになりました。 詳細については\[応答追加 – ボタン]項目をご参照ください。

**6/16/2020** – 新たな回答オプション\[Q\&A]が追加されました。また、回答オプション追加のUIが変更されました。 詳細については\[応答追加 – ボタン]項目をご参照ください。
