AI エージェントを構築する場合、最も強力な側面の 1 つは、ツール (関数呼び出し) を管理および実行する能力です。ツールは、エージェントがデータのスクレイピング、コンテンツの要約、さらには複雑なワークフローの解決などのタスクを実行するのに役立ちます。しかし、AI エージェントのサイズと機能が増大するにつれて、複数のツールの管理/保守がますます困難になります。
このチュートリアルでは、Toolhouse SDK の使用に焦点を当て、ツールを効果的に管理する方法と、プラットフォームを使用してすべてのツール呼び出しを追跡する方法を示します。
この例では、ユーザーが URL とプロンプトを入力できる非常にシンプルなインターフェイスを構築します。AI エージェントはツールを使用して Web ページをスクレイピングし、データを処理します。
AI エージェントはツールなしでは役に立ちません。 AI エージェントの手足のようなものです。各ツールは、AI が特定のタスクを完了するために依存する特殊なスキルまたは機能です。
ユーザー対応の AI エージェントは、さまざまなタスクを完璧に実行する必要があります。また、API 統合や Web スクレイピング ロジックを実装するために AI ツールをゼロから作成することは、車輪の再発明に似ており、開発チームによる長期にわたるメンテナンスも必要になります。
これらの問題は Toolhouse によって解決されます。これは次のことに役立ちます:
これらの機能により、ツールの管理が簡素化され、ツールの構築/保守について心配することなく、よりスマートな AI エージェントの構築に集中できるようになります。
それでは、AI を活用した Web スクレイパーを構築しましょう。派手に聞こえますが、これはスクレイピングする URL と、スクレイピングされたデータとともに実行するオプションのプロンプトを入力できる単一ページのアプリです。
必要なものは次のとおりです:
React を使用して、ツール呼び出しを管理するためのシンプルなフロントエンドを作成します。新しい React アプリケーションを初期化するために使用する create-react-app がインストールされていることを確認してください。インストールしていない場合は、次のコマンドを実行してインストールできます:
npm install -g create-react-app
お気に入りのコード エディターを開き、ターミナル内で次のように入力します。
npx create-react-app ai-scraper
新しいアプリの作成が完了したら、プロジェクト ディレクトリに移動します。
cd ai-scraper
ai-scraper フォルダーを展開すると、次のようになります。
すごいですね!サーバーを起動しましょう:
npm install -g create-react-app
localhost:3000:
で新しいアプリが自動的に起動します。
すっきり!必須のライブラリをすべてインストールしましょう。
これらの SDK を使用すると、アプリが Toolhouse プラットフォームおよび OpenAI モデルと対話できるようになります。
npx create-react-app ai-scraper
プロジェクト フォルダー ai-scraper 内に新しい .env を作成し、次の API キーを追加します:
cd ai-scraper
OpenAI API キーは、platform.openai.com/api-keys で見つけることができます。 .env ファイルで、「your_openai_api_key」を実際の OpenAI キーに置き換えます。
AI Web スクレイピング アプリ用に Toolhouse アカウントを設定する方法を見てみましょう。 Toolhouse API キーを取得するには、まず Toolhouse.ai でアカウントを作成する必要があります。
サインアップしたら、API キーのページに移動します。このページは次のようになります:
目のアイコンをクリックすると、API キーが表示されるはずです。これをコピーして、.env ファイルの "your_toolhouse_api_key" の場所に貼り付けます。
ダッシュボードは次のようになります:
左側のメニューで「バンドル」をクリックします。これにより、新しいバンドルを作成できる新しいページが表示されます。バンドルの目的は、AI ツールをグループまたはパックに整理することです。
作成すると、次のページに移動します。そこで、さまざまな既成ツールを見つけてバンドルに追加できます。
さらに下にスクロールすると、Tavily Web 検索 という名前のツールが見つかります。このツールを有効にすると、バンドルに追加されます:
アプリに戻り、ツールがどのように管理および実行されるかを示すための単純な React コンポーネントを作成します。 src フォルダー内の App.js ファイル (TypeScript を使用している場合は App.ts) に移動し、その中のコード全体を次のコードに置き換えます:
npm install -g create-react-app
React サーバーが既に実行されている場合は、ターミナル内で Ctrl C を入力して停止します。環境変数をロードするために、次のコマンドを実行してサーバーを再起動します:
npx create-react-app ai-scraper
アプリは次のようになります:
任意の URL を入力してプロンプトを入力すると、AI エージェントが URL を取得して Web ページを要約します。 microsoft.com などの一部の Web サイトではスクレイピングが許可されていないため、そのような場合にはスクレイパーが失敗することに注意してください。そのため、使用する URL がスクレイピングを許可していることを確認してください。
スクレーパーで遊んでいる私です:
Toolhouse でホストされているツールに対して行われるすべてのツール呼び出しを監視することもできます。これは、ツール呼び出しの数を見積もり、ツール呼び出しを最適化し、時間とコストを節約するのに役立ちます。
実行ログは次のようになります:
ご覧のとおり、実行ログには各ツール呼び出しの正確な時刻と各ツール呼び出しの出力が表示されます。
このチュートリアルはこれで終わりです。 AI エージェントの構築についてさらに詳しく知りたい場合は、ここまたは LinkedIn でお気軽に私をフォローしてください。
以上がToolhouse SDK を使用した関数呼び出し用の AI ツールの管理の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。