掘金 人工智能 08月15日
儿子不收拾玩具,我用AI给他量身定制开发一个APP,这下舒服了
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

一位996程序员,面对儿子不爱收玩具的难题,决定利用AI技术开发一款名为“任务APP”的应用。他选择了uni-app框架,并借助Gemini和Claude Code等AI工具辅助原型设计和代码编写。APP的核心功能是让孩子通过完成收玩具任务获得积分,并加入了倒计时和分数倍增机制,以增加趣味性和激励性。该项目展示了AI在简化应用开发流程方面的潜力,以及如何将技术应用于解决日常生活中的实际问题。最终,程序员成功开发出APP,旨在培养孩子的责任感和好习惯。

🧑‍💻 **程序员的痛点与AI解决方案**:文章作者是一位饱受996困扰的程序员,他将解决儿子不愿收拾玩具的问题视为一个“自动化”挑战。他巧妙地将这一家庭任务转化为一个技术项目,利用AI工具来弥补自己在APP开发方面的不足,体现了AI在赋能个人解决实际问题上的强大能力。

📱 **技术选型与AI辅助开发**:在APP开发框架上,作者权衡了原生、Flutter和uni-app,最终选择了uni-app,并看重其云打包的便利性。在原型设计阶段,他尝试了Cursor、Gemini和Claude Code,并利用AI直接根据原型图生成uni-app代码,大大降低了开发门槛。

🚀 **功能迭代与激励机制**:为了保持孩子的参与度和积极性,作者为APP增加了倒计时和分数倍增功能。孩子在规定时间内完成任务(如在预计时间一半内完成可获双倍分数)会获得更高的积分,这种游戏化的设计旨在培养孩子的习惯,并使其乐于接受挑战。

🧪 **测试与打包流程**:在开发完成后,作者进行了基本的测试,包括在浏览器中模拟手机视图查看界面布局。随后,他利用uni-app的云打包功能完成了Android版本的打包,整个流程体现了AI辅助开发的高效性,即使是技术背景不强的开发者也能快速产出成果。

1. 前言

比上班更可怕的是什么?是加班。

比加班更可怕的是什么?是固定加班,也就是 996,大小周。

作为一个荣获 996 福报的牛马,我认为我的际遇已经很可怕了。

没想到还有比这更可怕的,拖着被996折腾过的疲惫身体回家后。我儿子向我展示他一天的劳动成果。

这时候你肯定会说让他收起来不就行了?这时候我应该拿出标志性的礼貌三问:你有对象吗?你有儿子吗?你让你儿子收他就收吗?

不会吧,你儿子收啊。那我和你换个儿子吧。

我对我儿子威逼利诱什么招式都试过了,他每次就3招我就没辙了:

爸爸,我累了你帮我收吧。

爸爸,地上的玩具太多了你和我一起收吧,收着收着这小子就不见了。

爸爸,我要睡觉了,晚安。

每天晚上我都要花时间收拾这个烂摊子,收过十几次后我后知后觉有了个想法。

平时我工作的时候,一个5分钟就能手写完搞定的配置我都要花10分钟写个脚本自动化。

为啥不能让收玩具这件事情自动化呢?我可是个优雅的程序员啊。重复做一个动作在我这应该是严格禁止的才对。

所以我打算做一个自动收玩具的机器。

不是哥们,这我真做不了。在我这自动化是什么意思呢?

不需要自己动手干的就是自动化,把配置做到管理后台,让运营自己去配置算不算自动化?那必须是的呀。

那么,想一种办法让我儿子自己把玩具收起来是不是自动化?那也必须是的呀。

自动化的定义就是不需要自己动手干,管是机器干还是人干,反正不要我来干。

说干就干,我儿子特别喜欢数字,迷恋加法。那不就盖了帽了。给他安排一个任务APP,收完一件玩具就加分,他肯定特满足特有成就感。

我虽然是一个前端后端运维测试攻城狮,但我的的确确没有开发过APP。除了大学要交 Android 作业抱过同学大腿喵了一眼,从那之后我就下定决定干后端去了。因为艺术细菌不是说本人没有,是本人想有但它对我不感冒啊。

但是别忘了,现在是 AI 的时代。产品的活我不会,AI 来。APP 开发我不会,AI 来。貌似不需要后端,那我只能当当测试了。

2. 正片开始

我调研了一圈,目前有几种方案可以实现:

    直接刚原生退而求其次,flutter一退再退,直接uniapp 网页糊上

原生做起来体验最好,但是搭个环境真是要了我的老命了,所以弃之。

flutter总体感觉不错,但是要另外学一门语言,想想我就脑壳疼,亦弃之。

uni-app 看起来不咋滴,蛮多人吐槽但也有真正的案例。但我发现它能云打包,不用我在本地配一堆乱七八糟的。下载一个HBuilder 就行了,虽然很多人吐槽这个 IDE,但关我啥事?是 AI 来写代码,又不是我写代码,尽管恶心 AI 去。选它选它

2.1 画原型图

Cursor,Gemini,claude code 我都试了,Gemini的设计感最强,豆包的体验最好。豆包的效果看起来非常的奈斯啊!

2.2 开发

有了原型那就好办了,直接贴图让cursor 或者 claude code 对着实现就行了。

这里要吐槽一下claude code,不能粘贴板直接贴图,只能把图片拖进去,差评。

把所有的原型图贴进去之后,输入这句简单的Prompt,claude code 就会开始干活了。

请根据原型图,使用uniapp 开发一个app

2.3 加需求

第一版完成了他的使命,最近儿子有点腻烦了,收个玩具磨磨蹭蹭的。不行,我得想点法子,加点东西让他保持新鲜感,然后养成习惯,以后就不用我管了,想想就非常的苏胡啊。

所以为了调动他的积极性,更营造一个紧张的氛围,我加入了倒计时功能:

接下来有个新功能。我想为任务增加一个计时完成功能:  1. 完成任务时,不再是简单的点击即可;  2. 完成任务时,应该提供一个开始完成按钮,然后启动倒计时  3. 创建任务时,应该配置预计完成时间  4. 完成任务时,遵循规则:a.如果在预计时间的一半完成可以得到2倍的分数;b.如果超过一半时间完成则得到1.5倍分数;c.如果超时完成则得到1倍分数

直接把需求丢给AI实现去,自己测试测试,没问题就打包。

2.3 测试打包

先浏览器运行看看效果,可以 F12 切换成手机视图看有没有挤压之类的。

测试没问题就直接打包。因为我是尊贵的 Android 用户,所以我只跑了 Android 打包。

我坦白,uni-app部分我基本是看这个老哥的:juejin.cn/post/729631…

2.4 看看效果

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

AI APP开发 uni-app 程序员 亲子教育
相关文章