お知らせ:

当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

NewsApp

はじめに

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

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

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

final-look

動作するアプリケーションはこちらからアクセスできます:アプリを試す!

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

  1. Catalyst Serverless

    • Advanced I/O Function:この関数はNodeJSで記述されており、アプリケーションのAPIレイヤーとして機能します。Catalyst Cloud Scale Data Storeからニュースデータを取得し、JSONレスポンスとしてフロントエンドに配信します。

    • Job Function:この関数はNodeJSで記述されており、NewsAPIを呼び出し、さまざまなカテゴリの最新ヘッドラインを取得してData Storeに保存するロジックを含んでいます。

  2. Catalyst Cloud Scale

    • Data Store:このコンポーネントは、NewsAPIから取得したすべてのニュースデータの中央ストレージとして機能します。ニュースコンテンツへの高速でスケーラブルなアクセスを保証します。
    • ZCQL:このコンポーネントは、Data Storeを効率的にクエリし、関連するニュースデータを取得するために使用されます。
    • Web Client Hosting:このコンポーネントは、アプリケーションのフロントエンドをホストし、ユーザーがWebインターフェースを通じてシームレスにニュースコンテンツを閲覧できるようにします。
  3. Catalyst Job Scheduling:このコンポーネントは、Job Functionの定期的な実行を可能にし、定義された間隔でアプリケーションが最新のニュースで更新されることを保証します。

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

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

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

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

app-arch

最終更新日 2026-03-05 11:43:24 +0530 IST

最短完了時間:

30 mins

難易度:

Intermediate

関連コンポーネント

Functions Web Client Data Store ZCQL