ホームページ > ウェブフロントエンド > jsチュートリアル > Toolhouse SDK を使用した関数呼び出し用の AI ツールの管理

Toolhouse SDK を使用した関数呼び出し用の AI ツールの管理

Patricia Arquette
リリース: 2025-01-15 10:15:43
オリジナル
272 人が閲覧しました

AI エージェントを構築する場合、最も強力な側面の 1 つは、ツール (関数呼び出し) を管理および実行する能力です。ツールは、エージェントがデータのスクレイピング、コンテンツの要約、さらには複雑なワークフローの解決などのタスクを実行するのに役立ちます。しかし、AI エージェントのサイズと機能が増大するにつれて、複数のツールの管理/保守がますます困難になります。
このチュートリアルでは、Toolhouse SDK の使用に焦点を当て、ツールを効果的に管理する方法と、プラットフォームを使用してすべてのツール呼び出しを追跡する方法を示します。

この例では、ユーザーが URL とプロンプトを入力できる非常にシンプルなインターフェイスを構築します。AI エージェントはツールを使用して Web ページをスクレイピングし、データを処理します。

AI エージェントでツール管理が重要な理由

AI エージェントはツールなしでは役に立ちません。 AI エージェントの手足のようなものです。各ツールは、AI が特定のタスクを完了するために依存する特殊なスキルまたは機能です。
ユーザー対応の AI エージェントは、さまざまなタスクを完璧に実行する必要があります。また、API 統合や Web スクレイピング ロジックを実装するために AI ツールをゼロから作成することは、車輪の再発明に似ており、開発チームによる長期にわたるメンテナンスも必要になります。

これらの問題は Toolhouse によって解決されます。これは次のことに役立ちます:

  • Web スクレイピング、メールの送信、スクリーンショットの撮影、LinkedIn でプロフィールを検索するための LinkedIn API などの API の統合などのタスクに特化したさまざまな AI ツールから選択します。
  • Toolhouse アプリで AI エージェントのツール呼び出しを追跡します。
  • Toolhouse SDK を使用すると、強力な AI 機能をすぐに実装できます。

これらの機能により、ツールの管理が簡素化され、ツールの構築/保守について心配することなく、よりスマートな AI エージェントの構築に集中できるようになります。

ツールハウスの入門

それでは、AI を活用した Web スクレイパーを構築しましょう。派手に聞こえますが、これはスクレイピングする URL と、スクレイピングされたデータとともに実行するオプションのプロンプトを入力できる単一ページのアプリです。
必要なものは次のとおりです:

  1. Node.js (v16 以降)。
  2. OpenAI API キー
  3. ツールハウス API キー

ステップ 1: React プロジェクトをセットアップする

React を使用して、ツール呼び出しを管理するためのシンプルなフロントエンドを作成します。新しい React アプリケーションを初期化するために使用する create-react-app がインストールされていることを確認してください。インストールしていない場合は、次のコマンドを実行してインストールできます:

npm install -g create-react-app
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

お気に入りのコード エディターを開き、ターミナル内で次のように入力します。

npx create-react-app ai-scraper
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

新しいアプリの作成が完了したら、プロジェクト ディレクトリに移動します。

cd ai-scraper
ログイン後にコピー
ログイン後にコピー

ai-scraper フォルダーを展開すると、次のようになります。

Managing AI Tools for Function Calling with Toolhouse SDK

すごいですね!サーバーを起動しましょう:

npm install -g create-react-app
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

localhost:3000:
で新しいアプリが自動的に起動します。 Managing AI Tools for Function Calling with Toolhouse SDK

すっきり!必須のライブラリをすべてインストールしましょう。

ステップ 2: Toolhouse と OpenAI SDK をインストールする

これらの SDK を使用すると、アプリが Toolhouse プラットフォームおよび OpenAI モデルと対話できるようになります。

npx create-react-app ai-scraper
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

ステップ 3: API キーを追加する

プロジェクト フォルダー 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 でアカウントを作成する必要があります。

Managing AI Tools for Function Calling with Toolhouse SDK

サインアップしたら、API キーのページに移動します。このページは次のようになります:
Managing AI Tools for Function Calling with Toolhouse SDK

目のアイコンをクリックすると、API キーが表示されるはずです。これをコピーして、.env ファイルの "your_toolhouse_api_key" の場所に貼り付けます。

ステップ 4: Toolhouse でバンドルを作成および設定する

ダッシュボードは次のようになります:
Managing AI Tools for Function Calling with Toolhouse SDK

左側のメニューで「バンドル」をクリックします。これにより、新しいバンドルを作成できる新しいページが表示されます。バンドルの目的は、AI ツールをグループまたはパックに整理することです。

Managing AI Tools for Function Calling with Toolhouse SDK

作成すると、次のページに移動します。そこで、さまざまな既成ツールを見つけてバンドルに追加できます。
Managing AI Tools for Function Calling with Toolhouse SDK

さらに下にスクロールすると、Tavily Web 検索 という名前のツールが見つかります。このツールを有効にすると、バンドルに追加されます:

Managing AI Tools for Function Calling with Toolhouse SDK

ステップ 5: App.js コンポーネントのビルド

アプリに戻り、ツールがどのように管理および実行されるかを示すための単純な React コンポーネントを作成します。 src フォルダー内の App.js ファイル (TypeScript を使用している場合は App.ts) に移動し、その中のコード全体を次のコードに置き換えます:

npm install -g create-react-app
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

ステップ 7: アプリを再起動する

React サーバーが既に実行されている場合は、ターミナル内で Ctrl C を入力して停止します。環境変数をロードするために、次のコマンドを実行してサーバーを再起動します:

npx create-react-app ai-scraper
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

最終アプリ

アプリは次のようになります:

Managing AI Tools for Function Calling with Toolhouse SDK

任意の URL を入力してプロンプトを入力すると、AI エージェントが URL を取得して Web ページを要約します。 microsoft.com などの一部の Web サイトではスクレイピングが許可されていないため、そのような場合にはスクレイパーが失敗することに注意してください。そのため、使用する URL がスクレイピングを許可していることを確認してください。

スクレーパーで遊んでいる私です:

Managing AI Tools for Function Calling with Toolhouse SDK

Managing AI Tools for Function Calling with Toolhouse SDK

Toolhouse の実行ロガーを使用したツール呼び出しの監視

Toolhouse でホストされているツールに対して行われるすべてのツール呼び出しを監視することもできます。これは、ツール呼び出しの数を見積もり、ツール呼び出しを最適化し、時間とコストを節約するのに役立ちます。
実行ログは次のようになります:

Managing AI Tools for Function Calling with Toolhouse SDK

ご覧のとおり、実行ログには各ツール呼び出しの正確な時刻と各ツール呼び出しの出力が表示されます。

このチュートリアルはこれで終わりです。 AI エージェントの構築についてさらに詳しく知りたい場合は、ここまたは LinkedIn でお気軽に私をフォローしてください。

以上がToolhouse SDK を使用した関数呼び出し用の AI ツールの管理の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート