---
title: "アプリケーションのテスト"
url: https://docs.catalyst.zoho.com/ja/tutorials/todo-list/java/test-application/
description: "Catalyst Advanced I/O FunctionとCatalyst Data Storeを使用して、Basic、React、またはAngularのTo-Doリストウェブアプリケーションを構築します。タスクの記録と完了後の削除が可能です。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "CLIリソースの提供"
    url: /ja/cli/v1/serve-resources/introduction
  - name: "データストア"
    url: /ja/cloud-scale/help/data-store/introduction
---

# アプリケーションのテスト

アプリケーションをリモートコンソールにデプロイする前に、Catalyst CLIを使用してローカルサーバーでアプリケーションをテストし、すべてが正常に動作するか確認できます。`catalyst serve`の詳細については、[リソースの提供ヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction)を参照してください。

Catalystプロジェクトをローカルで提供するには、プロジェクトディレクトリから以下のコマンドを実行します：

```sh
 catalyst serve 
```

ToDoリストアプリケーションがデフォルトポート3000で提供されます。コンポーネントのローカルエンドポイントURLが表示されます。

**Basic Webアプリ**

![catalyst_todo_basic_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_basic_serve.webp)

**Angular Webアプリ**

![catalyst_todo_angular_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_angular_serve.webp)

**React Webアプリ**

![catalyst_todo_react_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_react_serve.webp)

> **Note**: クライアントのホームページやサブページ、またはファンクションにアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。

ブラウザでクライアントコンポーネントのローカルURLを開いて、アプリケーションにアクセスできます。

![catalyst_todo_serve_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_1.webp)

ToDoリストにタスクを追加してアプリケーションをテストしましょう。タスクを入力して**Create Task**をクリックします。

![catalyst_todo_serve_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_2.webp)

タスクが追加され、アプリに表示されます。

![catalyst_todo_serve_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_3.webp)

これを確認しましょう。Catalystコンソールの**Data Store**から_TodoItems_テーブルを開きます。

**Data View**タブをクリックしてレコードを表示します。追加されたリストアイテムに対応する行が作成されています。

![catalyst_datastore_dataview](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_datastore_dataview.webp)

ToDoリストアプリにさらにいくつかのタスクを追加しましょう。これで削除操作をテストできます。

![catalyst_todo_serve_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_4.webp)

タスクにカーソルを合わせると、右上隅に削除アイコンが表示されます。アイコンをクリックすると削除操作が実行されます。タスクがリストから削除され、アプリが更新されたリストを表示します。

![catalyst_todo_serve_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_todo_serve_5.webp)

Data Storeでレコードが削除されたか確認しましょう。**Data Store**で_TodoItems_テーブルを開き、**Data View**をクリックしてレコードを表示します。リストアイテムの行がテーブルから削除されています。

![catalyst_datastore_dataview_deleted](https://catalyst-docs-development.zohostratus.in/images/tutorials/todo-list/catalyst_datastore_dataview_deleted.webp)

このセットアップが正常に動作していれば、アプリケーションを本番環境にデプロイできます。