--- title: "すべてのリソースをサーブ" url: https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/ description: "Catalystでは、CLIを使用して、リモートコンソールにデプロイする前にプロジェクトリソースをローカルでテストすることができます。" last_updated: 2026-08-17T12:16:04Z service: All Services type: general --- # すべてのリソースをサーブ ### サーブコマンドの実行 プロジェクトディレクトリに移動して次のコマンドを実行することで、CatalystプロジェクトのBasic I/O、Advanced I/O、BrowserLogicファンクション、AppSailアプリ、Angular、React、および基本Webクライアントコンポーネントをローカルでホストできます： ```sh catalyst serve ``` これにより、デフォルトポートでローカルサーバーが起動し、エンドポイントでリソースがサーブされます。 ![Serve Resources](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve.webp) CLIは、サーブされたクライアント、AppSail、およびファンクションエンドポイントのローカルエンドポイントのURLを表示します。 前述のとおり、CatalystはBasic I/O、Advanced I/O、BrowserLogicファンクションのみをサーブできます。そのため、プロジェクトディレクトリにCron、Event、またはIntegrationファンクションがある場合、それらのサーブはスキップされます。同様に、API GatewayルールのJSONファイルもサーブからスキップされます。 ### ファンクションと基本Webアプリケーションのサーブ ローカルサーバーを通じてホストされたBasic I/O、Advanced I/O、BrowserLogicファンクションは、そのURLエンドポイントにアクセスしてテストできます。これらのエンドポイントは、IDE環境またはブラウザからアクセスできます。 Webクライアントは、ローカルサーバーを通じてホストされた後、デフォルトブラウザで自動的に開きます。 > **注意:** [ `\--no-open `](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-options/#--no-open)オプションを使用して、ブラウザでのWebクライアントURLの自動起動を無効にできます。 クライアントのホームページやサブページ、またはファンクションエンドポイントにサーブ後にアクセスすると、CLIはアクセスされたエンドポイントとリクエストメソッドのライブログを表示します。ファンクション呼び出し情報には、以下に示すようにログレベルやその他のログエントリも含まれます。 ![](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_log.webp) ### Angularアプリケーションのサーブ プロジェクト内のAngularアプリケーションも同様にサーブされます。Angularアプリの初期化時にインストールされるCatalystプラグイン` [zcatalyst-cli-plugin-angular](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#angular-applications)`がサーブセッションを処理します。 Angularは[Hot Module Replacement](https://webpack.js.org/concepts/hot-module-replacement/)（HMR）を実装しています。HMRはWebpackの機能で、サーブセッション中に変更が加えられた場合、プロジェクト全体を再コンパイルしてリロードすることなく、特定のモジュールを更新してリロードします。Catalyst CLIを通じてアプリケーションをサーブすると、デフォルトでHMRが有効になります。 > **注意:** コンポーネントのサーブ時に` [\--no-watch](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-options/#--no-watch) `オプションを使用して、ライブウォッチを無効にできます。 ![Serve Angular Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_angular_1.webp) Angularアプリがサーブされると、`/router`、`/common`などのアプリ内のモジュールがすべて最初にコンパイルされます。CLIはコンパイルの詳細とビルド生成の情報を表示します。初期チャンクファイルやそのサイズなど、アプリケーション内の個々のファイルの詳細も確認できます。これらはAngularアプリのビルドおよびサーブプロセスのデフォルトの規則に基づいています。 ![Serve Angular Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_angular_2.webp) コンパイルが完了すると、CLIはデフォルトブラウザにリダイレクトしてWebクライアントを自動的に開きます。基本Webアプリと同様に、` [\--no-open](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-options/#--no-open) `オプションを使用してこれを無効にできます。Angularアプリのサーブセッションでも、アクセスされたエンドポイントとリクエストメソッドのライブログを確認できます。 ![Serve Angular Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_angular_3.webp) HMRが無効になっていない場合、Angularアプリで行った変更は、コンポーネント全体の再コンパイルとリロードなしにサーブセッションにライブで反映されます。CLIは、変更されたチャンクファイルの詳細など、更新されたモジュールのライブログを表示します。 ### Reactアプリケーションのサーブ Catalyst ReactアプリはAngularアプリと同様にサーブされます。Reactアプリの初期化時にインストールされるCatalystプラグイン[ `zcatalyst-cli-plugin-react` ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications)がサーブセッションを処理します。 Reactアプリケーションは、Angularアプリケーションと同様に[Hot Module Replacement](https://webpack.js.org/concepts/hot-module-replacement/)（HMR）を実装しています。HMRはWebpackの機能で、サーブセッション中に変更が加えられた場合、プロジェクト全体を再コンパイルしてリロードすることなく、特定のモジュールを更新してリロードします。Catalyst CLIを通じてアプリケーションをサーブすると、デフォルトでHMRが有効になります。 > **注意:** コンポーネントのサーブ時に[`-\-no-watch `](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/#Nowatch)オプションを使用して、ライブウォッチを無効にできます。 ![Serve React Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_react_1.webp) Reactアプリがサーブされると、プラグインは開発ビルドにコンパイルします。CLIはコンパイルの詳細とアプリにアクセスするためのローカルエンドポイントを表示します。 ![Serve React Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_react_2.webp) コンパイルが完了すると、CLIはデフォルトブラウザにリダイレクトしてWebクライアントを自動的に開きます。基本Webアプリと同様に、` [-\\-no-open](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-options/#--no-open) `オプションを使用してこれを無効にできます。Reactアプリのサーブセッションでも、アクセスされたエンドポイントとリクエストメソッドのライブログを確認できます。 ![Serve React Applications](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_react_3.webp) HMRが無効になっていない場合、Reactアプリで行った変更は、コンポーネント全体の再コンパイルとリロードなしにサーブセッションにライブで反映されます。CLIは、更新されたモジュールのライブログを表示します。 ### AppSailアプリケーションのサーブ AppSailアプリのサーブプロセスは、アプリのスタック、ランタイム、フレームワーク、および使用される組み込みWebサーバーに応じて開始されます。これらの要素に基づいて、コンパイルされたコードは任意の構造で任意の形式になる可能性があります。詳細については、AppSailの[一般的なビルドファイル](https://docs.catalyst.zoho.com/ja/serverless/help/appsail/key-concepts/appsail-execution/#common-build-files)のヘルプセクションを参照してください。 > **注意:** Catalystは、アプリの初期化時に指定したビルドパスに存在するAppSailアプリのすべての実行可能ファイルをサーブします。すべてのビルドファイルをバンドルまたはzip化する必要はありません。AppSailがアプリケーションのサーブ時に自動的にバンドルします。 ![Serve AppSail Apps](https://catalyst-docs-development.zohostratus.in/images/cli/serve-resources/catalyst_cli_serve_appsail.webp) アプリに対して[スタートアップコマンド](https://docs.catalyst.zoho.com/ja/serverless/help/appsail/key-concepts/appsail-execution/#startup-commands)、[環境変数](https://docs.catalyst.zoho.com/ja/serverless/help/appsail/key-concepts/appsail-execution/#environmental-variables)、および必要な[メモリ割り当て](https://docs.catalyst.zoho.com/ja/serverless/help/appsail/key-concepts/appsail-execution/#memory-allocation)を設定しておく必要があります。 > **注意:** * AppSailアプリのサーブに特定のポートやスタートアップコマンドを設定する必要はありません。デプロイ可能なアプリをサーブするだけで、Catalystが必要なすべてのプロセスを内部的に処理します。 * Catalyst CLIはデフォルトでライブウォッチモードを提供し、サーブ中のリソースのホットリロードを実行できます。ただし、これは現在Catalyst AppSailアプリケーションでは利用できず、ライブウォッチモードなしでサーブされます。 プロジェクトリソースのテスト後、ローカル環境に基づいて実行中のコマンドを終了することで、ターミナルのサーブセッションを終了できます。これによりローカルサーバーがシャットダウンされます。 ### Slateアプリのサーブ ローカルのプロジェクトディレクトリに移動して次のコマンドを実行することで、CatalystプロジェクトのSlateアプリケーションをローカルでホストできます： ```sh catalyst serve --only slate ``` このcatalyst serveコマンドは、`cli-config.json`ファイルで定義された`dev_command`を実行してSlateアプリをローカルで起動します。この`dev_command`は、Slateアプリを[リンク](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-slate/link-slate-app/)または[作成](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-slate/create-slate-app/)する際にファイルで設定されます。 catalyst serveコマンドを実行する前に、`dev_command`を更新して、`ZC_SLATE_PORT`を含むアプリケーションの起動コマンドを含めるようにしてください。たとえば、Reactアプリで作業している場合は、コマンドを次のように更新します： `PORT=$ZC_SLATE_PORT npm start` ![dev-command](https://catalyst-docs-development.zohostratus.in/images/cli/working-with-slate/dev-command.webp) アプリケーションのフレームワークに基づいて起動コマンドを設定する必要があります。Catalyst Slateでサポートされているフレームワークのデフォルト起動コマンドについては、以下の表を参照してください。必要に応じて、アプリケーションのニーズに合わせて起動コマンドを変更できます。
フレームワーク デフォルト起動コマンド
Create React App `PORT=$ZC_SLATE_PORT npm start`
Solid JS(Vite) `npm run dev -\- -\-port $ZC_SLATE_PORT`
React + Vite `npm run dev -\- -\-port $ZC_SLATE_PORT`
Next.js `npm run dev -\- -\-port $ZC_SLATE_PORT`
Astro `npm run dev -\- -\-port $ZC_SLATE_PORT`
Angular `npm start -\- -\-port $ZC_SLATE_PORT`
Vue (Vite) `npm run dev -\- -\-port $ZC_SLATE_PORT`
Preact `npm run dev -\- -\-port $ZC_SLATE_PORT`
Svelte `npm run dev -\- -\-port $ZC_SLATE_PORT`
Slateアプリをサーブすると、cli-config.jsonファイルに記載された起動コマンドがローカルサーバーでアプリケーションを実行し、CLIはSlateアプリケーションにアクセスできるURLを表示します。 ![serve-slate](https://catalyst-docs-development.zohostratus.in/images/cli/working-with-slate/serve-slate.webp) ローカルでアプリケーションのテストが完了したら、リモートコンソールにデプロイできます。デプロイコマンドについては次のセクションで説明します。