AI CoAgent または Copilot を利用したアプリを構築する方法

コーエージェントは、エージェントネイティブアプリケーションを構築するために LanGraph エージェントを React アプリに統合するために必要なツールキットを提供します。この投稿では、このツールについて説明し、その方法を見ていきます。AI CoAgent または Copilot を利用したアプリを構築します。

コーエージェントとは何ですか?

前述したように、CoAgent は、AI エージェントをアプリに統合してエージェントネイティブアプリケーションを作成できるツールキットです。では、その特徴についてお話しましょう。

CoAgents にはという機能があります。共有状態そのため、アプリケーションは 1 行のコードでもエージェントの洞察を取得でき、エージェントは同期されているときに洞察アプリケーションを取得でき、リアルタイムで対話できます。
それはまたあなたに与えますリアルタイムフロントエンドユーザーが提供するコンテキストとアプリケーションのステータスに従ってフロントエンドとバックエンドの両方のアクションを実行できるエージェント。生成 UI であるため、これらのツール呼び出しは要件に従って自動的に広められます。
人間参加型人間の監視と介入を AI ワークフローにシームレスに統合し、入力または承認のためのブレークポイントを指定して安全性とパフォーマンスを強化できます。
私たちも持っていますストリーム中間エージェントの状態、エージェントの思考プロセスをリアルタイムで視覚化し、エージェントのパフォーマンスとユーザーの期待に応える UX に不可欠な透明性と魅力的なユーザーエクスペリエンスを提供します。
コーエージェントのエージェントの生成 UIユーザーのニーズとエージェントの出力に適応する動的な AI 生成インターフェイスを作成し、エージェントの状態を可視化し、信頼を構築します。

前述の機能が気に入った場合は、ビジネスに CoAgents を使用することを検討してください。その方法を見てみましょう。

AI CoAgent または Copilot を利用したアプリを構築する

AI CoAgent または Copilot を利用したアプリを構築するには、以下の手順に従ってください。

CopilotKitをインストールする
リモートバックエンドエンドポイントの構成
LangGraph エージェントを追加する

それらについて詳しく話しましょう。

1] CopilotKitをインストールする

CoAgents を始める前に、まずデバイスに CopilotKit をインストールする必要があります。すでにお持ちだと思いますコンピュータ上に React アプリケーション用のフォルダーを作成しましたが、このステップの最後の部分はオプションです。 CopilotKit はオープンソースの LLM モデルを使用します。このチュートリアルでは、OpenAI API キー。さっそく始めましょう。

開けるWindowsターミナルを使用して React アプリを作成した場所に移動します。cd (ディレクトリを変更)指示。

cd C:\React\myapplication

ここで、次のコマンドを実行します。

 npm install @copilotkit/react-core @copilotkit/react-ui @copilotkit/runtime

次に、以下のコマンドを実行してOpenAIをインストールします。

npm install openai

プロジェクト内で、。イブファイルはルートにあり、次の行を追加します。

OPENAI_API_KEY=your_api_key_here

ファイルに変更を加えた後、次の場所に移動することをお勧めします。docs.copilot.ai/クイックスタートプロジェクトでエンドポイントを構成し、CopilotKit プロバイダーを構成する方法を確認します。

2] リモートバックエンドエンドポイントを構成する

Python ベースのサービス (または他の Node.js 代替サービス) を統合するには、Copilot アプリをリモートバックエンドエンドポイントに接続する必要があります。これを行うには、まず次のクエリを使用して Windows ターミナルに Copilot の依存関係をインストールします。

pip install copilotkit fastapi uvicorn --extra-index-url https://copilotkit.gateway.scarf.sh/simple/

次に、FastAI サーバーをセットアップする必要があります。これを行うには、以下のコマンドを実行します。

mkdir my_copilotkit_remote_endpoint

cd my_copilotkit_remote_endpoint

echo. > server.py

もしエコー機能しませんでした。Visual Studio Code でフォルダーを開いてから、サーバー.pyファイル。

を開きますサーバー.pyVSCode のファイルを開き、次のコード行を貼り付けます。

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def read_root():
return {"Hello": "World"}

さて、戻ってくださいWindowsターミナルFastAPI と Uvicorn をインストールします。

pip install fastapi uvicorn

それが完了したら、に行きますdocs.copilot.aiさらに学ぶためのガイド。

3] LangGraphエージェントを追加する

次に、LangGraph エージェントをserver.py ファイルに統合する必要があります。まず、Python リモートエンドポイント内で CopilotKitSDK インスタンスを見つけます。通常は、server.py にあります。次に、LangGraph エージェントに対応できるように CopilotKitSDK インスタンス (前の手順で確立) を調整します。次のコード行を追加する必要があります。

agents=[ 
LangGraphAgent(
name="basic_agent",
description="Agent that answers questions about the weather",
graph=the_langraph_graph,
# copilotkit_config={ # if you use Google Gemini, uncomment this code (and import `copilotkit_messages_to_langchain`, see above)
# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True) 
# }
)
],

これは CopilotKitSDK タグの下に含める必要があります。

詳細については、に記載されているガイドに従うことをお勧めします。docs.copilotkit.ai/coagents.

読む：

独自の副操縦士を構築するにはどうすればよいですか?

新しいコパイロットを作成するには、Copilot Studio ホームページ (/copilotstudio.microsoft.com) に移動し、作成する左側のナビゲーションで、副操縦士ページ。または、次のように選択することもできます。+ 新しい副操縦士副操縦士のページで。チャットを使用して、提供された質問に基づいて副操縦士について説明するか、選択します。設定にスキップそしてフォームに記入してください。最後に「作成」を選択すれば完了です。

読む：

Copilot はコードを生成できますか?

はい、Copilot はコードを生成できます。ただし、完璧であることはできません。複数の不具合やバグが存在する可能性があります。したがって、手動による徹底的な検査を行わずに、AI チャットボットによって提供されるコードを統合すべきではありません。 Edge の Microsoft の Copilot、組み込みアプリ、または

こちらもお読みください: