--- title: "クイックスタートガイド" url: https://docs.catalyst.zoho.com/ja/smartbrowz/getting-started/quick-start-guide/ description: "Catalystクラウド環境でリモートブラウザに接続し、コードを通じてブラウザを制御し、動的コンテンツを含むビジュアルドキュメントやテンプレートを生成するCatalyst SmartBrowzの使い方を学びます。" last_updated: 2026-02-23T12:39:41Z service: SmartBrowz type: general --- # Catalyst SmartBrowz - クイックスタートガイド Catalyst SmartBrowzは、ブラウザ自動化タスク、機能テスト、ビジュアルドキュメントの生成に活用できる強力なクラウドサービスです。このセクションでは、Catalystクラウド環境でリモートブラウザに接続し、自動化ライブラリで管理し、SmartBrowzコンポーネントを活用してウェブページのビジュアルドキュメントを生成するまでの全体的な手順を説明します。また、ブラウザタスクを実装するロジックを含む[Serverlessファンクション](https://docs.catalyst.zoho.com/ja/serverless/help/functions/introduction/)を構築することもできます。 #### プロジェクトの作成 1. [Catalystコンソール](https://console.catalyst.zoho.com/baas/index)で[新しいプロジェクトを作成](https://docs.catalyst.zoho.com/ja/getting-started/catalyst-projects/#creating-a-catalyst-project)します。プロジェクトの作成が完了すると、コンソールからSmartBrowzのすべてのコンポーネントおよび他のCatalystサービスにアクセスできるようになります。 #### Catalyst SmartBrowzコンポーネントへのアクセス 2. [Headlessコンポーネント](https://docs.catalyst.zoho.com/ja/smartbrowz/help/headless/introduction/)を使用して、コンソールに用意されているコードスニペットと適切なエンドポイントを使って、一般的なブラウザ自動化ライブラリでCatalystクラウド環境のリモートブラウザに接続できます。 * Seleniumなどの自動化ライブラリを使用する場合は、Webdriverエンドポイントを使用して接続する必要があります。 * PuppeteerまたはPlaywrightを使用する場合は、CDPエンドポイントを使用して接続する必要があります。 > **注意:** * エンドポイントの使用に必要な`API Key`は、**Remote Browser Options**ボタンの**View Key**オプションからコピーできます。 * リモートブラウザに接続する前に、ローカルシステムに必要なブラウザ自動化ライブラリがインストールされていることを確認する必要があります。 3. コンソールに用意されている[コードレシピ](https://github.com/catalystbyzoho/smartbrowz/tree/main/examples/headless-recipes)をコピーして[Browser Logicファンクション](https://docs.catalyst.zoho.com/ja/smartbrowz/help/browser-logic/introduction/)に貼り付けることで、テストできます。 > **注意:** Catalyst SmartBrowzの大部分の機能を使用するために[Catalyst CLI](https://docs.catalyst.zoho.com/ja/api/introduction/overview-and-prerequisites/#OverviewandPrerequisites)は必要ありません。ただし、お好みのIDEで[Browser Logicファンクション](https://docs.catalyst.zoho.com/ja/smartbrowz/help/browser-logic/introduction/)をコーディングするには、[Catalyst CLIをインストール](https://docs.catalyst.zoho.com/ja/getting-started/quick-start-guide/#step-2-install-catalyst-cli)し、[ログイン](https://docs.catalyst.zoho.com/ja/getting-started/quick-start-guide/#step-3-log-in-from-your-cli)し、[CLIからプロジェクトとファンクションを初期化](https://docs.catalyst.zoho.com/ja/getting-started/quick-start-guide/#step-4-initialize-the-project-from-the-cli)する必要があります。また、ファンクションの[`serve`](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/)と[`deploy`](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/introduction/)にもCLIが必要です。 4. [PDF & Screenshots](https://docs.catalyst.zoho.com/ja/smartbrowz/help/pdfnscreenshot/introduction/)コンポーネントを使用して、コンソールに用意されているPlaygroundを通じて、HTML、URL、または[テンプレート](https://docs.catalyst.zoho.com/ja/smartbrowz/help/templates/create-templates/)による入力を提供してビジュアルコンテンツを生成できます。また、コンソールに用意されているSDKとAPIを使用して、プログラム的にPDFとスクリーンショットを生成することもできます。 5. [テンプレートコンポーネント](https://docs.catalyst.zoho.com/ja/smartbrowz/help/templates/create-templates/)を使用して、動的コンテンツを含むビジュアルドキュメントを生成するためのテンプレートをデザインして保存できます。テンプレートの使用方法については、このヘルプドキュメントを参照してください。 このセクション[section](https://docs.catalyst.zoho.com/ja/tutorials/)に用意されているチュートリアルを通じて、SmartBrowzのさまざまなコンポーネントに慣れることができます。 #### アプリケーションの構築 6. Catalyst CLIを使用してプロジェクトをローカルで初期化し、[Java](https://docs.catalyst.zoho.com/ja/sdk/java/v1/overview/)、[Node.js](https://docs.catalyst.zoho.com/ja/sdk/nodejs/v2/overview/)、または[Python](https://docs.catalyst.zoho.com/ja/sdk/python/v1/overview/)を使用して、外部IDEで[Catalyst Serverlessファンクション](https://docs.catalyst.zoho.com/ja/serverless/help/functions/introduction/)にビジネスロジックをコーディングし始めるか、コンソールで直接作成できます。また、[Catalyst SDK](https://docs.catalyst.zoho.com/ja/getting-started/catalyst-sdk/)のコードテンプレートを活用し、[Catalyst API](https://docs.catalyst.zoho.com/ja/api/introduction/overview-and-prerequisites/#OverviewandPrerequisites)のビルド済みAPIエンドポイントを使用してCloud Scaleコンポーネントをビジネスロジックに組み込むこともできます。さらに、アプリケーションに直接組み込める既製のマイクロサービスである[Catalyst CodeLib](https://docs.catalyst.zoho.com/ja/codelib/introduction/)を使用するオプションもあります。また、[Catalyst Zia Services](https://docs.catalyst.zoho.com/ja/zia-services/getting-started/introduction/)のAI/ML搭載コンポーネントを使用してアプリケーションを強化することもできます。 #### アプリケーションのテスト 7. [`catalyst serve`](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction/)を使用して、リモートコンソールにデプロイする前にアプリケーションのクライアントコンポーネントをローカルでテストできます。また、Catalyst shellコマンド[`catalyst functions:shell`](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-functions/functions-shell/)を使用してファンクションのデバッグとテストを行うこともできます。 #### アプリケーションのデプロイ 8. CLIコマンド`catalyst deploy`を使用して、CLIからリモートコンソールのプロジェクトにアプリケーションを[デプロイ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/introduction/)できます。ファンクション、クライアント、アプリサービスをデプロイできます。 #### 開発から本番環境へのアプリケーションの移行 9. アプリケーションの移行準備が整ったら、この[ヘルプドキュメント](https://docs.catalyst.zoho.com/ja/deployment-and-billing/environments/initial-deployment/)の手順に従って、開発環境から本番環境にスムーズにデプロイできます。また、[ドメインマッピングコンポーネント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/domain-mappings/introduction/)を使用して、アプリケーションの[本番URL](https://docs.catalyst.zoho.com/ja/deployment-and-billing/environments/production-environment/#function-url-and-web-app-url-in-the-production-environment)を独自のカスタムドメインにセキュアにマッピングできます。さらに、Catalystはアプリケーションの下にマッピングするすべてのドメインに対してグループSSL証明書を無料で提供します。ただし、本番環境にデプロイする前に[Catalystの支払い設定](https://docs.catalyst.zoho.com/ja/deployment-and-billing/billing/introduction/)が完了していることを確認してください。 > **注意:** ここで指定された手順の順序は、ビジネスまたはアプリケーションのロジック、または特定のユースケースに基づいて異なる場合があります。アプリケーションのデプロイとテストフェーズで説明されたフローは、要件に基づいて変更できます。これは、一般的な小規模から中規模のクライアントベースのアプリケーションまたはマイクロサービスに適した一般的なガイドラインのセットです。