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

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

为什么选择这个项目?

很多初学者都苦恼“我该从哪里开始?我要做一个什么样的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可以一起帮你实现!

用AI开发AI翻译助手:初学者也能轻松做出第一个应用的更多相关文章

  1. 初学者也能轻松做出好Beat:FPC鼓机使用教程

    如果我们想用FL Studio制作一个鼓的声部,这时水果自带的鼓机FPC简直就是我们初学者的福音.因为它的操作比较简单,自带的鼓谱也很丰富,而且我们还可以对鼓的音色做细致的调整,或者是使用自己的采样替 ...

  2. 干货分享:五大最适合学习AI开发的编程语言

    AI(人工智能)为应用开发者开创了一个全新的可能性.通过利用机器学习或深度学习,您可以生成更好的用户配置文件.个性化设置和推荐,或者整合更智能的搜索.语音界面或智能助手,或者以其他数种方式改进您的应用 ...

  3. HUAWEI HiAI亮相华为开发者生态大会 助力应用AI开发实现加速度

    6月23日,在2018华为终端·全球合作伙伴及开发者大会AI分论坛体验区的一角,被层层叠叠的人群围得水泄不通.站在最前面的一名体验者,正跟随着“快手短视频”APP上不断出现的小人左右扭动,每完成一个动 ...

  4. 华为云ModelArts 2.0全面升级,革新传统AI开发模式

    [中国,上海,9月20日] 在HUAWEI CONNECT 2019期间,华为云EI服务产品部总经理贾永利宣布--华为云AI重装升级,并重磅发布一站式AI开发管理平台ModelArts 2.0. 现场 ...

  5. AoE 搭档 TensorFlow Lite ,让终端侧 AI 开发变得更加简单。

    AoE( AI on Edge , https://github.com/didi/AoE ) 是滴滴近期开源的终端侧 AI 集成运行时环境 ( IRE ). 随着人工智能技术快速发展,近几年涌现出了 ...

  6. 百度AI开发平台简介

    AIstudio https://aistudio.baidu.com/aistudio/index 关于AI Studio AI Studio是基于百度深度学习平台飞桨的一站式AI开发平台,提供在线 ...

  7. AI 开发路漫漫,什么才是真正的极客精神?

    摘要:AI开发看上去很美,实践起来却不是一件容易的事.一个聪明的开发者知道借助工具提升开发效率,一个智能的平台则会站在开发者的立场,为用户提供贴心服务. 前言 “理想很丰满,现实很骨感.”如果用一句话 ...

  8. 华为全栈AI技术干货深度解析,解锁企业AI开发“秘籍”

    摘要:针对企业AI开发应用中面临的痛点和难点,为大家带来从实践出发帮助企业构建成熟高效的AI开发流程解决方案. 在数字化转型浪潮席卷全球的今天,AI技术已经成为行业公认的升级重点,正在越来越多的领域为 ...

  9. 带你从0到1开发AI图像分类应用

    摘要:通过一个垃圾分类应用的开发示例,介绍AI Gallery在AI应用开发流程中的作用. 本文分享自华为云社区<AI Gallery:从0到1开发AI图像分类应用>,作者: yd_269 ...

  10. Windows Phone 8初学者开发的翻译终于过半

    从2013年7月19日开始,到2013年12月9日,一共花了143天时间完成了18篇Windows Phone 8初学者开发的翻译,还剩下17篇文章需要翻译,看到了完成的希望! I love Wind ...

随机推荐

  1. MAC M1芯片 使用CocoaPods报错 ffi

    sudo arch -x86_64 gem install ffiarch -x86_64 pod install

  2. Prism 学习(一)

    转载自:http://www.cnblogs.com/Clingingboy/archive/2009/01/07/prism_part2.html 本篇将介绍Prism中Region的使用. 本篇D ...

  3. 安川Yaskawa机器人DX100示教器维修的优劣势分析

    安川Yaskawa机器人DX100示教器维修的优劣势分析 安川Yaskawa机器人示教编程,即操作人员经过安川机器人示教器,手动操控机器人的关节运动,以使机器人运动到预订的方位,一起将该方位进行记载, ...

  4. java list集合去重的两种方式

  5. mybatis - [04] mapper文件详解

      Mybatis的Mapper文件(通常是以.xml为扩展名的文件)主要用于定义SQL语句和它们与Java接口方法之间的映射关系.以下是Mapper文件中一些常用的配置元素和属性. 一.mapper ...

  6. 移动端 cordova vue videojs 全屏播放后退出全屏返回后退出app问题

    问题描述 移动端上面使用了videojs 播放视频,同时也监听了手机返回事件document.addEventListener('backbutton',.接着我们点击全屏播放后在退出全屏在返回后直接 ...

  7. 如何用js精确计算一行文字的宽度

    之前有做过一个业务,需要在文本框输入文字的时候动态计算一行文字的宽度.并由此知道当前输入的这段文字会有几行. 如何计算? 每个文字的个数*宽度?理论上可行,但是有一个问题是不同类型的文字对应的宽度是不 ...

  8. Oracle临时表会随另外一个表的创建自动提交并清空

    创建一个临时表,用它导入一些数据 用这个临时表生成另外一个表,用create table ... 但生成的这表总是空的. 原来create table 前会进行提交commit, 而临时表在commi ...

  9. 有限Abel群的结构(1)

    版权申明:本文为博主窗户(Colin Cai)原创,欢迎转帖.如要转贴,必须注明原文网址 https://www.cnblogs.com/Colin-Cai/p/18774816.html 作者:窗户 ...

  10. [每日算法 - 华为机试] leetcode345 :反转字符串中的元音字母「双指针」

    入口 力扣https://leetcode.cn/problems/reverse-vowels-of-a-string/submissions/ 题目描述 给你一个字符串 s ,仅反转字符串中的所有 ...