--- title: "実装" url: https://docs.catalyst.zoho.com/ja/smartbrowz/help/browser-logic/implementation/ description: "手動で行うブラウザタスクをコードで実行するCatalyst Serverlessファンクションをコーディングします。" last_updated: 2026-08-17T12:16:04Z service: SmartBrowz type: general --- # 実装 Catalyst CLIを通じてBrowser Logicファンクションを作成・初期化するための以下の手順を実装します。CLIの初期化やその他のCLI操作の詳細については、[CLIヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cli/v1/cli-command-reference/)を参照してください。 ファンクションを初期化する前に、ローカルシステムに必要なブラウザ自動化ライブラリをインストールする必要があります。Catalystがテンプレートを提供している自動化ライブラリのインストール手順は以下の通りです： * [Puppeteerのインストール](https://pptr.dev/) * [Seleniumのインストール](https://www.selenium.dev/) * [Playwrightのインストール](https://playwright.dev/) ### Browser Logicファンクションの作成 ローカルディレクトリから新しいプロジェクトを初期化するか、既存のプロジェクトディレクトリに[ファンクションを追加](https://docs.catalyst.zoho.com/ja/cli/v1/working-with-functions/add-functions/)して、Browser Logicファンクションの初期化を開始できます： 1. コンソールまたはCLIを通じてプロジェクトを[作成または初期化](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-new-project/)し、CLIで[ファンクションセットアップ](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-functions/)を開始します。 2. ファンクションタイプとして*Browser Logic*を選択し、**Enter**をクリックします。 ![catalyst_smartbrowz_browser_logic_cli_func_setup](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_cli_func_setup.webp) 3. お好みのファンクションスタックとして、*Java*または*NodeJS*の最新サポートランタイムを選択し、**Enter**をクリックします。 ![catalyst_smartbrowz_browser_logic_cli_node_select](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_cli_node_select.webp) 4. 以下を選択してファンクションを作成した場合： - **Javaファンクションスタック** **Selenium**のみでBrowser Logicファンクションを初期化できます。**Enter**を押してください。 ![catalyst_smartbrowz_browser_logic_selenium_javac](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_selenium_javac.webp) - **NodeJSファンクションスタック** お好みの自動化ライブラリを選択し、**Enter**を押してください。 ![catalyst_smartbrowz_browser_logic_cli_nodejs_lib](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_cli_nodejs_lib.webp) 必要なプロジェクトまたは[ファンクションの依存関係と設定ファイル](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/functions-directory/)とともに、Browser Logicファンクションが正常に作成されます。 #### Java: ![catalyst_smartbrowz_browser_logic_java_complete](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_java_complete.webp) #### NodeJS: ![catalyst_smartbrowz_browser_logic_node_complete](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_node_complete.webp) お好みのIDEを使用してファンクションをコーディングできます。 ### Browser Logicファンクションのサーブ Browser Logicファンクションをテストする前に、ローカルシステムで以下の手順を実行する必要があります： * Browser LogicはChromeウェブブラウザのみをサポートしているため、お使いのオペレーティングシステムに適したChromeドライバーを[こちら](https://googlechromelabs.github.io/chrome-for-testing/#stable.)からダウンロードする必要があります。 * ローカルシステムの`.bashrc`ファイルに移動し、以下の環境変数を設定します： ```json export CHROME_EXECUTABLE_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" // 先ほどダウンロードしたChromeドライバーの値に置き換えてください export CHROMEDRIVER_EXECUTABLE_PATH="/usr/local/bin/chromedriver" // Chromeブラウザのローカルの場所の値に置き換えてください ``` お好みのIDEでBrowser Logicファンクションをコーディングしたら、以下のCLIコマンドを使用してファンクションの機能をテストできます： ```sh catalyst serve ``` このCLIコマンドは、Browser Logicファンクションを含むプロジェクトのすべてのリソースをサーブします。Catalystのサーブリソースの詳細については、この[ヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/serve-all-resources/)を参照してください。 上記のコマンドを実行すると、**デフォルトポート3000**でローカルサーブが開始され、ファンクションのセキュアなエンドポイントURLがCatalystによって生成され、CLIに表示されます。 ![catalyst_smartbrowwz_browserlogic_catalyst_serve](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowwz_browserlogic_catalyst_serve.webp) このURLを使用して、ブラウザでBrowser Logicファンクションをテストできます。 ### Browser Logicファンクションのデプロイ ファンクションのコーディングとテストが完了したら、Catalyst CLIを使用してデプロイするか、ファンクションをZIPファイルとしてコンソールにアップロードできます。 #### Catalyst CLIを使用したデプロイ プロジェクトまたはファンクションディレクトリから以下のコマンドを実行します： ```sh catalyst deploy ``` ファンクションがコンソールにデプロイされ、ファンクションの呼び出しURLが生成されます。このURLを使用して、ファンクションに直接アクセスしたり、コードで使用したり、ファンクションに直接アクセスする必要があるあらゆる目的に使用できます。 ![catalyst_smartbrowz_browser_logic_cli_deploy](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_cli_deploy.webp) catalyst deployの仕組みの詳細については、この[ヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/introduction/)を参照してください。 ### コンソールでZIPファイルとしてファンクションをアップロード **SmartBrowz -> Browser Logic**に移動するか、**Serverless -> Functions**に移動してファンクションをアップロードできます。以下の手順は、*SmartBrowz*の*Browser Logic*セクションからファンクションをアップロードする場合の手順です。 Browser Logicファンクションをコンソールにアップロードするには、以下の手順を実行します： 1. Catalystコンソールの*SmartBrowz*サービスセクション内の*Browser Control*の下にある**Browser Logic**コンポーネントに移動します。**Create Browser Logic**をクリックします。 ![catalyst_smartbrowz_browser_logic_console_main](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_console_main.webp) 2. **Console**タブをクリックします。 ![catalyst_smartbrowz_browser_logic_console](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_console.webp) 3. ファンクション名を入力し、Browser Logicファンクションを作成したファンクションスタックを選択します。 ![catalyst_smartbrowz_browser_logic_console_name_stack](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_console_name_stack.webp) 4. ファンクションディレクトリをZIPファイルとしてアップロードします。 ![catalyst_smartbrowz_browser_logic_stack_upload](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_stack_upload.webp) コンソールで*Java*または*Node.JS*のファンクションバンドルをアップロードする際は、以下を確認してください： * ファンクションフォルダ全体を圧縮するのではなく、ファンクションフォルダ内に移動し、その中のすべてのファイルを選択してから一緒に圧縮してください。これは、CatalystがJavaまたはNode.jsファンクションのZIPファイルを展開する際に、[`catalyst-config.json`](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/functions-directory/)ファイルがルートに存在している必要があるためです。 * ファンクションのディレクトリに[標準構造](https://docs.catalyst.zoho.com/ja/cli/v1/project-directory-structure/catalyst-json/)のすべての必要な設定ファイルが含まれていること。 * コンソールで入力するファンクション名が、Node.jsの場合は`package.json`、JavaとNode.jsの両方の場合は`catalyst-config.json`で設定された名前と一致すること。ZIPファイルの名前は任意です。 * コンソールで選択するスタックバージョンが、JavaとNode.jsの両方のファンクションの`catalyst-config.json`で設定されたスタックバージョンと一致すること。 5. **ファンクションメモリの設定**: Catalystでは、各ファンクションのメモリを設定できます。このメモリは、ファンクションの実行時に割り当てられます。 ファンクションに割り当てられるデフォルトメモリは256 MBです。つまり、メモリを設定しない場合、またはこの機能が利用可能になる前にファンクションを作成した場合、メモリは自動的に256 MBに設定されます。既存のファンクションを編集して、要件に応じてこの値を変更できます。 > **注意:** ファンクションのコードの複雑さに基づいて最適なメモリを選択することで、アプリケーションのコストとパフォーマンスを最適化できます。詳細については、[ファンクションのコストとパフォーマンスの最適化](https://docs.catalyst.zoho.com/ja/serverless/help/functions/optimization/)ページを参照してください。 **Show Advanced Option**をクリックし、**Select Memory**ドロップダウンからお好みのメモリを選択して、ファンクションの割り当てメモリを変更できます。 ![catalyst_smartbrowz_browser_logic_dunc_memory](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_dunc_memory.webp) > **注意:** CPUは、ファンクションに設定したメモリに基づいて自動的に割り当てられます。この値を表示または設定することはできません。 6. **Create**をクリックします。 ![catalyst_smartbrowz_browser_logic_console_shot](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_console_shot.webp) ファンクションが作成され、Functionsページに一覧表示されます。一意のファンクションIDが作成され、ファンクションの詳細とともにページに表示されます。 ### ファンクションの詳細 ファンクションをコンソールにアップロードした後、ファンクションのパフォーマンスに関する有意義な統計情報やその他のファンクション詳細を確認できます。 ![catalyst_smartbrowz_browser_logic_console_shot](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_console_shot.webp) また、コンソールに表示されるセキュアな**呼び出しURL**をコピーして使用し、ファンクションに直接アクセスしたり、入力を渡したり、必要に応じてコードに実装したりできます。 他の[Serverlessファンクションタイプ](https://docs.catalyst.zoho.com/ja/serverless/help/functions/introduction/)と同様に、コンソールのConfigurationsセクションを使用して以下の操作を行えます： - [環境変数](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/#environmental-variables)の追加 ![catalyst_smartbrowz_browser_logic_env_variables](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_env_variables.webp) - ファンクションスタックの[割り当てメモリ](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/#allocated-memory)の変更 ![catalyst_smartbrowz_browser_logic_memory_console_allocation](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_browser_logic_memory_console_allocation.webp) これらのアクションの詳細については、[ファンクション実装セクション](https://docs.catalyst.zoho.com/ja/serverless/help/functions/implementation/)を参照してください。 > **注意:** Browser Logicファンクションを使用してコーディングするブラウザアクションや操作、または**Catalyst SmartBrowz**の任意のコンポーネントを使用して実行するブラウザ自動化やWebスクレイピングタスクは、すべてお客様自身の責任において行われます。SmartBrowzコンポーネントは、アクションを許可するドメインで、または適切な承認を得た上で操作を行うことを強くお勧めします。また、Catalystはファンクションをコーディングするためのセキュアなインフラストラクチャを提供しますが、Catalystファンクションを使用してコーディングしたロジックの結果については、お客様のみが責任を負います。