惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
博客园 - Franky
GbyAI
GbyAI
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
爱范儿
爱范儿
IT之家
IT之家
酷 壳 – CoolShell
酷 壳 – CoolShell
aimingoo的专栏
aimingoo的专栏
博客园_首页
MongoDB | Blog
MongoDB | Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Recent Announcements
Recent Announcements
Scott Helme
Scott Helme
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
C
CERT Recently Published Vulnerability Notes
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Jina AI
Jina AI
F
Fortinet All Blogs
N
Netflix TechBlog - Medium
L
LangChain Blog
L
LINUX DO - 最新话题
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
H
Hacker News: Front Page
MyScale Blog
MyScale Blog
P
Palo Alto Networks Blog
G
Google Developers Blog
Google DeepMind News
Google DeepMind News
AI
AI
T
Troy Hunt's Blog
Microsoft Azure Blog
Microsoft Azure Blog
阮一峰的网络日志
阮一峰的网络日志
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Vercel News
Vercel News
Microsoft Security Blog
Microsoft Security Blog
罗磊的独立博客
S
Secure Thoughts
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
人人都是产品经理
人人都是产品经理
Blog — PlanetScale
Blog — PlanetScale
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
S
Security @ Cisco Blogs
Cloudbric
Cloudbric
E
Exploit-DB.com RSS Feed
Attack and Defense Labs
Attack and Defense Labs

博客园 - 阿新

用 AI Vibe Coding - word-cards 自部署 TTS + Vercel 部署实践 用 GPT-5.2 Vibe Coding,做了一个可以“玩”的人脸相似度应用 数字产品护照 (DPP) 解决方案:利用 Blazor 和区块链实现产品全生命周期追踪 使用Blazor WebAssembly整合PocketBase的基础项目模板 Blazor Server完美实现Cookie Authorization and Authentication Blazor技术开发了一个访客管理系统 分享刚出炉的基于Blazor技术的Web应用开发框架 基于PaddleOCR实现AI发票识别的Asp.net Core应用 Clean Architecture For RazorPage 实现多语言和本地化 Workflow Core + asp.net core 5.0 实现简单审批工作流 GitHub自动化部署(CD) asp.net core 5.0 项目(免费空间) CleanArchitecture Application代码生成插件-让程序员告别CURD Ctrl+C Ctrl+V 一个遵循CleanArchitecture原则的Asp.net core轻量级开源项目 分享我的CleanArchitecture for Razor Page项目模板 asp.net core 实现 face recognition 使用 tensorflowjs(源代码) fastreport-使用JSON做为数据源报表 分享我的第一个RPA练习 完美解决asp.net core 3.1 两个AuthenticationScheme(cookie,jwt)共存在一个项目中 基于领域驱动设计(DDD)超轻量级快速开发架构(二)动态linq查询的实现方式
用AI开发AI翻译助手:初学者也能轻松做出第一个应用
阿新 · 2025-05-06 · via 博客园 - 阿新

在过去,学习编程往往意味着大量阅读文档、理解晦涩的语法、查找资料,甚至要面对一个接一个的报错信息,这对初学者来说常常是一个令人望而生畏的过程。但在AI时代,这一切都变得不一样了。

我最近完成了一个小项目:一个由AI驱动的翻译助手 —— LinguaLens。最有趣的是,我基本上是在AI的帮助下完成整个开发过程的。这个经历让我想和更多对编程感兴趣、但还没有迈出第一步的朋友们分享:现在是学习编程最好的时代,而AI正是你最值得信赖的学习伙伴。

Demo:

https://lingualens.blazorserver.com/

为什么选择这个项目?

很多初学者都苦恼“我该从哪里开始?我要做一个什么样的App?”。我选择“AI翻译助手”作为第一个项目,是因为它简单实用,功能明确,而且与AI天然结合:你只需要输入一句话,它就能自动翻译成目标语言。

更重要的是,这个项目结构清晰,非常适合用来练手。如果你想让这个助手做别的事,比如写作摘要、改写句子、甚至成为一个聊天机器人,只需要修改一下系统提示词就可以实现。这就是AI应用的魅力——一个框架,千种玩法

技术选型:为什么选择 Next.js 和 ShadcnUI?

这个项目是基于 Next.jsShadcnUI 开发的。如果你是编程新手,可能对这两个名字不太熟悉,但我之所以推荐它们,是因为:

  • Next.js 是基于 React 的全栈框架,在国外拥有非常活跃的社区和丰富的资源。你可以轻松找到问题的答案,甚至用 ChatGPT/Cursor/GitHub Copilot 问它“怎么实现xx功能”也能立刻获得解决方案。
  • ShadcnUI 是一个现代化的 UI 组件库,几乎不需要设计能力就能搭出非常漂亮的界面,而且还有很多现成的模板可以直接使用。对于初学者来说,这意味着可以更快看到成果,增加成就感和信心。

在AI的帮助下开发,原来这么简单

整个开发过程中,我大量使用了 ChatGPT 和 Copilot 来完成以下工作:

  • 帮我生成基本的代码结构
  • 提示我如何使用 API 实现翻译功能
  • 帮我调整前端界面的样式
  • 指导我如何部署项目上线

可以说,AI 就像是一位全天候的编程导师,随时解答我的问题,还能给我具体的代码建议。你不需要完全理解每一行代码的背后原理,也能快速构建出一个可用的App,而这正是现在学习编程和开发项目的最大优势。

开源项目地址,欢迎学习参考

这个项目目前已经发布在两个平台上,欢迎大家 Clone 代码学习参考:

你可以直接运行,也可以在它的基础上加一点点自己的想法,就做出属于自己的AI助手。

你的第一个App,只差一个“开始”

如果你对编程感兴趣,如果你想做点属于自己的东西,不妨就从这个项目开始。你会发现,有AI的世界里,写代码不再难,做App也不遥远。最重要的是,你会体验到从0到1创造的快乐。

欢迎留言告诉我你正在做什么样的AI项目,或者想做一个什么样的App,说不定我和AI可以一起帮你实现!