---
title: "Clientディレクトリ"
url: https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/client-directory/
description: "プロジェクトディレクトリ構造は、CLIからCatalystプロジェクトを初期化した際に作成されるデフォルトのディレクトリ構造を指します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: general
---

# Clientディレクトリ

プロジェクトディレクトリ内の`client`フォルダには、アプリケーションのフロントエンドのすべてのコンポーネントが含まれています。これには、ウェブページのHTMLファイル、CSSファイル、ウェブページのアクション可能な要素を有効にするJavaScriptファイル、およびその他の必要なファイルが含まれます。

### Clientディレクトリファイル

デフォルトでは、clientフォルダは以下のファイルでセットアップされます：

![Project Directory Structure- Client Directory](https://catalyst-docs-development.zohostratus.in/images/cli/project-directory-structure/catalyst_proj_dir_client_dir.webp)

`index.html`:

`index.html`ファイルは、Webアプリケーションのホームページのデフォルトファイル名です。サンプルコード構造で作成されます。

`main.css`:

`main.css`ファイルには、Webアプリケーションのページのスタイリングが含まれています。空のファイルとして作成されます。

`main.js`:

`main.js`ファイルは、Webアプリケーションのホームページの機能を定義します。空のファイルとして作成されます。

### client-package jsonファイル

`client-package.json`は、Clientリソースの設定ファイルです。デフォルトで以下のアプリケーション仕様が含まれています：

```json
{
"name":"shipmentTracking",
"version":"0.0.2",
"homepage":"index.html",
"login_redirect":"home.html",
"404":"custom404.html"
}

```

* `name:` Webクライアントの名前です。名前を設定してアプリケーションをホストした後は、変更しないでください。ホスト後にWebアプリケーションの名前を変更すると、エラーが発生します。
* `version:` ホストされているWebアプリケーションのバージョンで、小数形式です。アプリケーションの更新ごとに、バージョン番号を増分方式で変更できます。バージョン番号を減らすことはできません。
* `homepage:` WebアプリケーションのホームページのURLです。index.htmlファイルの名前を変更した場合、このファイルの値もそれに応じて変更する必要があります。

これらの必須仕様に加えて、以下のプロパティも含めることができます：

* `description:` Webアプリケーションの説明です。バージョンアップグレード時に変更できます。
* `login\_redirect:` Webアプリケーションへのログイン成功後にユーザーがリダイレクトされるページです。
* `404:` アプリケーション用に作成できるカスタム404ページです。アプリケーションのユーザーが存在しないページにアクセスして404エラーが発生するたびに、このカスタムページにリダイレクトされます。

> **注意:**

* `404`キーを使用してカスタム404ページへのパスを指定する場合、そのファイルには任意の名前を付けることができます。`client-package.json`ファイルで`404`キーを設定しない場合でも、ディレクトリに正確に`404.html`という名前のページを含めることができます。

* Catalystは`clientpackage.json`ファイル内の`404`キーを検索します。存在する場合、アプリケーションで404エラーが発生した際にCatalystはそのファイルをレンダリングします。アプリにカスタム404ページのパスが指定されていない場合、Catalystはクライアントディレクトリ内の_404.html_という名前のファイルを検索します。どちらも存在しない場合、ユーザーはCatalystが提供するデフォルトの404ページにリダイレクトされます。

Webアプリケーションのクライアントファイルをさらに追加し、必要に応じてclientフォルダ内にサブフォルダを作成できます。ただし、`client-package.json`ファイルは、クライアントリソースのルートにのみ必ず配置する必要があり、サブフォルダ内には配置できません。

> **注意:**

* Webアプリケーションのホームページと`client-package.json`ファイルは、クライアントディレクトリに必ず存在する必要があります。CSSおよびJSファイルは、アプリケーションの機能に基づいてオプションです。必要ない場合は、`main.css`と`main.js`ファイルを削除できます。

* Webアプリケーションをホストする際、`client-package.json`ファイルに記載されている仕様が正確であり、上記のすべてのガイドラインに従っていることを確認する必要があります。Webアプリケーションのホスティングの詳細については、[Web Client Hosting](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)を参照してください。

* プロジェクトでの作業中に、CLIを使用していつでもClientコンポーネントをセットアップできます。詳しくは、[Clientの操作](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-the-client/introduction/)を参照してください。