---
title: "前提条件"
url: https://docs.catalyst.zoho.com/ja/tutorials/dialer-mobile-app/flutter/prerequisites/
description: "Catalyst Advanced I/O Functions、DataStore、およびTwilioのVoice APIとの統合を使用して、Flutterでダイヤラーアプリケーションを構築し、営業チームと顧客間のアウトバウンド通話接続を確立します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "CLIコマンドリファレンス"
    url: /ja/cli/v1/cli-command-reference/
  - name: "CLIのインストール"
    url: /ja/getting-started/installing-catalyst-cli/
  - name: "CLIログイン"
    url: /ja/cli/v1/login/login-from-cli/
---

# 前提条件

アプリケーションの構築を開始する前に、以下の前提条件をシステムにインストールしておく必要があります：

1. **Catalyst CLI** : Catalyst CLIには、ローカルマシンからアプリケーションのコンポーネントを初期化、開発、テスト、デプロイするためのさまざまなツールが含まれています。このチュートリアルではCatalyst CLIを使用します。

    以下のアクションを実行する必要があります：

   1. **Catalyst CLIのインストール**: Catalyst CLIはNPMを通じてインストールされます。そのため、CLIをインストールする前に、NPMとNode.jsをシステムにインストールしておく必要があります。前提条件とインストール手順の詳細については、[**Catalyst CLIのインストールヘルプページ**](https://docs.catalyst.zoho.com/ja/getting-started/installing-catalyst-cli)を参照してください。

   2. **Catalyst CLIへのログイン**: Catalyst CLIをインストールした後、使用する前にCatalystアカウントでCLIを認証する必要があります。Catalyst CLIからのログイン手順と利用可能なオプションについては、[**CLIログインヘルプページ**](https://docs.catalyst.zoho.com/ja/cli/v1/login/login-from-cli/)を参照してください。

2. **Node.jsコード開発用の任意のIDEツール** :
お好みのIDEをシステムにダウンロードしてインストールしてください。functionおよびクライアントコードの作業には任意のIDEを使用できます。一般的な選択肢として、Visual Studio Code、IntelliJ IDEA、Eclipse、Sublime Textなどがあります。

3. **Flutterのインストール**

    1. **Flutterのダウンロードとインストール：** Flutterの公式ウェブサイト[flutter.dev](https://docs.flutter.dev/get-started/install)にアクセスし、お使いのオペレーティングシステム用のFlutter SDKをダウンロードしてください。

    2. **アーカイブの展開：** ダウンロードしたFlutter SDKアーカイブをコンピュータ上の任意の場所に展開してください。

    3. **環境変数の設定：** Flutter SDKのbinディレクトリをシステムのPATH環境変数に追加してください。このステップにより、ターミナルの任意のディレクトリからFlutterのコマンドラインツールにアクセスできるようになります。

    4. **flutter doctorの実行：** ターミナルを開き、以下のコマンドを実行してください：

```
    flutter doctor
```

このコマンドは、Flutter開発に必要な追加の要件や依存関係があるかどうかを確認し、インストールまたは設定の手順を提供します。

> **Note :** フレームワークに関するヘルプについては、[Flutterの公式ドキュメント](https://docs.flutter.dev/)を参照してください。

4. **Android Studio**

    公式サイトからAndroid Studioの最新バージョンをダウンロードしてください。ダウンロードしたインストーラーをマシンで実行してください。

    インストール時に、以下のコンポーネントを必ず選択してください：

    * Android SDK（利用可能な最新バージョン）
    * Android Virtual Device (AVD)
    * Device Emulator（物理デバイスのみでテストする場合はスキップできます）

    また、IDEが以下の最小サポート環境を満たしていることを確認してください：

    * Android Studio - 3.1.1以降
    * OS - Android 21 (Lollipop 4.4)
    * Kotlin - 1.3.20
    * Gradle - 3.4.0

> Visual Studio Code IDEユーザーの場合は、**Catalyst Tools**拡張機能をインストールすることで、CLIの代わりにIDE自体を使用できます。Catalyst VS Code拡張機能の詳細については、この[ヘルプセクション](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/introduction/)をご覧ください。

5. **iOSセットアップ**

    * FlutterアプリケーションをiOSプラットフォームで実行するには、以下の最小サポート環境が整っていることを確認してください：
        * [CocoaPods](https://guides.cocoapods.org/)
        * iOS - 9以降
        * Swift - 4以降
        * アプリを実行するためのデバイスまたはエミュレーターをIDEで設定

    * このチュートリアルでは、iOSでのアプリケーション実行に[XCode](https://developer.apple.com/xcode/)を使用します。
	
    * Mac App StoreからXcodeをインストールしてください。インストール後、起動してライセンス契約に同意してください（プロンプトが表示された場合）。

6. **Twilioアカウントと認証情報** :
    前述のとおり、TwilioのVoice APIと統合するには有料のTwilioアカウントを購入する必要があります。
    事前にTwilioアカウントから以下の認証情報を取得しておいてください：

      1. **Twilio電話番号**
      2. **Twilio SID**
      3. **AuthToken**

Twilioコンソールに移動して、アカウントのSIDとAuthTokenを取得できます。これらはアカウント作成時にTwilioによって自動生成されます。**SID**はアカウントの通話リソースを識別するためにTwilioが提供する一意の文字列値で、AuthTokenはAPIリクエストを認証するために生成されます。

音声対応のTwilio番号を取得してください。これはTwilioコンソールから無料で購入できます。前述のとおり、この番号の主な目的はアプリケーション内の通話をルーティングすることです。TwilioのVoice APIを呼び出す際のコードセクションでこれらの認証情報を使用します。

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