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

# ウェブ検索

> Agent が最新情報と最新ドキュメントを使ってアプリを構築するためにウェブを検索する方法を学びましょう。

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

Agent のウェブ検索 <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/web-search.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=42b80129c4a61489c9cf69786b83de59" alt="ウェブ検索アイコン" width="16" height="16" data-path="images/icons/web-search.svg" /> 機能を使って、現在の実際のデータでアプリケーションを構築しましょう。

この機能はウェブ上の最新情報にアクセスすることで知識のカットオフを克服します。Agent に最新情報が必要なものの作成を依頼すると、ウェブを検索して詳細なコンテンツを取得し、アプリをより正確で有用なものにします。

<Frame>
  <img src="https://mintcdn.com/replit/0UCOQvZyQpUEM03B/images/replitai/web-search-header.jpg?fit=max&auto=format&n=0UCOQvZyQpUEM03B&q=85&s=3d871ef9e82151d512203feb775e45d5" alt="アプリ開発用の現在情報を収集するためにウェブ検索を実行する Agent" width="1920" height="1080" data-path="images/replitai/web-search-header.jpg" />
</Frame>

ウェブ検索は最新のパッケージ、ツール、情報を見つけるのに役立ちます。これにより、アプリが現在のベストプラクティスを使用してより正確になることが保証されます。

## 機能

Agent のウェブ検索を使って現在の情報でアプリケーションを構築しましょう。これにより手動での調査とデータ収集が不要になります。財務データのダッシュボードを作成する場合でも、最近のスタートアップのローンチを紹介するウェブサイトを構築する場合でも、ウェブ検索によりアプリが現実を反映することが保証されます。

Agent が実行できるウェブ検索アクション：

* **検索**: 現在の情報、最新のドキュメント、インターネットのリアルタイムデータを見つけます
* **コンテンツ取得**: 特定のウェブサイトや URL から詳細情報を取得します
* **情報源の引用**: Agent が情報を見つけた場所を正確に確認して、情報源を検証・参照できます

## 使い方

ウェブ検索は Agent に組み込まれています — 設定をオンにする必要はありません。構築したいものを説明すると、Agent が現在の情報を求めてウェブを検索するタイミングを自動的に判断します。「検索」「調査」「ウェブ検索を使用」などのキーワードをプロンプトに含めると、Agent に明示的に検索を促せます。

### Agent がウェブ検索 <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/web-search.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=42b80129c4a61489c9cf69786b83de59" alt="ウェブ検索アイコン" width="16" height="16" data-path="images/icons/web-search.svg" /> を使用するタイミング

<Frame>
  <img src="https://mintcdn.com/replit/0UCOQvZyQpUEM03B/images/replitai/web-search.jpg?fit=max&auto=format&n=0UCOQvZyQpUEM03B&q=85&s=2b2afe9380555306e206c62084d996d4" alt="アプリ開発のためのウェブ検索結果と情報源の引用を表示する Agent インターフェース" width="1920" height="1080" data-path="images/replitai/web-search.jpg" />
</Frame>

Agent は現在のデータが必要な情報をリクエストしたときにウェブ検索を起動します：

| ユースケース      | プロンプト例                                                                                       |
| ----------- | -------------------------------------------------------------------------------------------- |
| 最適なパッケージの検索 | 「画像エディターを構築したい — キャンバス操作に最適なライブラリを調査してアプリを構築してください」                                          |
| API リサーチ    | 「GitHub コミットを追跡する Discord ボットを構築してください — 最も信頼性の高い Discord.js チュートリアルと GitHub との通信方法を調べてください」 |
| フレームワークの比較  | 「ショッピングアプリの在庫管理の実装方法を判断するのに役立ててください。最適な認証ソリューションとそのトレードオフを調査してください」                          |
| ツールの発見      | 「スムーズなアニメーションのアプリを作成してください — 最適なアニメーションライブラリを調査してください」                                       |
| 現在の市場データ    | 「今日のトップ 10 コインとリアル価格を表示する仮想通貨トラッカーを構築してください」                                                 |
| 企業リサーチ      | 「Replit 社長の Michele Catasta のポートフォリオサイトを作ってください」                                             |
| ドキュメントの更新   | 「最新の API の変更を使用した Stripe 支払いフォームを構築してください」                                                   |
| テクノロジートレンド  | 「デベロッパーツールのダッシュボードを作成してください — トレンドの VS Code 拡張機能は何ですか？」                                      |

### ウェブ検索がアプリを強化する方法

ウェブ検索により、アプリケーションがプレースホルダーデータの使用から本物の正確な情報の組み込みへと変わります：

