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

# アプリからウェブサイトを閲覧する

> Base44 アプリが人と同じように他のウェブサイトを閲覧し、価格やイベント情報の収集、フォームへの入力、ライブアプリのテストを行えるようにします。AI チャットで設定します。

アプリは、人と同じように他のウェブサイトを閲覧できます。価格、掲載情報、イベントの詳細などの情報を集めたり、フォームに入力したり、公開したアプリが動作するか確認したりできます。これにはブラウザ自動化を使います。ブラウザ自動化はクラウドで実際のウェブブラウザを開くため、API がないサイトでも動作します。設定するには、AI チャットでやりたいことを説明します。AI がブラウザを実行するバックエンド関数を作成します。

![最も訪問者の多い上位 10 都市を返したブラウザのテスト実行を表示する AI チャットのスクリーンショット](https://mintcdn.com/base44/IGOI9jQXAjFJ_hdg/images/browser-automation-test-run.png?fit=max\&auto=format\&n=IGOI9jQXAjFJ_hdg\&q=85\&s=02e22d0bc2cf917f2e93ded5f01ee4f8)

アプリのブラウザが他のウェブサイトから収集した内容を表示する AI チャット

> [!WARNING]
>
> ブラウザ自動化はアプリのバックエンド関数で実行されるため、使用するには [Builder プラン以上](https://docs.base44.com/ja/Account-and-billing/Billing-and-plans.md) が必要です。

> [card] できること
>
> * **掲載情報を集める:** イベントサイトから、今後のイベントの名前、日付、会場を集めます。
> * **価格を比較する:** 他のサイトで航空券や商品の価格を確認し、最適な選択肢を保存します。
> * **トレンドを確認する:** ハッシュタグの人気動画やニュースサイトのトップ記事を取得します。
> * **変化を監視する:** 毎朝ページを確認し、価格や掲載情報が変わったらメールを受け取ります。
> * **フォームに入力する:** 注文の詳細を使って、仕入れ先のウェブサイトで見積もりを依頼します。
> * **ライブアプリを確認する:** カスタムドメインで新規登録が動作するか、トラッキングピクセルが発火するかを確認します。

***

## 仕組み

バックエンド関数が実行されるたびに、新しいブラウザセッションが開き、作業を行い、ブラウザが閉じます。AI がページ上の要素を見つけ、クリックし、入力し、依頼した情報を取り出します。そのため、ページの部分を指定するのではなく、やりたいことを普通の言葉で説明します。

アプリは 2 つの方法でセッションを開始できます:

* **アプリから:** 誰かがボタンをクリックするか、バックエンド関数を呼び出すページを開きます。
* **スケジュールで:** [ワークフロー](https://docs.base44.com/ja/Building-your-app/Creating-workflows.md) が、毎朝など、選んだ時刻にバックエンド関数を実行します。

ブラウザが適しているのは、ページを実行した後にしかコンテンツが表示されないウェブサイトや、情報の取得に複数の手順が必要な場合です。[コネクタ](https://docs.base44.com/ja/Integrations/Connectors.md)、API、または単純なページリクエストで同じデータを取得できる場合、AI はそちらを使います。より速く、コストも低いためです。

***

## AI チャットに依頼する

ウェブサイト、そこで行うこと、結果の使い方を説明します。AI がバックエンド関数を作成し、実際のブラウザでテストを実行して、返ってきた内容を表示します。

**アプリにブラウザ自動化を追加するには:**

1. アプリエディターに移動します。
2. AI チャットで、ウェブサイトのアドレス、必要な情報、保存または表示する場所を含めてタスクを説明します。
3. AI のテスト実行の結果を確認し、不足や誤りがあれば関数の調整を AI チャットに依頼します。

> [!NOTE]
>
> AI が実行する各テストでは実際のブラウザセッションが開くため、他のセッションと同様にクレジットを使用することがあります。

***

## プロンプトの例

以下のプロンプトを出発点として使い、ウェブサイトと詳細を自分のものに置き換えてください。

ウェブサイトからデータを集めるには:

```text theme={null}
Events ページで「イベントを更新」をクリックするたびに、ブラウザで https://example.com/events を開き、各イベントの名前、日付、会場、チケットのリンクを集めて、Event テーブルに保存して。すでに保存されているイベントはスキップして。
```

他のウェブサイトのフォームに入力するには:

```text theme={null}
https://example.com/quote を開き、注文の商品、数量、郵便番号を見積もりフォームに入力して送信し、次のページに表示された価格を注文に保存するバックエンド関数を作成して。
```

スケジュールで実行するには:

```text theme={null}
毎日午前 8 時に実行するワークフローを作成して。ブラウザで https://example.com/pricing を開き、各プランの価格を読み取り、昨日から価格が変わっていたらメールで知らせて。
```

***

## 公開したアプリをテストする

ブラウザ自動化を使うと、公開したアプリがカスタムドメインなどのライブアドレスでどのように動作するかを確認できます。これは、ライブサイトでしか起きない問題に役立ちます。たとえば、新規登録のメールが届かない、カスタムドメインでトラッキングピクセルが発火しない、チェックアウトでカードの認証を求められる、スマートフォンでだけ壊れる、などです。

アプリエディターで構築中のバージョンを確認するには、代わりに [テストエージェント](https://docs.base44.com/ja/documentation/managing-app-data/testing-agent.md) を使います。テストエージェントはプレビューのテスト用に作られています。

例:

```text theme={null}
公開したアプリを開き、新しいテストアカウントで新規登録して、ウェルカムページが読み込まれることを確認するバックエンド関数を作成して。何が起きたか分かるように、各ステップでスクリーンショットを撮って。
```

***

## クレジットと制限

ブラウザ自動化では、誰が開始したかに関係なく、セッションが実行されるたびにアプリのワークスペースのクレジットを使用します。コストは次のもので構成されます:

* **ブラウザ時間:** ブラウザが開いている時間に対して分単位で課金されます。端数は切り上げられ、最低 1 分です。
* **AI のステップ:** AI がページ上で何かを見つけたり、クリックしたり、読み取ったりするたびに、他の AI 呼び出しと同様にクレジットを使用します。

通常、コストの大部分はブラウザ時間ではなく AI のステップによるものです。詳しくは [クレジットの仕組み](https://docs.base44.com/ja/Account-and-billing/Credits.md) を参照してください。

> [!WARNING]
>
> **セッションの制限:**
>
> * **セッションの長さ:** セッションはデフォルトで 5 分後に終了します。AI チャットに依頼すると、セッションの実行時間を 1 分から 15 分の間で設定できます。
> * **クレジット:** ワークスペースのクレジットがなくなると、セッションは開始されません。
> * **混雑時:** その時点で利用できるブラウザがない場合、セッションは開始されず、アプリにエラーが表示されます。少し時間をおいてもう一度試してください。

デフォルトでは、AI はバックエンド関数を呼び出す人がアプリにログインしているかを確認するようにします。そのため、知らない人があなたのクレジットでセッションを実行することはできません。

***

## ウェブサイトを責任を持って使う

ウェブサイトを自動化する前に、その利用規約を確認し、自動アクセスが許可されていることを確かめてください。許可していないウェブサイトもあります。

次の点に注意してください:

* **アクセスのブロック:** 自動化されたブラウザをブロックしたり、CAPTCHA を表示したりするウェブサイトがあります。ブラウザ自動化はこれらを回避しません。自動アクセスを許可しているサイトを選ぶか、サイトに API や [コネクタ](https://docs.base44.com/ja/Integrations/Connectors.md) があればそれを使います。
* **ログイン:** 各セッションはログアウトした状態で始まり、以前のセッションの内容は保存されていません。サイトへのログインが必要な場合は、ログイン情報をプロンプトに書かず、[アプリのシークレット](https://docs.base44.com/ja/Integrations/Using-integrations.md#managing-app-secrets) として保存します。また、このように使うことが許可されているアカウントのみを使ってください。
* **録画:** セッションでは、問題の解決に役立つよう、デフォルトで録画とログが保存されます。不要な場合は、AI チャットにオフにするよう依頼します。
* **ウェブサイトの変更:** ウェブサイトのレイアウトが変わると、以前は動作していた関数が返すデータが少なくなることがあります。AI チャットに関数をもう一度確認するよう依頼します。

***

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

ブラウザ自動化が期待どおりに動作しない場合は、以下から該当する状況を探してください。

> [accordion] 関数がデータを返さない、または誤ったデータを返します
>
> ページが変更された、読み込みが遅かった、または Cookie バナーやログインページなど、ブラウザが想定していないものが表示された可能性があります。AI チャットに調査を依頼してください。AI はテスト実行中にスクリーンショットを撮り、ブラウザが何を見たかを確認できます。
>
> ```text theme={null}
> [関数名] 関数がデータを返しませんでした。各ステップでスクリーンショットを撮りながらもう一度実行し、ブラウザが何を見たかを調べて修正して。
> ```

> [accordion] タスクが終わる前にセッションが終了します
>
> 長いタスクでは、セッションの制限時間に達することがあります。AI チャットに、セッションの時間を最大 15 分まで延ばすか、タスクを小さな実行に分けるよう依頼します。

> [accordion] 利用できるブラウザがないというエラーが表示されます
>
> その時点ですべてのブラウザが使用中でした。少し待ってからもう一度実行してください。スケジュールで発生する場合は、ワークフローを別の時刻に移動します。

> [accordion] クレジットに関するエラーが表示されます
>
> ワークスペースに、セッションを開始するのに十分なクレジットがありません。[クレジット残高](https://docs.base44.com/ja/Account-and-billing/Credits.md#checking-your-credit-balance) を確認し、チャージするかプランをアップグレードしてください。

> [accordion] ウェブサイトがブラウザをブロックする、または CAPTCHA が表示されます
>
> ブラウザ自動化では、ブロックや CAPTCHA を回避できません。同じ情報を得られる API、[コネクタ](https://docs.base44.com/ja/Integrations/Connectors.md)、または別の情報源を探してください。

> [!NOTE]
>
> このページは AI によって翻訳されています。最も正確で最新の情報については、[英語版](https://docs.base44.com/index.md)を参照してください。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.