AI Frontend / Full-Stack Engineer · Tokyo, Japan

AI 前端 · 全栈

AI 交互前端 / 全栈  ·  近 8 年经验  ·  大模型 Web 集成  ·  React / Vue3  ·  前端工程化

在职  ·  日本头部 Fintech 公司  ·  东京
React / Vue3 / TypeScript 大模型流式对话 Function Calling / Agent RAG / 向量检索 ASR / TTS · 多模态 前端工程化 · Vite / Monorepo WebGL / Three.js Node.js 全栈 AI 辅助开发 永驻签证
01

关于我

AI 交互前端 / 全栈工程师,近 8 年横跨前端、后端到基础设施的端到端交付经验,5 年带队。 专注大模型 Web 集成与 AI 交互产品前端:独立落地 流式对话(SSE 流式输出 + 打字机渲染 + 断点续流)、多轮会话上下文与记忆、消息分片渲染与长上下文优化、多模型切换与 Prompt 可视化配置、Function Calling / 前端 Agent 交互; 主力 React / Vue3 + TypeScript,深谙浏览器渲染原理、前端性能调优与工程化。

独立主导一个企业级 AI 交互平台的前端与全栈交付:接入大模型实现 知识库问答(RAG + 向量检索 + 引用溯源)、智能内容生成、语音对话助手(ASR + TTS 全链路)、文生图等能力; 攻克流式渲染、会话记忆、消息分片、长上下文等业务难点,落地多模型切换与 Prompt 可视化配置; 并探索 WebGPU / Transformers.js 浏览器端离线推理,做到无后端也可交互。

现于日本头部 Fintech 公司负责 PC / 移动 Web 及商户后台等多终端产品前端, 覆盖全日本 20 万+ 商户(PCI-DSS v4.0 / ISO 27001)。深度参与银行级支付链路(前端主导 + Java 后端); 主导 PostgreSQL 建模与查询优化使核心接口响应下降 40%+; 以 Redis 持久化去重窗口 + throttle 化解 WebSocket / MQTT 高并发消息风暴,保障消息一致性与可靠投递。

带队从 0 到 1 打造数字孪生数据大屏可视化 SaaS 平台(WebGL / Three.js), 成长为集团最大、最稳定的现金牛产品;主导编辑器、按钮级 RBAC、性能优化(开屏 +60%),并落地微前端解耦。 识别业务瓶颈后独立立项,自研 RAG 知识库 + 多轮对话 AI 客服 Agent—— 独立实现向量检索、引用溯源、多轮会话与 Tool Calling 等前端 AI 核心逻辑,满意度 +20%、人力 -30%、近 0 成本。

独立开发并长期运营一个基于 Next.js 的全栈在线内容平台 (产品 / 支付 / CDN / 国际化 / 运维全链路一人 owner),是可对外访问的成熟线上 Web 产品案例。 AI 辅助开发工作流实践者:以 Claude Code / OpenAI Codex / Cursor 类工具完成代码生成、单测、重构与文档,沉淀团队 Prompt 库与规范。 活跃开源贡献者(yt-dlp、Vite 官方生态、Cloudflare 生态),并自研多数据源监控 Agent(GPT-4o + Tool / Function Calling + Playwright + MCP)。

工作年限近 8 年
管理经验5 年
当前所在地东京,日本
签证日本永驻
开源项目160+ 仓库
日语工作沟通
英语技术读写
02

工作经历

日本头部 Fintech 公司 2024.12 — 至今
全栈工程师 / 核心开发
日本头部 Fintech · 支付平台覆盖全日本 20 万+ 商户 · 客户含大型银行与知名消费品牌 · PCI-DSS v4.0 / ISO 27001 认证
  • 独立负责 PC / 移动 Web 及商户后台等多终端核心 SaaS 产品前端开发与全栈交付,保障多端兼容、页面加载性能与优质交互体验,横跨前端与 Java 后端
  • 主导重构高频核心模块,容器资源效率 +11%、运行时性能 +50%+
  • 攻克实时看板 MQTT / WebSocket 断线重连请求风暴,设计 throttle + Redis 持久化去重窗口,在高并发下保障消息一致性与可靠投递
  • 主导支付流水、商户配置等核心业务的 PostgreSQL 建模与查询优化,核心接口响应时间下降 40%+
  • 作为核心开发主导与大型银行合作的定时扣款(ACQ)项目前端实现,并深入 Java 后端接口开发,全程负责测试闭环与部分业务规则设计,落地日本银行级合规支付链路
  • 完成 Webhook 事件体系重构、商户密钥 API 集成、支付 URL 有效期等核心能力
  • 基于用户行为埋点主动发现(非报障驱动)并定位线上登录态丢失问题,数据驱动修复生产环境疑难 bug
