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

# Olostep + ViaSocket

> ViaSocket MushroomsをMCPゲートウェイとして使用して、OlostepをClaude、Cursor、ChatGPTなどのAIクライアントに接続します。

[ViaSocket Mushrooms](https://mushrooms.viasocket.com/)は、Olostepのようなアプリを単一のMCPエンドポイントURLを通じて任意のAIクライアントに接続するMCPゲートウェイです。OlostepをMushroomとして接続すると、Claude、Cursor、ChatGPT、または他のサポートされているクライアントに、ウェブサイトのスクレイピング、バッチジョブの実行、サイトのクロール、AIに基づいた回答の取得を指示できます。すべては簡単な言葉で、コードを1行も書くことなく行えます。

## 始める前に

* **APIキーを持つOlostepアカウント:** [無料で取得](https://olostep.com/dashboard)、クレジットカードは不要です。最初の500クレジットが含まれています。
* **ViaSocketアカウント:** [viasocket.com](https://viasocket.com/)で作成してください。
* **AIクライアント:** Claude、Cursor、ChatGPT、Windsurf、VS Code、またはMCP互換のクライアント。

***

## セットアップ

<Steps>
  <Step title="新しいクラスターを作成">
    [ViaSocket Mushrooms](https://mushrooms.viasocket.com/)を開き、**+ New Cluster**をクリックします。ViaSocketは、このクラスターが接続するAIクライアントを選択するように求めます — Claude、Cursor、ChatGPT、または使用するクライアントを選択してください。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step1.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=bab417a61f54c37aaaf33904989bdfa0" alt="ViaSocket新しいクラスターのダイアログ — AIクライアントを選択、Claude、ChatGPT、Cursor、Windsurfなどを表示" width="1570" height="925" data-path="images/integrations/viasocket/step1.png" />
  </Step>

  <Step title="統合をブラウズ">
    クラスター内で、**+ BROWSE INTEGRATIONS**をクリックしてMushroomsライブラリを開きます — AIにアクセスを提供できる2,500以上のアプリのカタログです。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step2.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=81ae5e623afbc448b5e3500abb80fc61" alt="ViaSocket Mushroomsダッシュボードに新しいMushroomを追加し、統合をブラウズするボタンを表示" width="1570" height="925" data-path="images/integrations/viasocket/step2.png" />
  </Step>

  <Step title="Olostepを見つける">
    検索バーで**olostep**を検索します。結果から**Olostep**を選択します。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step3.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=9d2381ba7fcf0b86d5a677d69190d183" alt="ViaSocket Mushroomsでolostepを検索 — 結果にOlostepが表示" width="1570" height="925" data-path="images/integrations/viasocket/step3.png" />
  </Step>

  <Step title="Olostepに接続">
    Olostepの詳細ページで、**CONNECT TO OLOSTEP**をクリックしてアカウントを認証し、Olostepアクションをクラスターに追加し始めます。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step4.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=c44dbbf83081c6c718873f98f714f958" alt="ViaSocketのOlostep詳細ページに、開始するための接続とCONNECT TO OLOSTEPボタンを表示" width="1570" height="925" data-path="images/integrations/viasocket/step4.png" />
  </Step>

  <Step title="アクションを選択">
    AIクライアントが使用できるOlostepアクションを選択します。デフォルトですべての7つが有効になっています — 必要ないものはオフにして、**NEXT**をクリックします。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step5.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=e9dff05096c805ea38fe1e74635ddc3b" alt="ViaSocketのOlostepアクション選択画面に、7つの利用可能なアクションとトグルスイッチを表示" width="1160" height="777" data-path="images/integrations/viasocket/step5.png" />
  </Step>

  <Step title="Olostep APIキーを入力">
    Olostep APIキーを**API Key**フィールドに貼り付け、**ADD CONNECTION**をクリックします。ViaSocketはキーを確認し、資格情報を保存します。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step6.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=f89fc74bed9ec314240b79650c792e98" alt="ViaSocketのOlostep用新しい接続画面にAPIキー入力フィールドを表示" width="931" height="606" data-path="images/integrations/viasocket/step6.png" />

    キーは[Olostepダッシュボード →](https://olostep.com/dashboard)から取得してください。
  </Step>

  <Step title="MCPエンドポイントをコピーし、AIクライアントに接続">
    Olostepはクラスター内で有効なMushroomとして表示されます。**Cursor Configuration**パネルから**MCP Endpoint URL**（または完全なJSON構成ブロック）をコピーし、AIクライアントのMCP設定ファイルに貼り付けます。

    <img src="https://mintcdn.com/olostep-58/KKS29GiipsPYkgqX/images/integrations/viasocket/step7.png?fit=max&auto=format&n=KKS29GiipsPYkgqX&q=85&s=953ec9de57db4c2e501f254148753466" alt="ViaSocketクラスターにOlostepが有効になり、MCPエンドポイントURLとコピー用のJSON構成を表示" width="1570" height="925" data-path="images/integrations/viasocket/step7.png" />

    構成は次のようになります — AIクライアントの設定に貼り付けてください：

    ```json theme={null}
    {
      "mcpServers": {
        "viasocket": {
          "type": "http",
          "url": "https://mcp.viasocket.com/mcp/<YOUR-CLUSTER-ID>"
        }
      }
    }
    ```
  </Step>
</Steps>

***

## アクション

<CardGroup cols={2}>
  <Card title="ウェブサイトをスクレイピング" icon="file-lines">
    任意のURLからMarkdown、HTML、JSON、またはプレーンテキストとしてコンテンツを取得します。JSレンダリングされたページをオプションの待機時間と国ターゲティングで処理します。
  </Card>

  <Card title="AI回答を生成" icon="sparkles">
    自然言語の質問をして、提供したページやライブウェブ検索に基づいた引用付きの回答を取得します。
  </Card>

  <Card title="バッチURLスクレイパー" icon="layer-group">
    1つのジョブで最大100,000のURLを提出し、並行して処理します。非同期取得のための`batch_id`を返します。
  </Card>

  <Card title="バッチアイテムを取得" icon="download">
    `batch_id`を使用して、完了したバッチジョブの結果を取得します。
  </Card>

  <Card title="クロールを開始" icon="spider-web">
    シードURLから開始し、リンクをたどり、すべてのサブページをスクレイピングします。`crawl_id`を返します。
  </Card>

  <Card title="クロール情報を取得" icon="circle-info">
    `crawl_id`で実行中または完了したクロールのステータスを確認し、結果を取得します。
  </Card>

  <Card title="マップを作成" icon="map">
    コンテンツをスクレイピングせずにサイト上のすべてのURLを取得します。バッチジョブの前に発見するのに便利です。
  </Card>
</CardGroup>

***

## 例: Claudeに競合他社を調査させる

ClaudeにMCPエンドポイントが設定されたら、次のような簡単な言葉で指示を出すことができます：

> *"acme.com/pricingの価格ページをスクレイピングして、彼らのプランと価格の概要を教えてください。"*

ClaudeはViaSocketを通じてOlostepの**ウェブサイトをスクレイピング**アクションを呼び出し、ページのコンテンツを返し、それを要約します — ワークフロービルダーもコードも不要です。

同じ方法でアクションを連鎖させることもできます：

> *"docs.example.comのすべてのページをマッピングし、最初の50をバッチスクレイピングして、ナレッジベースの要約を作成してください。"*

***

## トラブルシューティング

<AccordionGroup>
  <Accordion title="APIキーが拒否される">
    [olostep.com/dashboard](https://olostep.com/dashboard)から直接キーをコピーし、末尾にスペースがないことを確認してください。エラーが続く場合は、ViaSocketでOlostep接続を削除して再作成してください。
  </Accordion>

  <Accordion title="AIクライアントがOlostepツールを認識しない">
    MCPエンドポイントURL（またはJSON構成ブロック）をAIクライアントの正しい設定ファイルに貼り付けたことを確認してください。Claude Desktopの場合は`claude_desktop_config.json`です。Cursorの場合は、プロジェクト内またはグローバルCursor設定の`.cursor/mcp.json`です。保存後にクライアントを再起動してください。
  </Accordion>

  <Accordion title="スクレイピングされたコンテンツが空">
    **ウェブサイトをスクレイピング**を呼び出す際に待機時間を増やします（JSが多いページには2000〜5000msを試してください）。URLがログインなしで公開アクセス可能であることを確認してください。
  </Accordion>

  <Accordion title="MCPエンドポイントURLが頻繁に変わる">
    エンドポイントURLはクラスターに紐付けられています。クラスターを削除して再作成すると、新しいURLが取得され、AIクライアントの構成を更新する必要があります。URLはプライベートに保ってください — 接続されたアカウントでのすべてのアクションを認証します。
  </Accordion>
</AccordionGroup>

***

## 関連

<CardGroup cols={2}>
  <Card title="スクレイピングAPI" icon="file-lines" href="/features/scrapes">
    スクレイピングエンドポイントの完全なリファレンス
  </Card>

  <Card title="バッチAPI" icon="layer-group" href="/features/batches">
    バッチジョブの動作と結果の取得方法
  </Card>

  <Card title="クロールAPI" icon="spider-web" href="/features/crawls">
    クロールの設定と結果の取得
  </Card>

  <Card title="マップAPI" icon="map" href="/features/maps">
    URLの発見とフィルタリングオプション
  </Card>

  <Card title="MCPサーバー" icon="server" href="/integrations/mcp-server">
    OlostepのネイティブMCPサーバーを直接使用
  </Card>

  <Card title="ViaSocketウェブサイト" icon="link" href="https://viasocket.com">
    ViaSocketプラットフォーム
  </Card>
</CardGroup>
