クライアントの初期化

クライアントをBasicウェブアプリとして初期化する

Catalystコマンドcatalyst client:setupを使用してクライアントをセットアップする際にBasic web appを選択した場合、Catalystはそれに応じてクライアントを初期化します。

クライアントパッケージの名前として「ToDoApp」と入力し、Enterを押します。

クライアントがBasicウェブアプリケーションとして正常に初期化されました。

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

これは、クライアントがBasicウェブアプリとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。

クライアントをAngularウェブアプリとして初期化する

クライアントをAngularアプリとしてセットアップすることを選択した場合、CatalystはCatalyst Angularプラグイン（zcatalyst-cli-plugin-angular）を使用して初期化します。

1. Angularアプリの名前を「app」とし、「Y」と入力してEnterキーを押し、自動補完機能を有効にします。これにより、Angularターミナルコマンドの自動補完が提供されます。
   
2. 「Y」と入力してアプリケーションデータをAngularと共有するか、「N」と入力してオプトアウトし、Enterを押します。このアプリケーションではAngularルーティングは不要なため、「N」と入力してEnterを押します。
3. このアプリケーションではCSSスタイルシートを使用します。CSSを選択した後、Enterキーを押します。
   
4. 必要なすべてのAngularアプリケーションファイル、設定ファイル、依存関係がCatalyst Angularプラグインを通じてインストールされます。
5. クライアントがAngularウェブアプリケーションとして正常に初期化されました。

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

これは、クライアントがAngularアプリとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。

クライアントをReactウェブアプリとして初期化する

クライアントをReactアプリとしてセットアップすることを選択した場合、CatalystはCatalyst Reactプラグイン（zcatalyst-cli-plugin-react）を使用してReactアプリを初期化します。

1. 次に、Reactアプリケーションのタイプを選択するよう求められます。このチュートリアルでは、タイプとして「JavaScript」を選択します。
2. Reactアプリケーションの名前を「app」とし、Enterを押します。react、react-dom、react-scriptsなどの必要なすべてのReactパッケージがCatalyst Reactプラグインを通じてインストールされます。
   
   クライアントがReactウェブアプリケーションとして正常に初期化されました。
   

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

これは、クライアントがReactアプリとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。