> ## Documentation Index
> Fetch the complete documentation index at: https://www.octoparse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# ブラウザでData Appを実行する

> Data HubのWebポータルでData Appを選び、少量のテストパラメータで実行し、返却データを確認する手順です。エージェントやワークフローに接続する前の検証に使えます。

このチュートリアルは、Data HubのWebポータルで直接データ機能を使いたい方向けです。MCPの設定やコードの記述は不要です。適切なData Appを選び、パラメータを入力し、ページ上で結果を確認します。

<CardGroup cols={2}>
  <Card title="汎用接続" href="/docs/jp/datahub/quick-start/agent-connection/general">
    先にアプリを選びません。Data Hub MCPを接続し、エージェントに適切な機能を検索・実行させます。
  </Card>

  <Card title="Codex：特定のアプリを接続" href="/docs/jp/datahub/quick-start/agent-connection/codex">
    使うアプリが決まっている場合、その機能を固定ツールとしてCodexに追加します。
  </Card>

  <Card title="Claude Code：特定のアプリを接続" href="/docs/jp/datahub/quick-start/agent-connection/claude-code">
    使うアプリが決まっている場合、その機能を固定のMCPサーバーとしてClaude Codeに追加します。
  </Card>
</CardGroup>

## 始める前に

ログインできるOctoparseアカウントと、照会したいデータ対象（キーワード、コンテンツURL、商品ID、プラットフォームの絞り込み条件など）を用意してください。初回は少量のパラメータから始め、フィールド、鮮度、課金方式が期待どおりか確認することをおすすめします。

## Data Hubを開いてログインする

<Steps>
  <Step title="Octoparse Data Hubを開く">
    <a href="https://www.octoparse.jp/data-hub" target="_blank" rel="noopener noreferrer">Octoparse Data Hub</a>にアクセスします。検索やカテゴリフィルターで必要なデータ機能を探せます。カタログのアプリ、カテゴリ、価格は随時更新されるため、ページに表示されている最新情報を参照してください。
  </Step>

  <Step title="Octoparseアカウントにログインする">
    ページ右上のアカウント入口からログインします。オンライン実行の送信、結果の閲覧、ページが対応するデータファイルのエクスポートにはログインが必要です。
  </Step>
</Steps>

## Data Appを選んで理解する

<Steps>
  <Step title="適切なData Appを選ぶ">
    シーンに合ったData Appをクリックします。アプリ名は最初の絞り込みの目安にすぎません。適しているかどうかは、詳細ページのデータ説明、入力パラメータ、出力フィールドで判断してください。
  </Step>

  <Step title="機能範囲と費用を確認する">
    「概要」「入力」「出力」「連携」「価格」を順に確認します。データソースと鮮度、必須パラメータ、返却フィールド、1回あたりの上限、課金単位を確認してから、データ量を増やしてください。
  </Step>
</Steps>

## オンラインで実行して結果を確認する

<Steps>
  <Step title="パラメータを入力して実行する">
    **今すぐ試す**をクリックし、フォームに入力します。アスタリスク付きのフィールドは必須です。リスト、ページング、件数のパラメータは、ページに表示された形式と上限に従ってください。初回は少量のデータで検証します。
  </Step>

  <Step title="返却データを確認する">
    実行完了後、ページ上でテーブルまたはJSON形式の結果を確認します。まずステータス、返却件数、主要フィールドを確認します。問題なければ、ページが対応するエクスポート方法を使うか、下流のワークフローに接続します。
  </Step>
</Steps>

<Tip>
  オンライン実行が成功しても、現在のパラメータで結果が得られることが分かるだけです。本番利用の前に、実際のシーンに近いパラメータで境界ケース、データの完全性、実際の費用を検証することをおすすめします。
</Tip>

## チェックリスト

* Data Hubにログインし、目的のData Appを見つけた。
* 入力パラメータ、出力フィールド、公開価格を確認した。
* 少量のパラメータでオンライン実行を1回完了した。
* ステータス、返却件数、主要フィールドを確認した。

## 次のステップ：エージェントに接続する

まだアプリを決めていない場合は汎用接続を選びます。固定のアプリが決まっている場合は、使うクライアントに応じてCodexまたはClaude Codeのチュートリアルに進んでください。

<CardGroup cols={2}>
  <Card title="汎用接続" href="/docs/jp/datahub/quick-start/agent-connection/general">
    一度接続すれば、エージェントがData Appを検索・比較・実行します。
  </Card>

  <Card title="Codex：特定のアプリ" href="/docs/jp/datahub/quick-start/agent-connection/codex">
    先にアプリを選び、Codexを設定して最初の呼び出しを完了します。
  </Card>

  <Card title="Claude Code：特定のアプリ" href="/docs/jp/datahub/quick-start/agent-connection/claude-code">
    先にアプリを選び、Claude CodeにMCPサーバーを追加して検証します。
  </Card>
</CardGroup>
