ブラウザ実行基盤をServerless化するという選択〜FCのAIO SandBox新機能について

2026年3月31日掲載

img-alibaba-cloud-linux-migration-blog-20230519-001

こんにちは。ソフトバンクのKANGです。

本記事ではAlibaba Cloud Function Compute(以下、FCと表記)の新機能AIO SandBoxについて紹介します。本機能の概要や使用シナリオ、利用の流れという順で解説していきたいと思います。

 

目次

1. はじめに

Webブラウザの操作自動化は、もはやテスト用途だけのものではありません。動的サイトのデータ収集や、AIエージェントによる業務代行、RPAのクラウド化など、活用の幅は広がり続けています。一方で、実運用では次のような課題に直面します。

 ・ブラウザ実行環境をどこに配置するか

 ・スケールアウトをどう設計するか

 ・コンテナやリソースの管理を誰が担うか

こうした課題に対して、Function Compute の新機能 AIO SandBox は、「ブラウザ実行環境そのものを Serverless に組み込む」というアプローチで解決します。

2. AIO SandBox とは

AIO SandBoxはBrowserTool(ヘッドレスブラウザ)と Code Interpreter(コード実行)を 1 つに統合したクラウド上の隔離実行環境です。AI Agent の「目・脳・手」に相当する存在として、ブラウザ操作、コード実行、ファイル処理、対話型端末を一体で使えるのが特徴です。

AIO SandBox機能

3. どんなシナリオで使うのか

AIO SandBoxはブラウザ操作とコード実行を一体化できる点が強みです。そのため、次のようなシナリオで特に効果を発揮します。

  • 動的なWebページをブラウザで操作し、取得したデータをPythonで整形してCSVやレポートにする
  • 管理画面へのログインやクリック操作を自動化し、その後のデータ集計・分析までまとめて実行する
  • スクリーンショットやPDF、録画を生成し、証跡やレポートとして保存する
  • AI Agent にWeb操作からデータ処理・ファイル生成まで一連の処理を任せる

「ブラウザ操作 → データ処理 → 成果物生成」までを一つの環境で完結できるのがポイントです。

4. AIO SandBox のアーキテクチャ構造

まず全体像を整理します。

AIO SandBox は Function Compute 上で起動する隔離実行環境です。内部にヘッドレスブラウザとコード実行環境が統合されており、API 経由で制御します。

構成イメージは以下の通りです。

pic-01

従来構成との違いは、「ブラウザが外部ノードではなく、同一実行環境内に存在する」点です。これによりネットワークホップが減り、実装が単純化されます。

5. 基本的な利用の流れ

今回はAI Agentの設定方法から、SandBox上でサンプルコードを実行し、Browserで動作を反映させる一連の流れについて説明します。

5.1 Agent Runコンソールで[モデル作成](添加模型)をクリックし、AI言語モデルを作成します。

pic-02
pic-03
pic-04

❋ 現状、FCのAI Agentコンソールは中国語しか対応していません。

モデルタイプ(添加大语言模型模型):APIモデル(API模型)

名前(名称):任意の名前

サービスプロバイダー(服务提供商):AlibabaCloud(阿里云)

API endpoint (API端点):<デフォルトのものを利用>

言語モデル(具体模式配置): qwen-max

認証設定 (凭证配置):APIキー (API 密钥)

❋APIキーの取得方法はMake your first API call to Qwenをご参考ください。

 

上記の設定項目を入力後、[作成](创建模型)ボタンをクリックします。

5.2 Agent Runコンソールで [Agent作成](创建Agent)をクリックし、Agent Runtimeを作成します。

pic-05
pic-06

Agent作成方法(创建方式):Quick作成(快速创建Agent)

Agent名(Agent名称):任意の名前

AIモデル(服务模型):<5.1作成した言語モデルを選択>

Agent Role(系统提示词): smart QA assistantを選択 (智能问答助手)

Access Credentials(访问凭证):  Anonymous access(匿名访问)

5.3 Agent RunコンソールでAIO SandBox Template(创建沙箱模板)を作成します。

pic-07
pic-08
pic-09

Templateタイプ(模板类型):AIO SandBox (AIO沙箱)

名前(名称):任意の名前

リソーススペック(资源配置): 4 core, 8 GB

Runtime(运行时环境):  デフォルトのRuntime (默认运行时)

ブラウザタイプ(浏览器类型): Chromium

解像度(分辨率):1280 x 1024

Access Credentials(访问凭证):既存の認証を利用する(使用现有凭证) (5.1で取得したAPI keyを利用)

6.動作確認

6.1 作成したAIO SandBoxの[詳細](详情)をクリックします。

pic-10

6.2 AIO SandBoxのメニューで[テスト&VNC](调试与VNC) をクリックします。

pic-11

6.3 作成されたAIO SandBoxを選択し、[接続](连接)をクリックします。

pic-12

6.4 ソースコードを編集しながら、ブラウザで動作確認をします。

pic-13

ソースコード編集後、[実行](运行)をクリックして、動作確認できます。

7. 参考情報

8. まとめ

本記事では、Function Compute の新機能である AIO SandBox について、概要から実際の利用手順まで紹介しました。AIO SandBox を使うことで、これまで個別に構築・運用していたブラウザ自動化基盤をシンプルにまとめることができます。インフラ管理の負担を減らしつつ、スケーラブルに実行できる点も大きなメリットです。特に、AIワークフローや大規模な自動化処理を検討している場合には、有力な選択肢の一つになるでしょう。

おすすめの記事

条件に該当するページがございません