---
title: "はじめに"
url: https://docs.catalyst.zoho.com/ja/tutorials/newsapp/nodejs/introduction/
description: "Catalyst Job Scheduling Cronコンポーネントと、Node.jsで記述されたJob FunctionおよびAdvanced I/O Functionを使用して、サードパーティサービスから定期的にニュースを自動取得するWebニュースアプリケーションを構築します。"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "プロジェクトディレクトリ構造"
    url: /ja/cli/v1/project-directory-structure/introduction/
  - name: "News API"
    url: https://newsapi.org/
---

# NewsApp

### はじめに

このチュートリアルでは、**The Daily Broadcast** というニュースアプリケーションを作成します。このアプリケーションは、複数の信頼できるソースから最新ニュースを取得し、定義された時間間隔でコンテンツを更新し、更新されたニュースをアプリケーション内に表示します。

この目的のために、[NewsAPI](https://newsapi.org/)を使用します。これは、ビジネス、エンターテインメント、健康、科学、スポーツ、テクノロジーなど、さまざまなカテゴリのヘッドラインをWeb上のソースから取得するサードパーティサービスです。このAPIをアプリケーションに統合し、元の記事へのリンクとともにニュースを表示します。

クライアントアプリケーションの最終的な見た目は以下の画面のようになります：

![final-look](https://catalyst-docs-development.zohostratus.in/images/tutorials/cron/final-look.webp)

動作するアプリケーションはこちらからアクセスできます：[アプリを試す！](https://news-fetcher.catalystserverlessapp.com/app/)

以下のCatalystサービスとそのコンポーネントを使用してニュースアプリケーションを構築します。それぞれがアーキテクチャ全体で重要な役割を果たします：

1. [**Catalyst Serverless**](https://docs.catalyst.zoho.com/ja/serverless/getting-started/introduction/)：
    - **[Advanced I/O Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/advanced-io/)**：この関数は**NodeJS**で記述されており、アプリケーションのAPIレイヤーとして機能します。Catalyst Cloud Scale Data Storeからニュースデータを取得し、JSONレスポンスとしてフロントエンドに配信します。

    - **[Job Function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/job-functions/)**：この関数はNodeJSで記述されており、[NewsAPI](https://newsapi.org/)を呼び出し、さまざまなカテゴリの最新ヘッドラインを取得してData Storeに保存するロジックを含んでいます。

2. [**Catalyst Cloud Scale**](https://docs.catalyst.zoho.com/ja/cloud-scale/getting-started/introduction/)：

    - **[Data Store](https://docs.catalyst.zoho.com/ja/cloud-scale/help/data-store/introduction/)**：このコンポーネントは、[NewsAPI](https://newsapi.org/)から取得したすべてのニュースデータの中央ストレージとして機能します。ニュースコンテンツへの高速でスケーラブルなアクセスを保証します。
    - **[ZCQL](https://docs.catalyst.zoho.com/ja/cloud-scale/help/zcql/introduction/)**：このコンポーネントは、Data Storeを効率的にクエリし、関連するニュースデータを取得するために使用されます。
    - **[Web Client Hosting](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)**：このコンポーネントは、アプリケーションのフロントエンドをホストし、ユーザーがWebインターフェースを通じてシームレスにニュースコンテンツを閲覧できるようにします。

3. **[Catalyst Job Scheduling](https://docs.catalyst.zoho.com/ja/job-scheduling/getting-started/introduction/)**：このコンポーネントは、Job Functionの定期的な実行を可能にし、定義された間隔でアプリケーションが最新のニュースで更新されることを保証します。

これらのコンポーネントを組み合わせることで、信頼できるソースからの最新情報を常に把握できる、完全に機能する自動化されたニュースアプリケーションが実現します。このアプリケーションの構築には、Catalyst WebコンソールとCatalyst Command Line Interface（CLI）を使用します。

このチュートリアルでは、関数およびクライアントコンポーネントに含めるファイルのコードが提供されます。このガイドに記載されたコードをコピーし、指示に従って適切なファイルに貼り付けるだけです。

### アプリケーションアーキテクチャ

ニュースアプリケーションのアーキテクチャは、以下のワークフロー図に示されています：

![app-arch](https://catalyst-docs-development.zohostratus.in/images/tutorials/cron/app-arch.webp)