お知らせ:

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

Alien City

はじめに

このチュートリアルでは、都市でのエイリアン遭遇を報告・検索できるAlien CityというシンプルなWebアプリケーションを構築します。Alien Cityは、Catalystを使用したシングルページサーバーレスアプリケーションです。

クライアントアプリケーションは以下のように表示されます:

/catalyst_alien_city_home_page

以下のリンクから、実際に動作するアプリケーションにアクセスして機能を確認できます: アプリを試す

Alien Cityアプリケーションは、以下のCatalystサービスのコンポーネントを利用しています:

Catalyst Serverless:

  • Advanced I/O Function: Advanced I/O functionは、JavaNode.js、またはPythonプラットフォームでビジネスロジックをコーディングできるコンポーネントです。都市でのエイリアン遭遇を報告または確認するためのAPIが含まれています。

Catalyst Cloud Scale:

  • Web Client: Web Client Hostingを通じてCatalyst上にホストされるアプリケーションのフロントエンドです。

  • Data Store: エイリアン遭遇が報告された都市のデータベースを保存します。

  • ZCQL: クエリを使用してData Storeからデータを取得します。

このアプリケーションの構築には、Catalyst WebコンソールCatalyst Command Line Interface(CLI)を使用します。

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

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

Alien Cityアプリケーションの動作は以下のとおりです:

  • エイリアン遭遇の報告
    ユーザーがエイリアンに遭遇した都市の名前を入力します。その都市が以前に報告済みの場合、クライアントはその旨を通知するメッセージを表示します。未報告の都市の場合、そのデータがData Storeのテーブルに追加されます。

  • エイリアン遭遇の確認
    ユーザーが都市名を入力して、その都市でのエイリアン遭遇の記録を確認します。Data Storeにその都市の記録が存在する場合、クライアントは肯定的なレスポンスを表示します。存在しない場合は、否定的なレスポンスを表示します。

alien-city-client


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

最短完了時間:

20 mins

難易度:

Beginner

関連サービス

Serverless Cloud Scale

関連コンポーネント

Functions Web Client Data Store ZCQL