
CopilotKit ではじめる AG-UI - Hono x Strands Agents 連携から AWS デプロイまで
無料で読める本
⭐︎ この Zenn Book について CopilotKit を使って AI エージェントを React アプリに組み込むハンズオンです。React + Hono と Strands Agents を組み合わせたエージェント連携アプリを段階的に実装し、AWS Amplify でデプロイするところまで体験できます。 ⭐︎ 想定読者 ・CopilotKit の公式クイックスタートを試したが、React + Hono の構成で実装したい方 ・CopilotKit を使って AI エージェントを React アプリに組み込む方法を学びたい方 ・CopilotKit で作ったアプリを AWS にデプロイするところまでやってみたい方 ⭐︎ 本書の特徴 ・チャットの基本動作から機能を 1 つずつ積み上げていくため、各機能の役割と実装の流れを段階的に学べます ・ローカルで動作確認しながら実装を進め、最後に AWS Amplify へまとめてデプロイする流れで、機能作成からデプロイまで一通り体験できます
Chapters
はじめに
AG-UI と CopilotKit について
環境構築 - CopilotKit チャットアプリの雛形作成
Frontend Tools - エージェントによるフロントエンド関数呼び出し
Generative UI - ツール実行結果をカスタムコンポーネントとして表示
Shared State - エージェントとフロントエンド間の状態同期
AWS 構成と通信の流れ
AWS 環境構築 - Amplify プロジェクトのセットアップ
AWS インフラ構築 - バックエンドリソース定義 ~ デプロイ
AWS リソースの削除
Author
Topics