--- title: "Catalyst Toolsの使い方" url: https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/ description: "Catalyst Toolsは、Visual Studio Code IDEにインストールできるCatalystの拡張機能です。この拡張機能を使用すると、Catalyst CLIターミナルを使用せずにCLIコマンドや操作を実行できます。" last_updated: 2026-08-17T12:16:04Z service: All Services type: general --- # Catalyst Toolsの使い方 このヘルプセクションでは、**Catalyst Tools**拡張機能を最大限に活用し、VS Code環境内でプロジェクトのさまざまな操作を実行する方法について説明します。 ### Catalyst Toolsのインストール 拡張機能をインストールするには： 1. VS Codeの拡張機能アイコンをクリックし、「**Catalyst Tools**」を検索します。 ![catalyst_extensions_vscode_extension_search](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extensions_vscode_extension_search.webp) 2. **Install**をクリックします。 ![catalyst_extension_install section](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_install_section.webp) > **注意:** * 現在使用しているVS Codeのバージョンが`v 1.74.0`以上であることを確認してください。 * 拡張機能の説明と機能一覧を確認し、拡張機能についてより深く理解してください。 Catalyst Tools拡張機能は、サイドバーのCatalystアイコンをクリックするか、IDEのフッター部分からアクセスできます。 ![catalyst_extensions_vscode_extension_catalyst_highlit](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extensions_vscode_extension_catalyst_highlit.webp) ### Catalystへのログイン **Catalyst Tools**拡張機能の使用を開始するには、まずCatalystアカウントにログインする必要があります。各手順の詳細については、[CLIログインのヘルプ](https://docs.catalyst.zoho.com/ja/cli/v1/login/login-from-cli/)ページを参照してください。 VS Code IDEからCatalystアカウントにログインする手順は以下の通りです： 1. 左パネルの*CATALYST CONFIGS*セクションにある**Login**ボタンをクリックします。 ![catalyst_extensions_vscode_extension_catalyst_login_button](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extensions_vscode_extension_catalyst_login_button.webp) 2. ログインする[DCを選択](https://docs.catalyst.zoho.com/ja/api/introduction/multi-dc-support/#Multi-DCSupport)します。 ![catalyst_extension_dc_select](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_dc_select.webp) 3. デフォルトブラウザで権限ページにリダイレクトされます。 ![catalyst_extension_perm_page](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_perm_page.webp) 4. **Accept**をクリックして、Catalystアカウントへのログインを完了し、IDEをCatalystコンソールに接続します。 ![catalyst_extension_perm_accept](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_perm_accept.webp) 5. ログインが完了します。 ![catalyst_extension_perm_logged_in](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_perm_logged_in.webp) ウィンドウを閉じて、VS Codeで**Catalyst Tools**拡張機能を引き続き使用してください。 ### Catalystプロジェクトの初期化 この拡張機能でプロジェクトを初期化する前に： * Catalystコンソールでプロジェクトを作成済みであることを確認してください。作成方法はこちらの[ヘルプセクション](https://docs.catalyst.zoho.com/ja/getting-started/catalyst-projects/)で確認できます。 * VS Codeの**Catalyst Tools**を使用してCatalystプロジェクトを初期化するためのローカルディレクトリを作成してください。 Function（さまざまなスタックとタイプを含む）をローカル環境で初期化する方法の詳細については、[CLIリソースの初期化に関するヘルプ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/introduction/)ドキュメントを参照してください。 **Catalyst Tools**拡張機能でプロジェクトを初期化するには： 1. **Initialize**をクリックします。 ![catalyst_extensions_vscode_extension_preinit](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extensions_vscode_extension_preinit.webp) 2. リモートアカウントのすべてのCatalystプロジェクトがここに表示されます。VS Code内で初期化するプロジェクトを選択してください。 ![catalyst_extension_select_project](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_select_project.webp) 3. 初期化するコンポーネントを選択し、**チェックアイコン**をクリックします。*Functions*と*Client*を初期化できます。 ![catalyst_extension_client_func_init](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_func_init.webp) 4. **Functionのセットアップ** - 必要なFunctionタイプを選択します。各タイプの詳細については、[Functionsのヘルプページ](https://docs.catalyst.zoho.com/ja/serverless/help/functions/introduction/)を参照してください。 ![catalyst_extension_add_func](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_add_func.webp) - [プログラミング言語](https://docs.catalyst.zoho.com/ja/serverless/help/functions/stack/)として[Java](https://docs.catalyst.zoho.com/ja/sdk/java/v1/overview/)または[Node.js](https://docs.catalyst.zoho.com/ja/sdk/nodejs/v2/overview/)を選択します。 ![catalyst_extension_func_type](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_type.webp) - 必要な詳細を入力し、**Enter**をクリックして送信します。 ![catalyst_extension_func_name](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_name.webp) - 作成者のメールアドレスを入力するか、**Enter**をクリックしてCatalystアカウントの作成に使用したメールアドレスと同じものを使用します。 ![catalyst_extension_email](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_email.webp) - 必要な依存関係をインストールする場合は、**Yes**をクリックします。 ![catalyst_extension_func_dependencies](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_dependencies.webp) Functionのセットアップが完了しました。 > **注意:** **Enter**を押すだけで、デフォルト値が設定されます。 初期化されたAdvanced I/O Functionは、*HTTP FUNCTIONS*セクションで確認できます。 ![catalyst_extension_func_init_complete](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_init_complete.webp) 各Functionスタックの初期化手順の詳細は、こちらの[ヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-functions/)で確認できます。 5. **Clientのセットアップ** - 初期化するClientとして、[Basic](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#basic-client-applications)、[Angular](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#angular-applications)、または[React](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications) Webクライアントを選択します。 ![catalyst_extension_client_type](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_type.webp) - Client名を入力し、**送信アイコン**をクリックします。 ![catalyst_extension_client_name](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_name.webp) プロジェクトディレクトリには、標準構造のClientおよびFunctionディレクトリが含まれます。設定ファイルとインストールされる依存関係の詳細については、[プロジェクトディレクトリ構造のヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)を参照してください。 プロジェクトとそのリソースが、**Catalyst Tools**拡張機能を使用してVS Code IDE内で正常に初期化されました。 ![catalyst_extension_init_complete](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_init_complete.webp) ### プロジェクトの管理 *CATALYST CONFIGS*セクションを使用して、プロジェクト内のさまざまな操作を実行し、管理できます。以下の操作が可能です： * **Add Functions**: プロジェクトディレクトリに新しいHTTPまたはNon-HTTP Functionを追加します。 * **Client Setup**: プロジェクトディレクトリにClientコンポーネントをセットアップします。 * **Serve**: デフォルトの3000ポートを使用して、localhostでプロジェクトのFunctionおよびClientリソースの両方をサーブします。 * **Deploy**: ローカルプロジェクト全体をコンソールにデプロイします。 * **Project**: プロジェクト情報を表示し、拡張機能に組み込まれた管理コンソールを使用して設定を変更します。 > **注意:** 拡張機能の管理コンソールの詳細については、このヘルプセクションをご確認ください。 #### Functionの追加 このオプションを使用して、任意のタイプやスタックの追加Functionをプロジェクトディレクトリに追加できます。プロジェクトの初期化時にFunctionを初期化しなかった場合、このオプションで最初のFunctionを追加することもできます。詳細については、[Functionの操作](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-functions/introduction/)のヘルプページを参照してください。 プロジェクトにHTTPまたはNon-HTTP Functionを追加するには、**Add Functions**オプションをクリックしてFunctionのセットアップを開始します。 ![catalyst_extension_add_new_func](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_add_new_func.webp) こちらの[ヘルプページ](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/#initialize-your-catalyst-project/)の*Functionのセットアップ*セクションに記載されている手順と同じ手順に従ってください。 ![catalyst_extension_add_non_http_func](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_add_non_http_func.webp) このヘルプドキュメントでは、[Event Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/event-functions/)を作成しました。これはIDEの*NON HTTP Functions*セクションに表示されます。Functionは標準の[Functionディレクトリ構造](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/functions-directory/)で作成されます。 #### Clientのセットアップ プロジェクトの初期化時にClientを初期化しなかった場合、このオプションを使用してプロジェクトディレクトリにClientコンポーネントをセットアップできます。詳細については、[Clientの操作](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-the-client/introduction/)のヘルプページを参照してください。 Clientコンポーネントを初期化するには、**Client Setup**オプションをクリックしてClientのセットアップを開始します。 ![catalyst_extension_add_client_new](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_add_client_new.webp) > **注意:** 既にClientコンポーネントがある場合は、既存のものを上書きして新しいClientコンポーネントを作成するかどうかの確認が求められます。 こちらの[ヘルプページ](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/#initialize-your-catalyst-project/)に記載されている*Clientのセットアップ*セクションの手順に従ってください。 ![catalyst_extension_client_react_done](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_react_done.webp) このヘルプドキュメントでは、**React Webアプリ**として新しいClientコンポーネントを作成しました。これは[標準構造](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications)で作成されます。 #### サーブ [Basic I/O](https://docs.catalyst.zoho.com/ja/serverless/help/functions/basic-io/)および[Advanced I/O](https://docs.catalyst.zoho.com/ja/serverless/help/functions/advanced-io/) Function、およびすべてのタイプのClientコンポーネントを、デフォルトポート`3000`を使用してlocalhostでサーブし、リモートプロジェクトにデプロイする前にテストできます。詳細については、[リソースのサーブ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/)のヘルプページを参照してください。 プロジェクトのすべてのリソースをローカルで[サーブ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/)するには： 1. **Serve**ボタンをクリックします。 ![catalyst_extension_serve_button_highlit](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_serve_button_highlit.webp) 2. お好みのオプションを選択します： ![catalyst_extension_serve_resources_choice](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_serve_resources_choice.webp) - **Yes**をクリックすると、すべてのFunctionおよびClientコンポーネントがサーブされます。 ![catalyst_extension_serve_resources_yes](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_serve_resources_yes.webp) - **No**をクリックすると、ローカルでサーブする特定のコンポーネントを選択できます。 ![catalyst_extension_serve_choices](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_serve_choices.webp) 選択したコンポーネントがローカルでサーブされます。お好みのブラウザで生成されたURLを使用して、コンポーネントの機能をテストできます。 ![catalyst_extension_serving](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_serving.webp) - **停止アイコン**をクリックして、サーブプロセスを終了できます。 ![catalyst_extension_kill_process](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_kill_process.webp) #### デプロイ 拡張機能で初期化したすべてのFunctionとClientをリモートコンソールにデプロイできます。これにより、プロジェクトの開発環境で利用可能になります。各プロジェクトリソースのデプロイプロセスの詳細については、[リソースのデプロイ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/introduction/)のヘルプページを参照してください。 プロジェクトをCatalystコンソールにデプロイするには： 1. **Deploy**ボタンをクリックします。 ![catalyst_extension_deploy](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy.webp) 2. お好みのオプションを選択します： ![catalyst_extension_deploy_choices](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_choices.webp) - **Yes**をクリックすると、すべてのコンポーネントがデプロイされます。 ![catalyst_extension_deploy_done](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_done.webp) - **No**をクリックすると、デプロイする特定のコンポーネントを選択できます。デプロイするコンポーネントをクリックし、**送信アイコン**をクリックします。 ![catalyst_extension_deploy_slect_components](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_slect_components.webp) 選択したリソースがデプロイされ、拡張機能にアクセス可能なFunctionおよびClientのエンドポイントURLが表示されます。 ![catalyst_extension_deploy_slected_deployed](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_slected_deployed.webp) ### catalyst.json内からのサーブとデプロイ [`catalyst.json`](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/catalyst-json/)ファイルには、プロジェクト全体のコンポーネントリストと設定が含まれています。**Catalyst Tools**を使用すると、`catalyst.json`ファイル内からプロジェクト全体または選択したリソースのサーブとデプロイを行うオプションがあります。 ![catalyst_extension_catalyst_json_file_serve_deploy](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_catalyst_json_file_serve_deploy.webp) プロジェクトリソースをサーブまたはデプロイするには、各プロジェクトリソースの横にある**Serve**および**Deploy**ボタンをクリックし、上記の[サーブ](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/#serve)および[デプロイ](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/#deploy)の手順に従ってください。 ### Functions このセクションでは、**Catalyst Tools**拡張機能の*HTTP FUNCTIONS*および*NON HTTP FUNCTIONS*セクションで実行できるすべての操作について説明します。 * **Run/Debug**: Functionをローカルでサーブし、その機能をテストします。また、IDEのデバッガーと同期し、コードを簡単にデバッグできます。 * **Deploy**: FunctionコンポーネントのみをCatalystコンソールにデプロイします。 * **Delete**: ローカルプロジェクトからFunctionを永久に削除します。 #### Functionの実行またはデバッグ このセクションでは、拡張機能のRun/Debug機能を効果的に使用する手順を説明します。 **HTTP FUNCTIONS** HTTP Functionには、HTTPリクエストおよびレスポンス機能を含むことができる[Basic I/O](https://docs.catalyst.zoho.com/ja/serverless/help/functions/basic-io/)および[Advanced I/O](https://docs.catalyst.zoho.com/ja/serverless/help/functions/advanced-io/) Functionが含まれます。プロジェクト内のすべてのBasic I/OおよびAdvanced I/O Functionにここからアクセスできます。 HTTP Functionをローカルでテストし、デバッグするには以下の手順に従ってください： 1. *HTTP FUNCTIONS*セクションのFunctionリストから、作業するFunctionをクリックします。 ![catalyst_extension_func_select_choice](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_select_choice.webp) 2. **Run/Debug**オプションをクリックして、Functionをローカルでサーブします。 ![catalyst_extension_debug_select](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_debug_select.webp) localhostを通じた[Function URL](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/#create-a-function)がVS Codeの*Catalyst Serve Terminal*に生成されます。クリックして機能のテストを開始できます。 3. FunctionのローカルURLをクリックすると、デフォルトブラウザで開きます。IDEもデバッグセクションにリダイレクトされます。 > **注意:** IDEのデバッグセクションを開かずにFunctionを実行する方法については、[拡張機能の設定](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/extension-settings/#enable-or-disable-ides-debugging-section)のヘルプセクションを参照してください。 4. 必要に応じて、同時にコードを変更・編集し、変更をライブで確認できます。 ![catalyst_extension_debug_console](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_debug_console.webp) **NON HTTP FUNCTIONS** プロジェクト内の[Cron Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/cron-functions/)、[Event Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/event-functions/)、[Integration Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/integration-functions/)にここからアクセスできます。これらのFunctionタイプをRun/Debugするには、`catalyst-inputs.json`という名前のJSONファイルを作成する必要があります。このファイルにはJSON値としてのテスト入力が含まれ、対応するFunctionのディレクトリに格納する必要があります。 > **注意:** * `catalyst-inputs.json`は、Non-HTTP Functionのテスト用に**Catalyst Tools** VS Code拡張機能専用のファイルです。 * Cliq Integration Functionは現在、EU、AU、IN、またはCAデータセンターからアクセスしているCatalystユーザーには利用できません。ConvoKraft Integration Functionは、すべてのDCからアクセスするユーザーが利用できます。 このヘルプドキュメントでは、`shipment-submit`という名前のEvent FunctionをRun/Debugします。 このNon-HTTP Functionを**Run/Debug**するには、まず`shipment-submit` Functionディレクトリに`catalyst-inputs.json`を作成します。 > **注意:** `catalyst-inputs.json`ファイルがディレクトリに存在しない場合、Non-HTTP Functionはこの拡張機能でサーブできません。 `shipment-submit` Event Functionの`catalyst-inputs.json`ファイルに追加するサンプルJSONコードを以下に示します： ```json { "cache_put": { "project_details": { "id": "1434000000473001", "project_name": "ShipmentTracking" }, "event_bus_details": { "name": "Default", "id": "1434000000473009" }, "data": { "cache_name": "3b793", "cache_value": "0b3c97a93a", "project_details": { "id": "1434000000473001", "project_name": "Tunneling" }, "segment_details": { "segment_name": "Default", "project_details": { "project_name": "Tunneling", "id": "1434000000473001", "project_type": "Live" }, "id": "1434000000473037" }, "expiry_in_hours": 48, "expires_in": "Apr 28, 2023 03:13 PM" }, "current_project": { "id": "1434000000473001", "project_name": "Tunneling" }, "action": "Put", "source_entity_id": "1434000000473037", "source": "Cache", "event_time": 1682502183500 }, "datastore_insert": { "project_details": { "id": "1434000000473001", "project_name": "Tunneling" }, "event_bus_details": { "name": "Default", "id": "1434000000473009" }, "data": [ { "ROWID": "345460658792283", "CREATORID": "979726486268217", "CREATEDTIME": "2023-04-26 15:14:06", "MODIFIEDTIME": "2023-04-26 15:14:06" } ], "current_project": { "id": "1434000000473001", "project_name": "Tunneling" }, "action": "Insert", "source_entity_id": "817140351651431", "source": "Datastore", "event_time": 1682502245961 } } ``` この入力ファイルは、Defaultイベントリスナーで発生するCache PUTおよびData Store INSERT操作からのサンプルイベントデータを渡します。イベントデータは`shipment-submit` Functionに渡されます。 > **注意:** * このサンプルJSONファイルには、`cache_put`と`datastore_insert`の2つのキー値が含まれています。イベントソースをカスタマイズし、これらのキーの名前を適宜変更できます。ただし、Catalystは各エンティティまたは操作に対して渡されるイベントデータに特定のフォーマットを使用します。キーと値は、指定した操作の標準イベントデータフォーマットに従う必要があります。 * Catalyst CLIから[サンプルイベントペイロードを生成](https://docs.catalyst.zoho.com/ja/cli/v1/event-generate/introduction/)することで、サポートされている任意の操作の`catalyst-inputs.json`ファイルに含めるサンプルイベントデータにアクセスできます。 `shipment-submit` Functionディレクトリには以下のファイルが含まれます： ![catalyst_extension_sample_payload_dir](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_sample_payload_dir.webp) 次に、以下の手順に従ってFunctionを[ローカルでテスト](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-functions/functions-shell/)し、必要に応じてデバッグしてください： 1. *NON HTTP FUNCTIONS*セクションのFunctionリストから、作業するFunctionをクリックします。 ![catalyst_extension_non_http_select](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_non_http_select.webp) 2. **Run/Debug**オプションをクリックして、Functionをローカルでサーブします。 ![catalyst_extension_run_debug_non_select](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_run_debug_non_select.webp) 3. Functionをサーブする入力キーをクリックします。 ![catalyst_extension_run_debug_non_input_key](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_run_debug_non_input_key.webp) 4. VS CodeでCatalyst Serve Terminalが開きます。FunctionがWebソケットでサーブされていることを確認できます。Functionをテストできます。IDEのデバッガーにもアクセスできます。 ![catalyst_extension_run_debug_non_running](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_run_debug_non_running.webp) 5. 必要に応じてFunctionのコードを変更でき、サーブプロセス中に反映されます。 ![catalyst_extension_run_debug_non_debugging](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_run_debug_non_debugging.webp) IDEの下部にあるコンソールの**削除アイコン**をクリックして、Catalyst Serve Terminalを終了することもできます。 ![catalyst_extension_run_debug_non_kill](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_run_debug_non_kill.webp) > **注意:** Catalyst Serve Terminalは、閉じるまでバックグラウンドで利用可能な状態が継続されます。 上記の例ではEvent Functionを使用しましたが、[Cron](https://docs.catalyst.zoho.com/ja/serverless/help/functions/cron-functions/)および[Integration Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/integration-functions/)のテスト用の`catalyst-inputs.json`ファイルの例を以下に示します： **Cron Function用の`catalyst-inputs.json`サンプルファイル**： ```json { "cron_input": { "param": "value" } } ``` **Integration Function用の`catalyst-inputs.json`サンプルファイル**： ```json { "bot_welcome": { "name": "Sample", "unique_name": "sample_uniq", "handler": { "type": "welcome_handler" }, "response_url": "https://cliq.zoho.com/v2/extensions/2980/responses/17202823900615741410013820", "type": "bot", "timestamp": 1569520690703, "params": { "environment": { "data_center": "us" }, "access": { "user_id": "651652091", "user_agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:69.0) Gecko/20100101 Firefox/69.0", "chat_id": "CT_2243226337559778047_661211447-B2" }, "user": { "country": "us", "timezone": "Asia/calcutta", "last_name": "Fisher", "first_name": "Scott", "language": "en", "id": "123456", "email": "scott.fisher@zylcal.com", "admin": true, "organization_id": "123456456" }, "newuser": true, "mentions": [], "options": {}, "selections": [], "arguments": "" } } } ``` #### Functionのデプロイ FunctionをCatalystコンソールに[デプロイ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/deploy-functions/)するには、以下の手順に従ってください： 1. *HTTP FUNCTIONS*または*NON HTTP FUNCTIONS*セクションのFunctionリストから、デプロイするFunctionをクリックし、**Deploy**をクリックします。 ![catalyst_extension_deploy_func_alone](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_func_alone.webp) 2. **Yes**をクリックして確認します。 ![catalyst_extension_deploy_func_alone_confirm](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_func_alone_confirm.webp) Functionがコンソールにデプロイされ、VS Code IDEのCatalyst Deploy TerminalにFunctionのデプロイメントURLが生成されます。 ![catalyst_extension_deploy_func_alone_deployed](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_func_alone_deployed.webp) Functionは、[Catalyst Serverless](https://docs.catalyst.zoho.com/ja/serverless/getting-started/introduction/)内の[Functions](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/#create-a-function)コンポーネントからコンソールでアクセスできます。 ![catalyst_extension_deploy_func_alone_in_console](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_deploy_func_alone_in_console.webp) #### Functionの削除 **Catalyst Tools**を使用してローカルプロジェクトからFunctionを[削除](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/#delete-a-function)するには、以下の手順に従ってください： 1. *HTTP FUNCTIONS*または*NON HTTP FUNCTIONS*セクションのFunctionリストから、削除するFunctionをクリックし、**Delete**をクリックします。 ![catalyst_extension_delete_func](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_delete_func.webp) 2. **Yes**をクリックして続行します。 ![catalyst_extension_delete_fuc_confirm](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_delete_fuc_confirm.webp) Functionとそのディレクトリ内のすべてのファイルがローカルプロジェクトから削除されます。 ![catalyst_extension_func_deleted](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_func_deleted.webp) > **注意:** Non-HTTP Functionの場合、`catalyst-inputs.json`ファイルもFunctionディレクトリ内にあるため削除されます。 ### Client **Catalyst Tools**拡張機能の*Client*セクションでは、Clientコンポーネントに対して以下の操作を実行できます： * Clientリソースのみを**サーブ**し、その機能をテストします。 * Clientリソースのみを**デプロイ**してCatalystコンソールに反映します。 * ローカルプロジェクトからClientコンポーネントを**削除**します。 #### サーブ操作 **Catalyst Tools**拡張機能を使用してClientコンポーネントのみをlocalhost:3000で[サーブ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/)するには、以下の手順に従ってください： 1. 拡張機能の*CLIENT*セクションに移動し、**Serve**をクリックします。 ![catalyst_extension_client_alone_serve](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_serve.webp) Clientコンポーネントがローカルでサーブされ、Catalyst Serve TerminalにClientコンポーネントのローカルエンドポイントURLが生成されます。URLをクリックすると、デフォルトのWebブラウザでWebクライアントにアクセスできます。 ![catalyst_extension_client_alone_serve_terminal](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_serve_terminal.webp) 2. 停止アイコンボタンをクリックして、サーブプロセスを終了できます。 ![catalyst_extension_client_alone_kill_serve](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_kill_serve.webp) IDEの下部にあるコンソールの削除アイコンをクリックして、Catalyst Serve Terminalを終了することもできます。 > **注意:** Catalyst Serve Terminalは、削除するまでバックグラウンドで利用可能な状態が継続されます。 #### デプロイ操作 **Catalyst Tools**拡張機能を使用してClientコンポーネントのみをCatalystコンソールに[デプロイ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/deploy-client/)するには、以下の手順に従ってください： 1. 拡張機能の*CLIENT*セクションに移動し、**Deploy**をクリックします。 ![catalyst_extension_client_alone_deploy](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_deploy.webp) 2. **Yes**をクリックしてデプロイ操作を続行します。 ![catalyst_extension_client_alone_deploy_confirm](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_deploy_confirm.webp) Clientコンポーネントがデプロイされ、VS Code内のCatalyst Deploy TerminalにClientコンポーネントのデプロイメントURLが生成されます。URLをクリックすると、デフォルトのWebブラウザでClientにアクセスできます。 ![catalyst_extension_client_alone_deployed](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_deployed.webp) IDEの下部にあるコンソールの**削除アイコン**をクリックして、Catalyst Deploy Terminalを終了することもできます。 > **注意:** Catalyst Deploy Terminalは、削除するまでバックグラウンドで利用可能な状態が継続されます。 #### 削除操作 **Catalyst Tools**を使用してローカルプロジェクトからClientコンポーネントを[削除](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-the-client/delete-client/)するには、以下の手順に従ってください： 1. *CLIENT*セクションに移動し、**Delete**をクリックします。 ![catalyst_extension_client_alone_delete](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_delete.webp) 2. **Yes**をクリックして続行します。 ![catalyst_extension_client_alone_delete_confirm](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_delete_confirm.webp) Clientコンポーネントがローカルプロジェクトから削除されます。 ![catalyst_extension_client_alone_deleted](https://catalyst-docs-development.zohostratus.in/images/catalyst-extension/catalyst_extension_client_alone_deleted.webp)