---
title: "クライアントのセットアップ"
url: https://docs.catalyst.zoho.com/ja/cli/v1/working-with-the-client/set-up-client/
description: "Catalyst CLIを使用すると、プロジェクトの初期化後でもクライアントコンポーネントをBasic、React、またはAngularアプリとしてセットアップできます。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: general
---

# クライアントのセットアップ

プロジェクトディレクトリに移動し、以下のコマンドを実行して、CLIからクライアントコンポーネントをセットアップできます：

```sh
 catalyst client:setup 
```

手順はプロジェクト初期化時の[クライアントディレクトリの初期化](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/)と同じです。CLIがプロジェクトのクライアントコンポーネントの名前を入力するよう求めます。名前を入力して**Enter**を押します。

![CLI Client Setup](https://catalyst-docs-development.zohostratus.in/images/cli/working-with-the-client/catalyst_cli_client_setup.webp)

クライアントディレクトリがプロジェクトのディレクトリに作成され、`catalyst.json`ファイルがその情報で更新されます。

![CLI Client Setup](https://catalyst-docs-development.zohostratus.in/images/cli/working-with-the-client/catalyst_cli_client_setup_done.webp)

クライアントディレクトリには、`index.html`、`main.css`、`main.js`ファイル、および`client-package.json`設定ファイルがセットアップされます。クライアントのディレクトリ構造の詳細については、[プロジェクトディレクトリ構造ヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/)をご参照ください。

![CLI Client Directory](https://catalyst-docs-development.zohostratus.in/images/cli/working-with-the-client/catalyst_cli_client_structure.webp)

> **注意:**

* クライアントのディレクトリには、HTMLファイル、JavaScriptファイル、ロゴ画像などのサブフォルダやファイルを任意の数追加できます。ただし、設定ファイルと依存関係はクライアントディレクトリのルートに配置する必要があります。
* ` [catalyst pull](https://docs.catalyst.zoho.com/ja/cli/v1/pull-resources/introduction/) `コマンドを使用して、コンソールから[ホストされたWebクライアント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)をローカルシステムにプルすることもできます。

クライアントコンポーネントをビルドして[テスト](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction/)した後、Catalystコンソールの[ _Webクライアントホスティング_ ](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)を通じてホストするか、CLIからリモートコンソールにクライアントを[デプロイ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/introduction/)できます。

> **注意:** **Visual Studio Code IDE**ユーザーの場合、**Catalyst Tools**拡張機能をインストールして、CLIの代わりにIDEを使用してCLI操作を実行できます。Visual Studio Code IDEを使用してクライアントコンポーネントをセットアップする手順は[こちら](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/implementation/#manage-your-project)をご覧ください。