Strict Frog's Blog

企业级开发之Next.js和FastAPI实现前后端服务分离

构建高效Web界面

背景 在之前做过的AIAgent中的Web页面,都是以Html+Css+Js搭建, 除了丑以外,在Agent的会话管理和多用户状态管理上面太过于复杂和低效. 选择 使用Next.js构建高效的UI,next.js和FastAPI实现Agent的前后端服务分离. 下面是使用Next.js搭建的Agent的UI页面: next.js代码示例(因为简单和经典,所以我就...

企业AI平台架构

架构

背景 因为我居住在东京, 遇到很多企业不知道如何落实AI平台, 所以通过这篇文章将我的经验分享出来. 设计思路(简单说明) 1, 使用Next.js构建企业的应用UI, 使用Fast API/ bedlock来设计后端,实现前后端分离 2, 设计统一的”Agent Runtime“架构, 我这里用的(intent/control/context bulder/memo...

AI时代下的焦虑和救赎

纯属虚构

焦虑 作为IT程序员的一员,从去年开始, 似乎陷入了一种在AI时代下要失业的氛围. 身边的IT朋友,现实的IT环境,社交网站上Anthropic贩卖焦虑. 为了让自己不再被落后,从去年七月拼命的的为公司开发Ai Agent应用, 私底下也在全力的看书学习AI知识. 一直到今年5月,落地了3款AI Agent.自身的AI开发技术也有很大的成长. 但目前为止,公司没有给予我关于AI Agen...

企業向けAIプラットフォームアーキテクチャ

アーキテクチャ

背景 東京に住んでいるため、多くの企業がAIプラットフォームの導入方法に悩んでいるのを目にしました。そこで、本記事を通じて私の経験を共有します。 設計方針(簡単な説明) Next.jsを使って企業向けのアプリUIを構築し、Fast API/bedlockを用いてバックエンドを設計。フロントエンドとバックエンドを分離 ...

企业向け開発におけるNext.jsとFastAPIによるフロントエンドとバックエンドの分離実装

構築する効率的なWebインターフェース

背景 以前に作成したAIAgentのWebページはすべてHtml+Css+Jsで構築しており、見た目が悪いだけでなく、Agentの会話管理やマルチユーザー状態管理が非常に複雑で非効率でした。 選択 Next.jsを使用して効率的なUIを構築し、Next.jsとFastAPIを組み合わせてAgentのフロントエンドとバックエンドのサービス分離を実現しました。 以下はNe...

AI時代における不安と救済

全くの虚構

不安 ITプログラマーの一員として、昨年からAI時代に職を失うのではないかという雰囲気に包まれているように感じます。周りのIT仲間、現実のIT環境、ソーシャルメディア上ではAnthropicが不安を煽っています。 自分が置いてきぼりにならないように、昨年7月から必死に会社のためにAIエージェントアプリを開発し、個人的にも全力でAIの知識を学んできました。今年5月までに3つのAIエージェン...

Implementing Frontend and Backend Service Separation with Nextjs and FastAPI

Building Efficient Web Interfaces

Background Previously, the Web pages for the AIAgent were built using Html+Css+Js. Besides looking unattractive, the session management and multi-user state handling in the Agent were overly co...

Enterprise AI Platform Architecture

Architecture

Background Since I live in Tokyo, I have encountered many companies that don’t know how to implement an AI platform. This article shares my experience. Design Approach (Brief Overview) ...

Anxiety and Redemption in the Age of AI

Purely Fictional

Anxiety As an IT programmer, since last year, it seems I’ve fallen into an atmosphere of fearing unemployment in the AI era. My IT friends, the real IT environment, and social media flooded with A...

ChatAgent之Memory Layer设计

Memory Layer

背景 在之前做过的几个ChatAgent中,我在设计Memory Layer时,遇到了很多问题, 通过这篇文章我将讲解如何设计Memory Layer. 基础概念讲解 Memory layer仿照人的思维方式,分为短期记忆和长期记忆. 比如说:”我10分钟前刚到东京的某家咖啡馆,刚刚才坐下来边喝咖啡边在写这篇文章.“ 这就是短期记忆; “我是一个纯中国人,喜欢东京这边的生...

ChatAgentのメモリレイヤー設計

メモリレイヤー

背景 以前いくつかのChatAgentを作る中で、Memory Layerの設計に多くの課題に直面しました。この記事ではMemory Layerの設計方法について解説します。 基本概念の解説 Memory layerは人間の思考に倣い、短期記憶と長期記憶に分かれます。例えば、「10分前に東京のあるカフェに到着し、コーヒーを飲みながらこの記事を書いている」というのが短期記憶...

Design of the Memory Layer in ChatAgent

Memory Layer

Background In several previous ChatAgent projects, I encountered many challenges when designing the Memory Layer. In this article, I will explain how to design the Memory Layer effectively. C...

RAG系统和MemoryLayer之Evaluation模块

Evaluation模块

背景 在之前做过的几个AIAgent中,构建了RAG系统和Memory Layer. 现在需要对这个RAG系统和Memory Layer进行评估, 我会从以下几个维度来评估: 准确率评分(accuracy_score),精确率评分(precision_score),召回率评分(recall_score),平均覆盖率(avg_coverage),平均响应延迟的时间(avg_latenc...

RAGシステムとメモリレイヤの評価モジュール

評価モジュール

背景 以前いくつかのAIAgentでRAGシステムとメモリレイヤを構築しました。今回はこのRAGシステムとメモリレイヤを評価する必要があります。評価は以下の指標で行います:正確率(accuracy_score)、適合率(precision_score)、再現率(recall_score)、平均カバレッジ(avg_coverage)、平均応答遅延時間(avg_latency)。 デ...

Evaluation Module of the RAG System and Memory Layer

Evaluation Module

Background In several previous AI Agent projects, I built RAG systems and Memory Layer. Now, I need to evaluate this RAG system and Memory Layer from the following dimensions: accuracy_score, p...