--- title: "プロジェクトの初期化" url: https://docs.catalyst.zoho.com/ja/tutorials/payslip-generator-app/nodejs/initialize-project/ description: "Catalystコンポーネントを使用して、動的なカスタム給与明細テンプレートからPDFドキュメントを生成し、生成したドキュメントをエンドユーザーにメールで送信する基本的なWebアプリを構築します。" last_updated: 2026-11-03T15:19:21Z service: All Services type: tutorial related_links: - name: "CLIリソースの初期化" url: /ja/cli/v1/initialize-resources/introduction/ - name: "プロジェクトディレクトリ構造" url: /ja/cli/v1/project-directory-structure/introduction/ --- # CLIからプロジェクトを初期化する これで、CLIからCatalystプロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。これがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。 詳細については、[プロジェクトディレクトリ構造のヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)を参照してください。プロジェクトの初期化の詳細については、[CLIヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)を参照してください。 Payslip Generatorアプリケーションでは、まずAdvanced I/O functionを初期化し、次にClientコンポーネントを初期化します。 > **Note:** アプリケーションのコードに同じ名前が含まれているため、ファンクションのパッケージ名またはクラス名、およびクライアントの名前は、指示どおりに正確に入力することを推奨します。 1. ローカルマシンにプロジェクト用のフォルダを作成し、ターミナルからそのフォルダに移動します。 2. そのディレクトリから以下のコマンドを実行してプロジェクトを初期化します: ```sh catalyst init ``` 3. **矢印キー**を使用してナビゲートし、希望するポータルを選択して**Enter**キーを押します。アカウントに関連付けられた他の組織がない場合は、デフォルトの組織が自動的に選択されます。 ![catalyst_payslip_portal_choice](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_portal_choice.webp) Catalystのマルチ組織ポータル機能の詳細については、[こちらのヘルプドキュメント](https://docs.catalyst.zoho.com/ja/getting-started/catalyst-organizations/#access-the-multi-org-portal)を参照してください。 4. CLIがCatalystプロジェクトをディレクトリに関連付けるよう求めます。コンソールから先ほど作成したプロジェクトに関連付けます。リストから**PayslipGenerator**を選択し、**Enter**を押します。 ![catalyst_payslip_project_choice](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_project_choice.webp) 5. **矢印キー**を使用してナビゲートし、**スペースバー**で**Functions**、**Client**を選択します。**Enter**キーを押して初期化します。 ![catalyst_payslip_func_client_init](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_func_client_init.webp) 6. CLIがファンクションのセットアップを開始します。ファンクションタイプとして**AdvancedIO**を選択します。 ![catalyst_payslip_func_advacne_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_func_advacne_select.webp) 7. ファンクションスタックとして*Node.js*の最新ランタイムを選択します。 ![catalyst_payslip_func_node16_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_func_node16_select.webp) 8. パッケージ名として「`payslip_generator_function`」、エントリポイントとして「`index.js`」、作成者としてメールアドレスを入力し、**Enter**を押します。入力せずに**Enter**を押すと、デフォルト値が設定されます。CLIがNode依存関係の初期化を求めます。**Y**を押してインストールを確認し、**Enter**を押して選択を確定します。Nodeモジュールがインストールされます。 ![catalyst_payslip_func_init_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_func_init_done.webp) 9. CLIがクライアントのセットアップを開始します。「**Basic web app**」を選択し、**Enter**を押して[基本的なWebアプリ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#basic-client-applications)としてクライアントを初期化します。 ![catalyst_payslip_client_basic_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_client_basic_select.webp) 10. クライアントパッケージの名前として「**PayslipGenerator**」と入力し、**Enter**を押します。任意の名前を指定することもできます。 ![catalyst_payslip_client_basic_init_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_client_basic_init_complete.webp) Catalystの初期化が完了しました。 [プロジェクトディレクトリ](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)に、設定ファイルと依存関係とともに、クライアントディレクトリとファンクションディレクトリが設定されました。プロジェクトディレクトリには、[`catalyst.json`](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/catalyst-json/)設定ファイルと隠しファイル`.catalystrc`も含まれています。 プロジェクトディレクトリの構造は以下のように表示されます: ![catalyst_payslip_proj_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/catalyst_payslip_proj_directory.webp)