---
sourceDocument: Yokohama 対話型インターフェース
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/conversational-interfaces

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama 対話型インターフェース

ft:clusterId :

    - convint

bundleId :

    - convint

workflow :

    - Platform


---

# カスタムコントロールを使用した仮想エージェントのカスタマイズ

# カスタムコントロールを使用した仮想エージェントのカスタマイズ {#ariaid-title1}

* リリースバージョン: Yokohama
* 
* 更新日 2025年01月30日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：3分

カスタムコントロールは、ServiceNow® 開発者が仮想エージェントのトピックまたはトピックブロックで使用するために作成できるコンポーネントです。このようなコントロールには、スライダーやビデオプレーヤーが含まれます。カスタムコントロールは、仮想エージェントデザイナーで提供されるコントロールを補完します。

仮想エージェントデザイナーは、仮想エージェントの会話をビルドするための、[ユーザー入力](https://servicenow-prod.fluidtopics.net/JIOzvnuMtkVwYtyoJhwixg "仮想エージェントデザイナーに用意されている一連の入力コントロール使用して、会話中のユーザーからの情報を求めてキャプチャします。")、[ボット応答](https://servicenow-prod.fluidtopics.net/B2XaAhFEvzOVESmPm8RX~Q "仮想エージェントデザイナーには、ボット応答を会話に表示するためのさまざまなコントロールが用意されています。ボット応答は、サードパーティープラットフォームで行われるため、各出力の形式は異なる場合があります。")、および[ユーティリティ](https://servicenow-prod.fluidtopics.net/rvFq~S9DCQiKRn3QUnxWrg "仮想エージェントデザイナー のユーティリティを使用して、トピック内のインタラクションを制御できます。これらのユーティリティは、トピックの中でトピックブロック (再利用可能なコンポーネント) を追加したり、スクリプトを実行したり、異なる会話パス (分岐) を追加したりするなど、さまざまなアクションを実行します。ユーティリティは会話フローのノードとして表されますが、ユーザーには何も表示されません。")を表すデフォルトのコントロールセットを提供します。開発者は、仮想エージェントデザイナーを使用して、特定の入力または出力応答用の追加のコントロール (インターフェイスコンポーネント) を作成できます。たとえば、スライダーは、エンドユーザーが数量を選択できるようにするカスタム入力コントロールの例です。  
注:  
カスタムコントロールは Internet Explorer バージョン 11 では機能しません。カスタムコントロールは Microsoft Teams でもサポートされていません。

## カスタムコントロールのビルド前 {#custom-controls__section_igd_gfj_skb}

カスタムコントロールは、ネクストエクスペリエンスデザインシステム を使用して作成できるカスタマイズ可能な ネクストエクスペリエンスのコンポーネントに基づいています。  
カスタムコンポーネントをビルドする前に、次のものが必要です。

* Now Platform® とアプリケーションのテーブル構造に関する基本的な知識。
* Web コンポーネントの概念、開発、および設計に関する一般的な知識。
* コンポーネントの動作とカスタムコントロールの動作を定義するための JavaScript の知識。
* 仮想エージェントデザイナーで使用するカスタムコンポーネントを作成するための設計プロセスに関する知識。
{#custom-controls__ul_bjc_lfj_skb}

仮想エージェントのカスタムコンポーネントの開発の詳細については、「[仮想エージェントのコンポーネントの開発](https://www.servicenow.com/docs/access?context=va-components&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)」を参照してください。

## カスタムコントロールの仕組み {#custom-controls__section_mlf_kcf_bmb}

仮想エージェントにカスタムコントロールを追加するには、次の主要な手順に従います。

1. [カスタムコントロール定義の作成](https://servicenow-prod.fluidtopics.net/yr6Fr~Z~se88zUvpKydIag "カスタムコンポーネントにマップするカスタム入力または応答コントロール定義を定義します。")に展開したカスタムモバイルアプリケーションを使用して管理しました。

   コントロールに使用するカスタムコンポーネントをビルドした後、入力または応答コントロールをカスタムコンポーネントにマップするカスタムコントロール定義を作成します。
2. [を使用したカスタムコントロールの作成 仮想エージェントデザイナー.](https://servicenow-prod.fluidtopics.net/lEz2dj~FtV2sEOu3F4JDAw "トピック作成者がトピックまたはトピックブロックで使用できるカスタム入力または応答コントロールをビルドします。仮想エージェントの会話では、入力コントロールがエンドユーザーから情報を収集し、応答コントロールがエンドユーザーに情報を表示します。")  
   カスタムコントロールは、入力または応答コントロールです。開発者は、次の操作を行って、仮想エージェントデザイナーでカスタムコントロールをビルドします。
   * カスタムコントロール定義を選択する。
   * コントロールを使用するための入力パラメーターを定義する。
   * コントロールによって返される出力パラメーターを指定する。
   {#custom-controls__ul_fdy_ndn_fpb}

   入力コントロールには、エンドユーザーからの入力を使用するコールバックがあります。応答コントロールは通常、エンドユーザーに情報を提供し、コールバックはありません。
3. [トピックまたはトピックブロックにカスタムコントロールを追加します](https://servicenow-prod.fluidtopics.net/EfFaI1fs4zvk~JqlHaO3hg "仮想エージェントトピックまたはトピックブロックにカスタムコントロールを追加します。会話中に、ユーザーから入力を収集したり、出力をユーザーに表示したりできます。")。

   トピック作成者、仮想エージェントアドミン、またはアドミニストレーターは、カスタムコントロールユーティリティをトピックまたはトピックブロックに追加できます。
{#custom-controls__ol_ppp_zcn_fpb}

## 安全な入力 {#custom-controls__section_tbg_3fr_zqb}

San Diego リリースから、パスワードなどの安全な入力を受け入れて統合ハブのアクションまたはサブフローに渡すことができるカスタム入力コントロールを作成できるようになりました。これを有効にするには、カスタム入力コントロールの作成時に \[入力の安全性を確保\] 切り替えスイッチをスライドさせます。詳細については、「[仮想エージェントのカスタムコントロールの作成](https://servicenow-prod.fluidtopics.net/lEz2dj~FtV2sEOu3F4JDAw "トピック作成者がトピックまたはトピックブロックで使用できるカスタム入力または応答コントロールをビルドします。仮想エージェントの会話では、入力コントロールがエンドユーザーから情報を収集し、応答コントロールがエンドユーザーに情報を表示します。")」を参照してください。