翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# UI ビルダーで Connect アシスタントを使用する
<a name="connect-assistant-ui-builder"></a>

Connect アシスタントは UI ビルダーに統合されているため、自然言語を使用してビューリソースを作成および変更できます。コンポーネントを手動でドラッグしたり、プロパティを設定したり、複雑なパネル設定をナビゲートしたりする代わりに、会話プロンプトで必要なものを記述できます。Connect Assistant は対応する UI コンポーネントをキャンバスに生成します。

例えば、「評価、コメント、問い合わせ設定のフィールドを含む顧客フィードバックフォームを作成する」と入力すると、Connect アシスタントがビューを構築し、公開前に検査して絞り込むことができます。

Connect アシスタントは、次の機能をサポートしています。
+ **説明からビューを作成する** — 自然言語で完全なビューを記述すると、Connect アシスタントは必要なすべてのコンポーネントを生成します。
+ **既存のビューの変更 — **「注文ステータスのドロップダウンを追加する」や「コメントフィールドを必須にする」など、会話を通じてビューへの変更をリクエストします。
+ **コンポーネントプロパティの設定** — カスタマイズパネルをナビゲートせずに、プロパティ、検証、動的フィールド、スタイルを設定します。
+ **条件付きロジックを適用する — **「Other がドロップダウンで選択されている場合にのみ Other テキストフィールドを表示する」など、自然言語で条件を記述します。
+ **レコメンデーションの取得** — 利用可能なコンポーネント、ベストプラクティス、ビューの改善方法に関するレコメンデーションについては、Connect アシスタントにお問い合わせください。

## 前提条件
<a name="connect-assistant-ui-builder-prerequisites"></a>

UI ビルダーで Connect アシスタントを使用する前に、以下を確認してください。
+ Connect Customer を使用しており、Connect Customer 管理ワークスペースにアクセスできます。
+ セキュリティプロファイルには、**チャネルとフロー - アクセス**許可が表示されます。
+ セキュリティプロファイルには、**AI エージェントデザイナー – AI エージェント**アクセス許可が含まれます。
+ Connect Customer インスタンスでは、Connect Assistant 機能がインスタンスレベルで有効になっています。

## Connect アシスタントにアクセスする
<a name="connect-assistant-ui-builder-access"></a>

1. https://{{instance name}}.my.connect.aws/ で Connect Customer admin ワークスペースにログインします。管理者アカウント、または**チャネルとフローを持つアカウントを使用する - セキュリティプロファイルで &AI エージェントデザイナー - AI エージェントアクセス許可を表示します**。 ****

1. ナビゲーションペインで、**UI 管理**ナビゲーションメニュー内の**ビュー**を選択します。

1. UI ビルダーで新しいビューを作成するか、既存のビューを開きます。

1. 既存のビューを開く場合は、ツールバーの **Connect Assistant** ボタンを見つけます。チャットパネルを展開するには、これを選択します。UI Builder キャンバスの 側でチャットパネルが開きます。パネルはいつでも折りたたんだり展開したりできます。

1. チャット入力フィールドにリクエストを入力し、Enter キーを押して Connect アシスタントにメッセージを送信します。

## Connect Assistant を使用してビューを作成する
<a name="connect-assistant-ui-builder-create-view"></a>

次の手順では、自然言語の説明から新しいビューを作成する方法について説明します。

1. 空のキャンバス (またはコンポーネントを追加する既存のビュー) で UI ビルダーを開きます。

1. チャットパネルで、作成するビューを記述します。例：「顧客名、注文番号、返品理由ドロップダウン、メモセクションを含む注文返品フォームを作成する」

1. Connect アシスタントはリクエストを処理し、ビューコンポーネントを準備します。ビューの準備が完了すると、Connect アシスタントは作成したコンポーネントの説明を応答し、生成されたコンポーネントを UI ビルダーキャンバスに適用します。

1. キャンバスのコンポーネントを確認します。会話を続行してビューを絞り込んだり、標準の UI ビルダーツールを使用してコンポーネントを手動で調整したりできます。

### レイアウト設定を指定する
<a name="connect-assistant-ui-builder-layout"></a>

リクエストにレイアウト要件を含めることができます。例えば、次のようになります。
+ 「左側の顧客情報と右側の注文詳細を含む 2 列のフォームを作成します。」
+ 「顧客名とアカウント番号を含む属性バーを上部に追加し、その下にフォームを追加します。」

### 特定のコンポーネントタイプをリクエストする
<a name="connect-assistant-ui-builder-components"></a>

名前または関数で特定の UI コンポーネントを尋ねます。例えば、次のようになります。
+ 「予約日の日付ピッカーを追加します。」
+ 「ニュースレターサブスクリプションのトグルを含める」
+ 「フォームの下部に送信ボタンを追加します。」

Connect Assistant は、Connect Customer UI コンポーネントライブラリのコンポーネントを使用します。リクエストされたコンポーネントが利用できない場合は、Connect アシスタントが制限について説明し、代替案を提案します。

## 既存のビューを変更する
<a name="connect-assistant-ui-builder-modify"></a>

自然言語を使用して、キャンバス上のビューへの変更をリクエストできます。

1. UI ビルダーでビューを開き、チャットパネルを展開して、必要な変更を記述します。例えば、「Make the comments field required」または「Change the submit button color to green with white text」です。

1. Connect アシスタントはリクエストを処理し、更新されたコンポーネントをキャンバスに直接表示します。

