---
title: "プロジェクトの初期化"
url: https://docs.catalyst.zoho.com/ja/tutorials/embedded-auth/nodejs/init-project/
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プロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。これがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。

詳細については、プロジェクトディレクトリ構造のヘルプページを参照してください。プロジェクトの初期化の詳細については、CLIヘルプドキュメントを参照してください。

このアプリケーションでは、Custom User Validationのロジックを含むBasic I/O functionと、クライアントコンポーネントとしてBasic web appを初期化します。

注意: アプリケーションのコードに同じ名前が含まれているため、ファンクションのパッケージ名またはクラス名は指示通りに正確に入力してください。

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

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

3. **矢印キー**を使用してナビゲートし、お好みのポータルを選択して**Enter**キーを押します。アカウントに関連付けられた他の組織がない場合は、デフォルトの組織が自動的に選択されます。
    
注意: Catalystのマルチ組織ポータル機能の詳細については、このヘルプドキュメントを参照してください。

4. CLIがCatalystプロジェクトをディレクトリに関連付けるよう求めます。コンソールから以前作成したプロジェクトに関連付けます。リストから**Authorization Portal**を選択し、**Enter**を押します。
    

5. 矢印キーを使用してナビゲートし、スペースバーで**Functions**、**Client**を選択します。**Enter**を押して初期化します。
    
6. CLIがファンクションのセットアップを開始します。*Custom User Validation*ファンクションのファンクションタイプとして**Basic IO**を選択します。
    

7. ファンクションスタックとして*Node.js*の最新ランタイムを選択します。
    

8. パッケージ名として「authorization_portal_function」、エントリポイントとして「index.js」、作成者としてメールアドレスを入力し、**Enter**を押します。または、入力せずに**Enter**を押してデフォルト値を使用することもできます。CLIがNode依存関係の初期化を促します。**Y**を押してインストールを確認し、**Enter**を押して選択を確定します。Nodeモジュールがインストールされます。
    

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




9. **Basic web app**を選択し、**Enter**を押して、クライアントをBasic web appとして初期化します。
    

10. クライアントパッケージの名前を入力し、**Enter**を押します。このチュートリアルでは、クライアントパッケージの名前を「zylkertechnologies」としています。同じ名前を使用するか、お好みの名前を指定できます。
    

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

プロジェクトディレクトリは、設定ファイルと依存関係とともに、クライアントディレクトリとファンクションディレクトリでセットアップされました。プロジェクトディレクトリには、catalyst.json設定ファイルと隠し.catalystrcファイルも含まれています。

プロジェクトディレクトリの構造は以下のようになります:





9. **React web app**を選択し、**Enter**を押して、クライアントをReact web appとして初期化します。
    

10. Reactアプリタイプとして**JavaScript**を選択し、**Enter**を押します。
    

11. クライアントパッケージの名前として「zylkertechnologies」と入力し、**Enter**をクリックします。お好みの名前を指定することもできます。「react」、「react-dom」、「react-scripts」などの必要なすべてのReactパッケージは、Catalyst Reactプラグイン（zcatalyst-cli-plugin-react）を通じてインストールされます。
    
    クライアントがReact Webアプリケーションとして正常に初期化されました。
    

クライアントディレクトリが、プロジェクトディレクトリ内に標準構造で作成されます。

クライアントをReactアプリとして初期化した場合の*Authorization Portal*プロジェクトのディレクトリ構造は以下の通りです。


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