---
title: "主要コンセプト"
url: https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/key-concepts/
description: "Catalystを使用すると、任意のフロントエンドフレームワークで構築されたアプリのWebクライアントを簡単かつ安全にホストし、Webアプリのバージョン管理を行うことができます。"
last_updated: 2026-02-23T12:39:41Z
service: Cloud Scale
type: general
---

# 主要コンセプト

CatalystでWebクライアントアプリケーションをホストする前に、クライアントリソースを適切な形式でアップロードしてください。

### ソースファイル形式

Catalystでエラーなくホストするために、Webアプリケーションのクライアントリソースを適切な形式でアップロードする必要があります。

CatalystでWebクライアントアプリケーションをホストするには、標準のプロジェクトディレクトリ構造でWebアプリケーションのソースファイルをアップロードする必要があります。これについては、[**プロジェクトディレクトリ構造のヘルプページ**](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/introduction/)で詳しく説明されています。

Catalystの標準プロジェクトディレクトリ構造の概要は以下のとおりです：

* プロジェクトディレクトリは基本的に2つのフォルダーで構成されます：`functions`と`client`。_Web Client Hosting_では、`client`ディレクトリのみをアップロードする必要があります。`client`ディレクトリには、JavaScript、HTML、CSSファイルなど、アプリケーションのすべてのフロントエンドクライアントファイルを含める必要があります。

> **注意:** `[catalyst.json](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/catalyst-json/)`設定ファイルは、Catalystコンソールの_Web Client Hosting_からWebアプリケーションをホストする場合には不要です。CLIまたはGitHubリポジトリからアプリケーションファイルをデプロイする場合にのみ必要です。

* `client`ディレクトリには2つのファイルが必要です：Webアプリのホームページである`index.html`ファイルと、クライアントリソースの設定情報を含む`client-package.json`ファイルです。その他のフロントエンドのスタイリング、スクリプティング、またはHTMLファイルは、Webアプリの要件に応じて任意です。

> **注意:** CLIを使用してWebクライアントを初期化すると、CLIがそのボイラープレート構造で`client-package.json`を自動的に作成します。ただし、CLIを使用してWebクライアントを初期化せず、コンソールから直接クライアントをデプロイする場合は、クライアントディレクトリに`client-package.json`ファイルを手動で作成し、標準構造で必要なコードを含める必要があります。[client-package.json](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/)ファイル構造のヘルプを参照できます。

* `client-package.json`ファイルにWebアプリの名前を指定する必要があります。これがアプリケーションの最終的な名前になります。名前を設定してアプリケーションをホストした後は、変更してはいけません。

* `index.html`ファイルの名前を変更した場合、またはWebアプリケーションのホームページとして別のファイルを使用する場合は、`client-package.json`ファイルに必要な変更を加える必要があります。

上記のすべてのガイドラインに従った後、Catalystコンソールからwebアプリケーションをホストできます。標準ディレクトリ構造との不一致があると、アプリケーションのホスティングでエラーが発生する可能性があります。

### デフォルトWebアプリケーションURL

アプリケーションのデフォルトURLは、ホスト後にコンソールの_Web Client Hosting_または[環境設定セクション](https://docs.catalyst.zoho.com/ja/deployment-and-billing/environments/development-environment/#function-url-and-web-app-url-in-the-development-environment)から取得できます。

デフォルトアプリケーションURLは、アプリケーションをホストすると開発環境用に生成されます。[アプリケーションを本番環境にデプロイ](https://docs.catalyst.zoho.com/ja/deployment-and-billing/environments/production-environment)すると、本番環境URLが生成されます。

開発環境と本番環境のURLは形式がわずかに異なります。両方のURLには以下が含まれます：

* **Project Domain Name:** _Web Client Hosting_でホストする際にプロジェクトに生成される一意のドメイン名。例：_shipmenttracking-57673975_。
* **Application Domain:** ホストするすべてのCatalystアプリケーションのドメインで、'**catalystserverless.com**'です。

ただし、開発環境アプリケーションURLには**環境タイプ**も含まれ、その値は`development`です。例：'_https://shipmenttracking-57673975.**development**.catalystserverless.com_'。

本番環境URLには環境タイプは指定されません。つまり、本番環境URLは'_https://shipmenttracking-57673975.**development**.catalystserverless.com_'となります。

はじめにで述べたように、[ドメインをCatalystにマッピング](https://docs.catalyst.zoho.com/ja/cloud-scale/help/domain-mappings/introduction)して、そのURLを代わりに使用することもできます。

### アプリケーションバージョン管理

Catalystではアプリケーションのバージョン管理を簡単に行えます。`[client-package.json](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/)`設定ファイルには、Webクライアントのバージョン情報が含まれています。

`client-package.json`ファイルにバージョン情報を提供する際は、以下のガイドラインに従う必要があります：

1. `version`フィールドに小数形式でアプリケーションのバージョン番号を指定する必要があります。`version`は、JSONファイル作成時にデフォルトで'1.0.0'として指定されます。
2. Webアプリの後続の更新ごとに、次のバージョンを示すためにJSONファイルのバージョン番号を増分的に変更する必要があります。
3. Webアプリがホストされた後は、バージョン番号を減らしてはいけません。エラーが発生します。
4. Webアプリを変更して本番環境に変更をデプロイする場合、同じバージョン番号を保持してはいけません。Webアプリのバージョンを増分的に更新する必要があります。
5. 現在ライブのバージョンよりも低いバージョンのWebアプリを削除した場合、減分バージョンをデプロイできないため、そのバージョンを置き換えることはできません。ただし、現在ライブのバージョンよりも高いバージョンのWebアプリを削除した場合は、削除されたバージョンと同じバージョン番号でアプリの別のインスタンスをデプロイできます。

Webアプリのバージョン情報は、_Web Client Hosting_の[_App Version History_セクション](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/implementation/#update-a-web-application)に表示されます。