> ## 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 + Relay

> コード不要で、ウェブスクレイピング、AI駆動のリサーチ、バッチジョブ、クローリング、サイトマップを任意のRelayワークフローに追加。

Relayの[Olostepアプリ](https://www.relay.app/apps/olostep/integrations)は、Relayのビジュアルビルダー内で2つのアクションを提供します：URLをスクレイピングするか、サイト上のすべてのリンクをマッピングします。

[Relayで見る →](https://www.relay.app/apps/olostep/integrations)

## 始める前に

* **APIキー付きのOlostepアカウント：** [無料で取得](https://olostep.com/dashboard)、クレジットカード不要。最初の500クレジットが含まれています。
* **Relayアカウント：** [relay.app](https://www.relay.app/)で作成。
* **コーディング不要：** このガイドのすべてはRelayのビジュアルエディタで行います。

***

## セットアップ

<Steps>
  <Step title="RelayでOlostepを見つける">
    Relayでワークフローを開き、ステップを追加し、**Olostep**を検索します。アプリリストから**Olostep**を選択します。

    <img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/step-1.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=98c07d083f24985138bf78929bf4c220" alt="プレースホルダー: RelayアプリピッカーでOlostepを検索" width="617" height="482" data-path="images/integrations/relay/step-1.png" />
  </Step>

  <Step title="アクションを選択">
    **Olostep**を選択した後、ステップ設定で利用可能なOlostepアクションの1つを選択します。

    <img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/step-2.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=df1d4f84146bf53ade6d31e589e9e134" alt="プレースホルダー: RelayでのOlostepアクションセレクター" width="617" height="482" data-path="images/integrations/relay/step-2.png" />
  </Step>

  <Step title="アカウントを接続">
    **アカウントを接続**をクリックし、Olostep APIキーを貼り付けて接続を承認します。Relayはこのアカウントを将来のワークフローのために保存します。

    <img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/step-3.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=9ab8cd9c18efac7b872c966dba7af73d" alt="プレースホルダー: Olostep APIキー入力フィールド付きのRelayアカウント接続モーダル" width="896" height="680" data-path="images/integrations/relay/step-3.png" />

    [Olostepダッシュボードからキーを取得 →](https://olostep.com/dashboard)
  </Step>

  <Step title="ウェブサイトをスクレイプの設定（URL + フォーマット）">
    * **スクレイプするURL：** 前のステップからマッピングするか手動で入力
    * **出力フォーマット：** `Markdown`、`HTML`、`JSON`、または`Text`を選択

          <img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/step-4.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=13fc76ca9d8d65219d578e9f1f37ee6f" alt="プレースホルダー: URLと出力フォーマット付きのRelay Olostepスクレイプウェブサイトフィールド" width="896" height="680" data-path="images/integrations/relay/step-4.png" />
  </Step>

  <Step title="テストと公開">
    出力を確認するためにテストを実行し、結果が正しい場合はワークフローを公開またはオンにします。

    <img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/step-5.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=1914937ac1104aed2577e6f97cd12ba8" alt="プレースホルダー: Relayテスト出力と公開フロー" width="886" height="571" data-path="images/integrations/relay/step-5.png" />
  </Step>
</Steps>

***

## アクション

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

  <Card title="マップを作成" icon="map">
    コンテンツをスクレイプせずにサイト上のすべてのURLを取得します。バッチジョブの前に発見のために使用します。`map_id`を返します。
  </Card>
</CardGroup>

<Note>
  **マップは非同期です。** 返された`map_id`を保存し、Relayで遅延/ポーリングパターンを使用して処理が完了したら結果を取得します。
</Note>

***

## 例のワークフロー: 定期的な競合ページスクレイプ

**内容:** 定期的に競合ページをスクレイプし、後続のRelayステップで再利用できるクリーンなコンテンツを保存します。

**使用ノード:** スケジュール -> Olostepウェブサイトをスクレイプ

<img src="https://mintcdn.com/olostep-58/tsUnZlbBbWyR_k2J/images/integrations/relay/workflow-example.png?fit=max&auto=format&n=tsUnZlbBbWyR_k2J&q=85&s=3a84f31ce89c6d4bc4b2a4fb758f7ca3" alt="プレースホルダー: スケジュールとOlostepスクレイプステップを示すRelayキャンバス" width="1392" height="656" data-path="images/integrations/relay/workflow-example.png" />

***

### ステップ1: スケジュールトリガーを追加

ワークフローを作成し、スケジュールトリガーを追加します（例：毎週平日の午前8時）。

### ステップ2: Olostepウェブサイトをスクレイプを追加

**Olostep**ステップを追加し、**ウェブサイトをスクレイプ**を選択します。設定：

* **URL:** `https://competitor.com/blog`
* **出力フォーマット:** Markdown

### ステップ3: テストと公開

出力を確認するためにテストを実行し、ワークフローを公開またはオンにします。

### 得られるもの

各実行は、分析やルーティングの準備ができたクリーンなページコンテンツを生成します：

> **スクレイプ結果**
>
> * ソースURL
> * 選択したフォーマットで取得したコンテンツ
> * Relayでのタイムスタンプ付き実行出力

***

## パーサー

スクレイプアクションの**パーサー**フィールドにパーサーIDを追加して、生のコンテンツではなく構造化データを取得します：

| パーサー                         | 抽出内容                                |
| ---------------------------- | ----------------------------------- |
| `@olostep/amazon-product`    | タイトル、価格、評価、レビュー、画像、バリアント            |
| `@olostep/google-search`     | 結果タイトル、URL、スニペット                    |
| `@olostep/google-maps`       | 事業名、住所、評価、レビュー                      |
| `@olostep/extract-emails`    | 任意のページからのメールアドレス                    |
| `@olostep/extract-socials`   | ソーシャルプロファイルリンク（X、GitHub、LinkedInなど） |
| `@olostep/extract-calendars` | GoogleカレンダーとICSリンク                  |

[Olostepパーサーストアで完全なリストを見る →](https://www.olostep.com/store)

***

## Relay.appとZapierの比較

Relay.appは、組み込みのレビューとAIファーストのオーケストレーションを必要とするワークフローにおいて、Zapierの強力な代替手段です。

**Relay.appの利点:**

* **人間を介したループ:** ワークフロー内でのネイティブな承認とレビューのステップ
* **AIファーストのワークフローデザイン:** AIの決定と要約をファーストクラスのステップとして簡単に追加
* **ワークフローの明確さ:** 明確な実行コンテキストとステップ出力を持つクリーンなビジュアルビルダー

**Zapierがより適している場合:**

* Zapierでのみ利用可能なニッチなアプリのカバレッジが必要
* チームが既に多くのZapとZapierに関連する運用ツールを持っている

両方のプラットフォームがスタックをサポートしている場合、レビューとAIコラボレーションがプロセスの中心である場合はRelayを選択してください。

***

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

<AccordionGroup>
  <Accordion title="APIキーが拒否される">
    [olostep.com/dashboard](https://olostep.com/dashboard)から直接キーをコピーし、末尾にスペースがないことを確認します。エラーが続く場合は、RelayでOlostepアカウントを再接続します。
  </Accordion>

  <Accordion title="スクレイプされたコンテンツが空">
    **スクレイプ前の待機**を増やします（JSが多いページには2000〜5000msを試してください）。URLがログインなしで公開アクセス可能であることを確認します。特定のドメインが一貫して失敗する場合は、[info@olostep.com](mailto:info@olostep.com)に連絡してください。
  </Accordion>

  <Accordion title="レート制限に達した">
    スクレイプが多い実行間に遅延を追加し、大規模なワークフローにはバックオフで再試行します。現在の使用状況を[ダッシュボード](https://olostep.com/dashboard)で確認してください。
  </Accordion>

  <Accordion title="マップステップが予想より長くかかる">
    マップは非同期です。最初に返された`map_id`を保存し、処理が完了したら後のステップ/実行で結果を取得します。
  </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>
</CardGroup>
