ウェブ閲覧エージェントの作り方
ウェブ閲覧エージェントの無料設計図。 11個のコンポーネントを接続した、コードファースト、単一エージェント、クラウドホスト型の構成。 Manus, Tavily, Browserbase, LangChainを中心に構築。 コピー、エクスポート、または回答の変更で、プロジェクトに合わせて調整できます。
ウェブ・コンピューター操作エージェント
11個のコンポーネントを接続した、コードファースト、単一エージェント、クラウドホスト型の構成。
アーキテクチャマップ
コンポーネントをタップして接続を表示
横にスワイプしてマップ全体を表示
ツール設定
インターフェースとトリガー
チャットインターフェース
エージェントとやり取りする場所
ウェブチャットウィジェットまたはSlackまたはTeamsのボット
スケジューラー
スケジュールに沿ってエージェントを起動
Trigger.devまたはZapier, Make
オーケストレーション
エージェントフレームワーク
エージェントループ・ツール呼び出し・状態をコードで管理
LangChainまたはLlamaIndex, CrewAI
人による承認ステップ
リスクのある操作を人が承認するまで一時停止
オーケストレーターに内蔵またはn8n wait node, Slackの承認メッセージ
推論
推論モデル
画像や長文ドキュメントを理解
GeminiまたはClaude, ChatGPT / OpenAI
メモリ・ナレッジ
会話メモリ
現在のチャットやタスクの状況を把握
オーケストレーターに内蔵
ツールと連携
ウェブ検索
ウェブから最新情報を取得
TavilyまたはExa, Perplexity
ブラウジング・スクレイピング
ウェブサイトを読み取り、操作する
BrowserbaseまたはFirecrawl, Airtop
コンピューター操作エージェント
人のようにクリック、文字入力、フォーム入力を行う
ManusまたはSimular (Sai), Airtop, Perplexity Comet
監視・安全対策
ガードレール
危険な入力、プロンプトインジェクション、データ漏洩を防ぐ
入出力チェックまたはツール操作の許可リスト
トレーシングと評価
すべてのステップ・コスト・回答品質を記録する
LangfuseまたはLangSmith, Weights & Biases
エージェントを一歩ずつセットアップ
終わったステップにチェックを入れましょう。進捗はこのプランと一緒に AItooling アカウントに保存されます。
0/19 完了
AItooling があなたの代わりに登録することはなく、パスワードやキーを求めることもありません。各アカウントはツールの公式サイトでご自身で作成し、ここにはチェックの状態だけが保存されます。
ログイン このプランを保存すると、進捗がアカウントに残ります。
1アカウントを作成する
登録またはインストールし、このエージェント用の新しいプロジェクトを作成します。
登録し、利用者がエージェントと話す場所を設定します。
登録して API キーを作成し、まず月間の利用上限を設定します。
登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。
登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。
登録し、このエージェントに必要なアプリだけを、可能なら読み取り専用で接続します。
登録し、エージェントの動作を確認できるようログを有効にします。
2この順序で構築
3エージェントを公開する
このエージェント用の完成済みコードをコピーします。AI モデルに届く前に、秘密情報や個人データを隠します。
各キーはパスワードマネージャーかホスティングのシークレット設定に保管してください。キーやパスワードを AItooling やチャットに貼り付けないでください。
小さく始め、すべての回答を自分で読み、そのあとで他の人に使ってもらいましょう。
もっと詳しく知りたいですか?
エージェントの構築手順を詳しく解説したガイドをご覧ください。 ガイドを見る