1. Connect アシスタントは、参照するコンポーネントまたは変更するプロパティを明確にする必要がある場合、変更を行う前にフォローアップの質問をします。

### 変更を元に戻して元に戻す
<a name="connect-assistant-ui-builder-undo"></a>

Connect Assistant による最近の変更を元に戻すには、次のようなリクエストを入力します。
+ 「最後の変更を元に戻します」
+ 「先ほど追加したドロップダウンを削除します。」

Connect アシスタントによって生成された以前のビューに戻すには、セッションで確認メッセージを見つけ、元に戻すボタンをクリックします。すべての変更は、その時点まで上書きされます。

## 動的フィールドの設定
<a name="connect-assistant-ui-builder-dynamic-fields"></a>

Connect Assistant を使用して、実行時に問い合わせ属性やその他のソースのデータを入力するフィールドを設定できます。

1. チャットパネルで、動的な動作を記述します。例：「問い合わせ属性から顧客の名前を示す読み取り専用フィールドを追加する」

1. Connect アシスタントは、コンポーネントの プロパティを動的に設定し、サンプルリファレンス ($.CustomerName\_Sample など) を追加し、関連する入力のサンプルデータを作成することで、コンポーネントを設定します。

1. **カスタマイズ**パネルの設定を確認して、フローの動的フィールド参照が正しいことを確認します。

1. データをビューに渡し、出力データを使用するには、フローで ShowView ブロックを個別に設定します。

## Connect Assistant を使用して条件付き UIs を作成する
<a name="connect-assistant-ui-builder-conditional"></a>

UI 条件タブで条件を手動で設定する代わりに、条件ロジックを自然言語で記述できます。

1. チャットパネルで、条件を記述します。例：「理由ドロップダウンで Other が選択されている場合にのみ Other text フィールドを表示します。」

1. Connect アシスタントは、トリガーコンポーネント、評価基準、結果として生じる可視性またはプロパティの変更など、ターゲットコンポーネントに適切な UI 条件を作成します。

1. 条件が適用されるコンポーネントは、キャンバス上の破線で概説され、手動で作成された条件と一致します。

UI 条件の詳細については、「」を参照してください[ビューを使用して条件付き UIs を構築する](ui-conditions-on-views.md)。

## レコメンデーションと説明を取得する
<a name="connect-assistant-ui-builder-recommendations"></a>

Connect アシスタントは、ビューの構築中にガイダンスを提供できます。
+ 使用可能なコンポーネントについて質問します。「使用可能な入力フィールドのタイプは何ですか？」
+ レコメンデーションのリクエスト：「顧客苦情フォームにはどのような追加フィールドをお勧めしますか？」
+ 設定ヘルプを取得する：「このフィールドを動的に入力するにはどうすればよいですか？」
+ ビューを検証します。「このフォームにすべての必須フィールドが正しく設定されているかどうかを確認します。」

Connect アシスタントは、Connect Customer UI コンポーネントライブラリに基づいて説明、コンポーネントオプション、ベストプラクティスで応答します。

## 会話の管理
<a name="connect-assistant-ui-builder-conversation"></a>

Connect アシスタントはセッション内で会話履歴を保持するため、以前のリクエストや変更を参照できます。
+ **セッションの継続性** — ビューで作業している間、会話履歴は維持されます。フォローアップメッセージで以前のリクエストを参照できます。
+ **会話を再開**する — ビューに戻ると、変更に関する以前の会話を続行できます。
+ **会話コンテキスト** — Connect アシスタントはメッセージ間でコンテキストを保持するため、段階的に構築できます。たとえば、あるメッセージでフォームを作成し、次に検証ルールを追加できます。

## ベストプラクティス
<a name="connect-assistant-ui-builder-best-practices"></a>
+ 説明には具体的に記述してください。より正確な結果を得るには、コンポーネント名、フィールドラベル、レイアウト設定を含めます。
+ 小さなステップで反復します。基本レイアウトから始めて、複雑なビュー全体を 1 つのプロンプトで記述するのではなく、フォローアップメッセージで絞り込みます。
+ 公開する前に「」を確認してください。エージェントまたは顧客用に公開する前に、キャンバスで生成されたコンポーネントを必ず確認し、ビューをテストしてください。
+ Connect Assistant が生成した以前のビルドに戻る場合は、元に戻すボタンを使用します。
+ 説明には Connect アシスタントを使用します。コンポーネントまたは設定が不明な場合は、手動で変更を行う前に Connect アシスタントにお問い合わせください。
+ 手動ワークフローと Connect アシスタントワークフローを組み合わせます。Connect Assistant を使用してベースレイアウトを生成し、標準の UI ビルダーのdrag-and-dropパネルとプロパティパネルを使用して微調整できます。

## 制限事項
<a name="connect-assistant-ui-builder-limitations"></a>
+ Connect Assistant は、Connect Customer UI コンポーネントライブラリで使用できるコンポーネントを生成します。このライブラリの外部にカスタムコンポーネントを作成することはできません。
+ マルチステップガイドワークフロー (複数のステップにまたがるビュー) では、各ビューを個別に作成する必要があります。同じセッションを使用して以前の会話を参照することで、ビュー間でコンテキストを維持できます。
+ Connect アシスタントは、既存のフロー設定にまだアクセスできません。動的フィールド参照では、特定のフロー設定に合わせて手動検証が必要になる場合があります。