クライアントの初期化

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

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

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

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

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

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

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

クライアントを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. Catalyst Angularプラグインを通じて、必要なすべてのAngularアプリケーションファイル、設定ファイル、および依存関係がインストールされます。
5. クライアントがAngularウェブアプリケーションとして正常に初期化されました。

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

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

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

クライアントを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プロジェクトのディレクトリ構造です。