お知らせ:

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

CLIからのデプロイ

Catalyst Slateでは、Catalyst CLIを使用してアプリケーションをデプロイできます。ターミナルで事前定義されたCatalystコマンドを実行して、Slateの初期化、Slateテンプレートのセットアップ、ローカルのSlateアプリケーションとコンソール内のCatalystプロジェクトのリンクまたはリンク解除、およびSlateアプリケーションのデプロイを行うことができます。

このセクションでは、これらの操作を実行するための手順を説明します。

Slateの初期化

前提条件:Catalystアカウントを使用してCatalyst CLIにログインしてから、プロジェクトとSlateの初期化に進む必要があります。ログイン手順については、このCLIヘルプドキュメントを参照してください。

アプリケーションのディレクトリ内で直接Slateサービスを初期化するか、新しいディレクトリから初期化できます。プロジェクトの初期化時にSlateを選択した場合は、以下の手順に従ってください:

以下のコマンドを使用してSlateサービスを直接初期化することもできます:

copy
$
catalyst init slate
  1. Slateにデプロイするアプリケーションのクライアントフレームワークを選択します。Enterキーを押して確認します。

slate-init

注意: このプロセスにより、選択したフレームワークに基づくボイラープレートテンプレートがプロジェクトディレクトリに自動的にダウンロードされ、カスタマイズしてSlateにデプロイできます。
  1. アプリケーション名を入力してEnterキーを押します。CLIは選択したフレームワークに基づいてSlateアプリケーションのデフォルト設定を行います。

この設定には、install commandとbuild command、および各フレームワークのbuild pathが含まれます。デフォルト設定のまま進める場合はNを入力します。変更が必要な場合はYを入力してください。

slate-init-1

注意:
  • install commandは、通常パッケージマネージャーを使用して必要な依存関係をインストールします。

  • build commandは、development codeをproduction codeに変換するスクリプトです。

  • build pathは、ビルドプロセスの実行後に本番環境用に最適化されたファイルが生成されるディレクトリです。

デフォルトでは、これらのコマンドはnpmパッケージマネージャーで実行されます(例:npm installnpm run build)。パッケージマネージャーを変更する場合は、Nを入力して必要なコマンドを指定できます。

設定を確認すると、選択したフレームワークのSlateテンプレートコードがプロジェクトディレクトリにダウンロードされ、プロジェクトディレクトリとCatalyst Slateサービス間の接続として機能するcatalyst.jsonファイルにエントリが追加されます。

ローカルでアプリケーションを提供する際に実行する特定のコマンドを、開発コマンドとして入力してEnterキーを押すことで指定できます。

slate-init-2


追加のSlateアプリケーションの作成

プロジェクトディレクトリがすでにCatalystプロジェクトにリンクされ、Slateが初期化されている場合は、以下の手順で新しいSlateアプリケーションをプロジェクトディレクトリに直接追加できます。この操作により、選択したフロントエンドフレームワークに基づいたSlateテンプレートコードがプロジェクトディレクトリに自動的に追加されます。

  1. Slateサービスのプロジェクトディレクトリからターミナルで以下のコマンドを実行します:
copy
$
catalyst slate:create
  1. Slateアプリケーションに必要なフレームワークを選択し、アプリケーション名を指定します。

slate-create

  1. 選択したフレームワークに基づき、install commandとbuild command、フレームワークのbuild pathが自動的に検出されます。デフォルト設定のまま進める場合はNを入力します。変更が必要な場合はYを入力してください。

slate-init

ローカルでアプリケーションを提供する際に実行する特定のコマンドを、開発コマンドとして入力してEnterキーを押すことで指定できます。

すべての設定が更新されると、Slateアプリケーションがプロジェクトディレクトリに作成されます。

slate-init

**catalyst.json**ファイルが、新しく作成されたSlateアプリケーションの詳細で更新されます。

アプリケーション名と必要なフレームワークを直接指定してSlateアプリケーションを作成することもできます。ターミナルで以下のコマンドを実行します:

copy
$
catalyst slate:create --name <name> --framework <framework_name>

Slateアプリケーションのリンク

既存のプロジェクトをSlateにデプロイするには、プロジェクトのroot pathをSlateサービスにリンクする必要があります。これを行うには、まずSlateサービスを初期化する必要があります。このリンクにより、プロジェクトディレクトリとSlateサービスがローカルで接続され、コンソールにデプロイするにはデプロイコマンドを使用する必要があります。

このオプションは、Slateがサポートするフレームワークのアプリケーションが元々Slateサービスとして初期化されていなかったが、後からSlateサービスとしてデプロイしたい場合に使用できます。

ディレクトリをSlateにリンクするには:

  1. アプリケーションのプロジェクトディレクトリからターミナルで以下のコマンドを実行します:
copy
$
catalyst slate:link
  1. Slateサービスにリンクするソースパスを選択し、Enterキーを押します。

slate-link

  1. 必要に応じてアプリケーション名を指定し、Enterキーを押します。

