---
title: "プロジェクトの初期化"
url: https://docs.catalyst.zoho.com/ja/tutorials/task-manager/nodejs/init-project/
description: "タスクの作成・管理が可能なReact製タスクマネージャーアプリを構築します。タスクに対してCRUD操作やフィルター機能を実行できます。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst NoSQLヘルプドキュメント"
    url: /ja/cloud-scale/help/nosql/introduction/
  - name: "CLI Help Documentation "
    url: /ja/cli/v1/cli-command-reference/
  - name: "CLIからのリソース初期化"
    url: /ja/cli/v1/initialize-resources/introduction/
  - name: "プロジェクトディレクトリ構造"
    url: /ja/cli/v1/project-directory-structure/introduction/
  - name: "Catalyst Multi-Orgnization Portal"
    url: /ja/getting-started/catalyst-organizations/#access-the-multi-org-portal
  - name: "Catalystツール"
    url: /ja/catalyst-extensions/vs-code-extension/introduction/
---

# プロジェクトの初期化

CLIからCatalystプロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。このディレクトリがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。

> **Info:**

* [プロジェクトディレクトリ構造の詳細はこちら](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)。

* [Catalyst CLIの詳細はこちら](https://docs.catalyst.zoho.com/ja/cli/v1/cli-command-reference/)。

このアプリケーションでは、プロジェクト、Advanced IOファンクション、およびReactクライアントコンポーネントを初期化します。

1. ローカルマシンにプロジェクト用のフォルダを作成し、ターミナルからそのフォルダに移動します。

2. そのディレクトリから以下のコマンドを実行してプロジェクトを初期化します：

```sh
catalyst init
```

3. 矢印キーで移動し、希望するポータルを選択してEnterをクリックします。アカウントに他の組織が関連付けられていない場合は、デフォルトが自動的に選択されます。
    ![catalyst_tutorials_nosql_taskmanager_cli_init_portal](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_init_portal.webp)

> **Info:** [Catalystのマルチ組織ポータル機能の詳細はこちら](https://docs.catalyst.zoho.com/ja/getting-started/catalyst-organizations/#access-the-multi-org-portal)。

4. CLIがCatalystプロジェクトをディレクトリに関連付けるよう求めます。先ほどコンソールから作成したプロジェクトに関連付けてください。リストから**TaskManager**を選択し、**Enter**をクリックします。
    ![catalyst_tutorials_nosql_taskmanager_cli_proj_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_proj_sel.webp)

5. 矢印キーで移動し、スペースバーで**Functions**、**Client**を選択します。**Enter**を押して初期化します。
    ![catalyst_tutorials_nosql_taskmanager_cli_proj_func_client](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_proj_func_client.webp)

6. CLIがファンクションのセットアップを開始します。バックエンドロジックをコーディングするためのファンクションタイプとして**Advanced IO**を選択します。
    ![catalyst_tutorials_nosql_taskmanager_cli_func_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_func_sel.webp)

7. ファンクションスタックとして**Node.js**の最新ランタイムを選択します。
    ![catalyst_tutorials_nosql_taskmanager_cli_func_runtime](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_func_runtime.webp)

8. パッケージ名として「`task_manager_function`」、エントリーポイントとして「`index.js`」、作者としてメールアドレスを入力し、**Enter**を押します。または、入力せずに**Enter**を押すとデフォルト値が設定されます。CLIがNodeの依存関係の初期化を求めます。**Y**を押してインストールを確認し、**Enter**を押して選択を確定します。Nodeモジュールがインストールされます。
    ![catalyst_tutorials_nosql_taskmanager_cli_func_cmpltd](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_func_cmpltd.webp)

    CLIがクライアントのセットアップを開始します。

9. **React web app**を選択し、**Enter**を押してクライアントを[React Webアプリ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications)として初期化します。
    ![catalyst_tutorials_nosql_taskmanager_cli_client_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_client_sel.webp)

10. Reactアプリのタイプとして**JavaScript**を選択し、**Enter**を押します。
    ![catalyst_tutorials_nosql_taskmanager_cli_client_js_sel](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_client_js_sel.webp)

11. クライアントパッケージ名として「`task-manager-client`」と入力し、**Enter**をクリックします。任意の名前を指定することもできます。「`react`」、「`react-dom`」、「`react-scripts`」などの必要なReactパッケージはすべて**Catalyst Reactプラグイン**（[`zcatalyst-cli-plugin-react`](https://www.npmjs.com/package/zcatalyst-cli-plugin-react)）を通じてインストールされます。
  ![catalyst_tutorials_nosql_taskmanager_cli_client_name_config](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_client_name_config.webp)

クライアントがReact Webアプリケーションとして正常に初期化されました。
![catalyst_tutorials_nosql_taskmanager_cli_init_cmpltd](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_cli_init_cmpltd.webp)

プロジェクトディレクトリ内に標準的な構造で[クライアントディレクトリ](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory)が作成されます。

クライアントをReactアプリとして初期化した場合の*TaskManager*プロジェクトのディレクトリ構造は以下の通りです。
![catalyst_tutorials_nosql_taskmanager_proj_first_dir](https://catalyst-docs-development.zohostratus.in/images/tutorials/task-manager/catalyst_tutorials_nosql_taskmanager_proj_first_dir.webp)

Catalystの初期化が完了しました。