ReactVue TypeScriptJava MQTT / WebSocket PostgreSQLRedis PCI-DSS
杭州某大数据 SaaS 公司 2021.1 — 2024.12
资深前端工程师 & 前端主管
大数据 SaaS · 数字孪生可视化平台 · 成长为集团最大最稳定现金牛产品
  • 作为核心成员主导数据大屏可视化平台从 0 到 1WebGL / Three.js),负责编辑器、蓝图、3D 场景等核心模块的架构与实现
  • 多维性能优化(HTTP/2、CDN、Service Worker、按需加载、数据预缓存),开屏性能提升 60%+,内存占用同步下降
  • 设计细粒度按钮级 RBAC 权限控制,支持多租户权限隔离
  • 基于 Monorepo + 微前端完成项目解耦与功能子模块化,团队开发效率大幅提升
  • 识别客户成功团队效率瓶颈,独立立项并从 0 到 1 打造 RAG 知识库 AI 客服 Agent:独立实现向量检索、引用溯源、多轮对话与 Function Calling等前端 AI 核心逻辑,近 0 成本运营,满意度 +20%、人力投入 -30%
  • 组建并管理前端团队:招聘、梯队建设、技术培训;关键项目亲赴客户现场推进交付
ReactTypeScript WebGLThree.js 微前端RAG 向量检索团队管理
某消费品 / 电商公司 2018.5 — 2020.12
前端工程师 → 前端主管
  • 主导 H5 项目重构,引入 SSR + 骨架屏,显著提升首屏体验
  • 完成全平台支付集成(微信 / 支付宝 / 连连支付),B 端 C 端支付链路全部开发
  • 统一技术规范,ESLint + Code Review,重构小程序(taro 替换 mpvue)
  • 基于 Node.js + Puppeteer 开发自动化爬虫,定时采集 → 生成 Excel → 自动邮件推送
  • 负责前端技术选型、基础架构搭建,维护 PC / H5 / 小程序 / 收银系统多端技术栈
VueReact TaroNode.js 小程序
03

技术能力

前端框架
ReactNext.js Vue3TypeScript 微前端Taro
后端 & 接口
Node.jsNest.js PythonFastAPI REST / GraphQLWebSocket / SSE PostgreSQLMySQL RedisMongoDB DockerNginx
前端工程化
ViteWebpack RollupMonorepo CI/CDESLint / Prettier unplugin
大模型 Web 集成 / AI 前端
流式对话 / SSEFunction Calling 前端 AgentRAG / 向量检索 引用溯源消息分片 会话记忆 / 长上下文多模型切换 Prompt 可视化ASR / TTS 文生图WebGPU / Transformers.js GPT-4o / Claude APIMCP
可视化 & 跨平台
WebGLThree.js 数据大屏Flutter ElectronTauri 微信小程序
工程 & 安全
性能调优XSS / CSRF 安全 复杂 Bug 排查技术选型 团队建设代码规范
04

开源贡献 & 个人项目

企业级 AI 交互平台(独立交付) 大模型 Web 集成

独立主导前端与全栈:大模型知识库问答(RAG + 向量检索 + 引用溯源)、智能内容生成、语音对话助手(ASR + TTS)、文生图;实现流式对话、会话记忆、消息分片、多模型切换与 Prompt 可视化;探索 WebGPU / Transformers.js 浏览器端离线推理 · React / Vue3 · TypeScript

LLM · 多模态 · 全栈
在线流媒体平台(独立运营) 独立产品

一人 owner 的全栈在线流媒体平台:影视 / 剧集 / 动漫 / 直播,中英文双语,每日更新。独立负责产品设计、内容分发、支付、CDN、国际化,到上线运维、性能与稳定性全链路 · Next.js 全栈

Next.js · 全栈 · 独立操盘
AI 机票价格监控 Agent AI Agent · Python · MCP

多路线机票价格监控 Agent · GPT-4o 作为决策核心(Tool Calling + Function Calling),Playwright 多平台抓取,TiDB 存储历史价格,Telegram Bot 推送低价预警 · Docker 部署 · MCP Server 集成

从 0 到 1 · 全栈自研
yt-dlp ★ 90k+

向知名视频下载工具提交 PR:修复某平台提取器签名生成逻辑,解决视频无法下载问题

✓ merged
Vite 官方生态 vite-plugin-react

修复 RSC plugin 中使用 MagicString 保留 webpack-require sourcemap 链路

open PR
Cloudflare 生态 vinext

修复 SSR 入口 react-dom/server.edge 双重导入导致的 Rollup 构建 warning

✓ merged
构建插件(npm 发布) unplugin

自研并发布的 unplugin 插件,自动注入版本号和构建时间戳,支持 Webpack 4/5 / Vite / Rollup

npm published
05

联系我