slate-link-1

アプリケーションのフレームワークが自動的に検出され、installbuildコマンド、およびbuild pathとともに表示されます。自動検出されない場合は、ターミナルから手動でフレームワークを選択できます。

  1. デフォルト設定のまま進める場合はNを入力します。変更が必要な場合はYを入力してください。

slate-link-2

ローカルでアプリケーションを提供する際に実行する特定のコマンドを、開発コマンドとして入力してEnterキーを押すことで指定できます。

設定が完了すると、プロジェクトディレクトリのパスとSlateサービス間の接続を確立するためのエントリがcatalyst.jsonファイルに作成されます。

slate-link-3-updated


Slateアプリケーションのリンク解除

以下の手順を使用して、プロジェクトディレクトリとSlateサービス間の接続を削除できます。この操作により、プロジェクトディレクトリ内のSlate設定のみが削除されます。すでにアプリケーションをデプロイしている場合、Catalystコンソール内の設定は削除されません。

  1. アプリケーションのプロジェクトディレクトリからターミナルで以下のコマンドを実行します:
copy
$
catalyst slate:unlink
  1. 矢印キーを使用してアプリケーションを選択し、Enterキーを押して確認します。

slate-unlink

  1. Yesを入力すると、アプリケーションからSlate設定、catalyst.jsonファイル内のエントリ、およびアプリケーションのsource codeが削除されます。Noを入力すると、アプリケーションのsource codeを保持したまま、catalyst.jsonファイル内のエントリのみが削除されます。

slate-unlink-1

同じ操作で、アプリケーション名を直接指定して以下のコマンドを使用することもできます:

copy
$
catalyst slate:unlink --name <<app_name>>

Slateアプリケーションのローカル提供

ローカルでプロジェクトディレクトリに移動し、以下のコマンドを実行することで、CatalystプロジェクトのSlateアプリケーションをローカルでホストできます:

copy
$
catalyst serve --only slate

このcatalyst serveコマンドは、cli-config.jsonファイルで定義されたdev_commandを実行してSlateアプリケーションをローカルで起動します。このdev_commandは、Slateアプリケーションをリンクまたは作成した際にファイルに設定されます。

catalyst serveコマンドを実行する前に、dev_commandにアプリケーションのstart commandとZC_SLATE_PORTを含めるように更新する必要があります。たとえば、Reactアプリケーションで作業している場合は、コマンドを以下のように更新します:

PORT=$ZC_SLATE_PORT npm start

dev-command

アプリケーションのフレームワークに基づいてstart commandを設定する必要があります。Catalyst Slateがサポートするフレームワークのデフォルトのstart commandについては、以下の表を参照してください。必要に応じて、アプリケーションのニーズに合わせてstart commandを変更できます。

フレームワーク デフォルトのStart Command
Create React App PORT=$ZC_SLATE_PORT npm start
Solid JS(Vite) npm run dev -- --port $ZC_SLATE_PORT
React + Vite npm run dev -- --port $ZC_SLATE_PORT
Next.js npm run dev -- --port $ZC_SLATE_PORT
Astro npm run dev -- --port $ZC_SLATE_PORT
Angular npm start -- --port $ZC_SLATE_PORT
Vue (Vite) npm run dev -- --port $ZC_SLATE_PORT
Preact npm run dev -- --port $ZC_SLATE_PORT
Svelte npm run dev -- --port $ZC_SLATE_PORT

Slateアプリケーションを提供すると、cli-config.jsonファイルに記載されたstart commandがローカルサーバーでアプリケーションを実行し、CLIがSlateアプリケーションにアクセスするためのURLを表示します。

serve-slate

ローカルでのアプリケーションテストが完了したら、リモートコンソールへのデプロイに進むことができます。次のセクションでデプロイコマンドについて説明します。

Slateへのデプロイ

以下の手順を使用して、フロントエンドWebアプリケーションをCatalyst Slateにデプロイできます。Slateにアプリケーションをデプロイする前に、プロジェクトディレクトリがSlateサービスにリンクされていることを確認してください。これには、catalyst slate:linkコマンドを使用できます。

Slateサービスのプロジェクトディレクトリからターミナルで以下のコマンドを実行します:

copy
$
catalyst deploy slate

これにより、プロジェクトディレクトリ内のすべてのSlateコンポーネントがCatalyst開発環境にデプロイされます。

以下のオプションを使用して、Slateデプロイメントにデプロイメッセージを指定できます。

copy
$
catalyst deploy slate -m "deployment message"

プロジェクトディレクトリから特定のアプリケーションをSlateにデプロイするには、以下のコマンドを使用できます:

copy
$
catalyst deploy --only slate:appname

アプリケーションを本番環境にデプロイする場合は、以下のコマンドを使用します。本番環境へのデプロイを開始する前に、コンソールで本番環境にアクセスしていることを確認してください。

copy
$
catalyst deploy slate --production

最終更新日 2026-02-23 18:09:41 +0530 IST