---
title: "はじめに"
url: https://docs.catalyst.zoho.com/ja/tutorials/dialer-app/nodejs/introduction/
description: "Catalyst Advanced I/O Functions、DataStoreおよびTwilioのVoice APIとの連携を使用して、営業チームと顧客間の発信通話接続を確立するダイヤラーアプリケーションを構築します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "プロジェクトディレクトリ構造"
    url: /ja/cli/v1/project-directory-structure/introduction/
  - name: "Node.js SDK"
    url: /ja/sdk/nodejs/v2/overview/
  - name: "Twilio"
    url: https://www.twilio.com/
---

# Dialer App

### はじめに

このチュートリアルでは、**Twilio** と連携して、Catalyst上にシンプルなダイヤラーアプリケーションを構築します。このダイヤラーアプリケーションにより、営業チームと顧客間の発信音声通話接続を開始できます。

Twilioは、音声、ビデオ、メッセージング、ライブストリーミング、メールなどを通じて、有意義で迅速な接続を確立するための豊富なREST APIを提供するクラウドコミュニケーションプラットフォームです。

Twilioプラットフォームは、テキスト読み上げのダイヤルメッセージのパーソナライズカスタマイズ、通話録音、会議通話、通話転送、トラッキングなど、さまざまな機能を提供しています。仮想電話番号を介して2つの電話番号間の発信通話を設定するために、Twilioの[Programmable Voice API](https://www.twilio.com/voice)を使用します。

> **注意**: このアプリケーションには有料のTwilioアカウントが必要です。TwilioのAPIとの連携は無料版では利用できません。Twilio電話番号（仮想番号）は、Twilioアカウントにサインアップする際に、お住まいの国の設定に基づいてTwilioコンソールから購入できます。

クライアントアプリケーションは以下のようになります：

![dev-url](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/dev-url.webp)

ダイヤラーアプリケーションは、以下の基本的なCatalystコンポーネントで構成されています：

1. [**Catalyst Serverless**](https://docs.catalyst.zoho.com/ja/serverless/getting-started/introduction/):
    - **[Advanced I/O Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/advanced-io)**: Advanced I/O Functionは**Node.js**プログラミング環境でコーディングされています。TwilioのProgrammable Voice APIと連携して発信通話を開始し、通話ログを追跡するバックエンドロジックを含んでいます。

2. [**Catalyst Cloud Scale**](https://docs.catalyst.zoho.com/ja/cloud-scale/getting-started/introduction/):
    - **[Data Store:](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction)** 電話番号、通話元の国、通話のタイムスタンプ、通話ステータスなど、発信した通話に関連する情報を保存します。
    - **[ZCQL:](https://docs.catalyst.zoho.com/ja/cloud-scale/help/zcql/introduction)** Data Storeにクエリを実行し、通話完了後の通話ログを取得してWebクライアントに表示します。
    - **[Client](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/)**: [Webクライアントホスティング](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction)を通じてCatalyst上にホストされるアプリケーションのフロントエンドです。

このアプリケーションの構築には、Catalyst Webコンソールおよび Catalyst Command Line Interface（CLI）を使用します。このチュートリアルでは、Advanced I/O FunctionとClientコンポーネントに含めるファイルのコードを提供しています。提供されたコードをコピーして、指示に従って適切なファイルに貼り付けるだけです。

### アプリケーションアーキテクチャ

ダイヤラーアプリケーションのアーキテクチャを以下に示します：

1. アプリケーションは、営業チームの連絡先番号と顧客の電話番号などのユーザー入力を受け付けます。

2. ユーザーが入力した電話番号はバリデーションされます。バリデーション成功後、番号はCatalystのData StoreのCallLogsテーブルに保存され、TwilioのVoice APIにリクエストが送信されます。

3. Twilio APIを呼び出すと、発信通話が開始され、Twilio番号から営業チームの連絡先番号にルーティングされます。

4. この時点で、ダイヤラーアプリケーションは通話中にユーザーに提示するアクションを指示するために、TwiML命令をVoice APIに送信します。このアプリケーションでは、音声指示をREST APIに返すURLを設定しています。

5. TwilioのVoice Response関数には、通話アクションを好みに応じてカスタマイズできる事前設定された動詞があります。ここでは、[dial()](https://www.twilio.com/docs/voice/twiml/dial)および[say()](https://www.twilio.com/docs/voice/twiml/say)動詞を使用して、アカウントのTwilio番号から営業番号にダイヤルし、通話転送中に発信者にメッセージを提示します。

6. 通話が正常に完了すると、通話時間、通話ステータス、通話先の国、通話のタイムスタンプなどの通話詳細がテーブルに更新されます。いずれかの当事者が電話を切るか、Twilioのシグナルがビジーの場合、通話は終了します。

7. ユーザーはダイヤラーアプリケーションで通話ログを確認することもできます。ログはDataStoreにクエリを実行して取得されます。

![dialer-arch-dia](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/dialer-arch-dia.webp)

ダイヤラーアプリケーションは、顧客への発信音声通話を迅速に開始するためのソリューションとして機能します。