| メリット         | 説明                                         |
| ------------ | ------------------------------------------ |
| 最新のテクノロジー    | アプリがトレーニングデータにない最新の情報とパッケージを使用します          |
| 最適なツールの選択    | Agent がオプションを調査して最適なパッケージを選択します            |
| 現在のベストプラクティス | 最新の開発パターンとセキュリティプラクティスにアクセスできます            |
| 制限の突破        | トレーニング後にリリースされたパッケージを使用するための知識のカットオフを克服します |
| 正確なデータ       | アプリが古い例の代わりに現在の情報を表示します                    |
| プロフェッショナルな結果 | 実際の企業を参照するアプリケーションが信頼性を持ちます                |
| 時間の節約        | パッケージを手動で調査しデータを収集する必要がなくなります              |

### 情報源の引用

Agent がウェブ検索を使用すると、情報がどこから来たかを正確に示す**情報源の引用**が提供されます。これらの引用を使用して：

* **情報を検証**: 情報源の信頼性と正確性を確認します
* **詳しく学ぶ**: 元の情報源を訪問してより多くのコンテキストを得ます
* **情報源を参照**: アプリケーションに適切な帰属を含めます
* **リサーチを追跡**: Agent の作業にどの情報が影響したかを理解します

### コンテンツ取得

Agent はプロジェクトのための包括的な情報を収集するために、特定のウェブサイトから詳細なコンテンツを取得できます。これにより Agent は：

* ウェブページ全体を読んで関連する詳細を抽出できます
* ドキュメントと参考資料を処理できます
* 権威ある情報源から特定のデータポイントを収集できます
* 構造化された情報をアプリケーションに統合できます

### ウェブ検索の実例

**画像処理のパッケージ発見**

<AiPrompt>
  写真にフィルターを適用できる React アプリを構築してください。React 用の最適な画像処理ライブラリを調査して、ぼかし、シャープ、ヴィンテージエフェクトを実装してください
</AiPrompt>

Agent が現在の画像処理ライブラリを検索し、機能とパフォーマンスを比較して、最適なツールを使用してアプリを構築します。

<Tip>
  ウェブ検索は具体的で詳細なリクエストで最も効果を発揮します。テクノロジーの発見には、具体的な要件を明記してください
</Tip>

**最新のフレームワーク機能**

<AiPrompt>
  認証と認可の最新のセキュリティベストプラクティスを理解するためにリサーチを行ってください。そのベストプラクティスをアプリに実装してください。
</AiPrompt>

Agent が認証と認可の最新のセキュリティベストプラクティスを調査して、アプリに実装します。

**モダンな API 統合**

<AiPrompt>
  利用可能な最も信頼性が高く機能豊富な天気 API を使用した天気アプリを構築してください
</AiPrompt>

Agent が現在の天気 API を調査し、機能、信頼性、料金を比較して、ニーズに最適なオプションを選択します。

**スタートアップ紹介ウェブサイト**

<AiPrompt>
  最新の Y Combinator バッチのスタートアップを紹介するウェブサイトを構築してください
</AiPrompt>

Agent が現在の YC バッチ情報を検索して、実際のスタートアップデータ、ロゴ、説明付きのサイトを作成します。

**個人ポートフォリオサイト**

<AiPrompt>
  スタンフォードの元研究者で Replit の社長を務めた Michele Catasta の個人ウェブサイトを作成してください。
</AiPrompt>

Agent がプロフェッショナルな情報を検索して、関連する経歴と職歴を持つ本物のポートフォリオを作成します。

**旅行計画アプリ**

<AiPrompt>
  現在の価格とおすすめ情報を含む日本旅行プランナーを構築してください
</AiPrompt>

Agent が最新の旅行コスト、観光スポット、計画情報を見つけて、リアルな旅行アプリケーションを作成します。

**金融比較ダッシュボード**

<AiPrompt>
  主要なクラウドプロバイダーの最新の四半期決算を比較するダッシュボードを作成してください
</AiPrompt>

Agent が最近の財務報告を検索して、現在の正確なデータビジュアライゼーション付きのダッシュボードを構築します。

<Warning>
  重要なアプリケーションでは、ウェブ検索の結果から得た情報を必ず検証してください。Agent は信頼性の高い情報源を検索しますが、本番アプリケーションでは重要な詳細を確認してください。
</Warning>

## 次のステップ

最大の効果を得るために、ウェブ検索を他の Agent 機能と組み合わせましょう：

* アプリ構築のための [Agent](/ja/references/agent/overview) 機能について学ぶ
* より多くの開発機能については [Replit AI ツール](/ja/build/welcome)を探索する
