不懂技术的我纯用AI做了一个小程序

0 评论 645 浏览 1 收藏 13 分钟

AI发展的越来越快,但每个人在AI的使用深度和广度上差异巨大。本文从一个不会技术的小白视角出发。讲述如何利用AI开发一个微信小程序的思考和过程,希望能够给大家在用AI这件事上带来一些启发。

一、突发奇想

随着AI的发展,市面上可用的AI工具越来越多,从最开始只能解答问题,到可以上手替你完成某个事情,如Codex,WorkBuddy等。这使我萌生了一个想法,我是不是可以完全靠AI搭建一个小程序,解决我生活中的一些问题。

最开始我先了解到的是扣子平台,后续又使用了WorkBuddy来完善小程序的功能

二、场景切入

切入的场景是衣食住行中的衣,我平时出门穿衣有两个头疼的问题:

  • 今天不知道穿啥出门,衣柜里衣服很多,紧紧靠在一起,一眼望过去没有概念,翻找一番后,发现自己还有一套这样的衣服呢,挺适合,挑衣服的过程耗时良久。
  • 我有一件衣服想穿,但是不记得放哪里了。尤其是挂衣区没那么多,有些衣服是折叠放的,找起来更是灾难。

三、解决方案设计

  • 对于推荐衣物:我最在意的点有3个,符不符合当前的场景,符不符合当天的天气情况,符不符合我本人的搭配眼光。
  • 对于查找衣物:我日常的场景是我问女朋友,你记不记得我有个蓝色的半袖,有个带啥图案的衣物放哪里了,提炼一下也就是需要按照颜色,种类,衣物的名称去查找。

想明白我要什么之后,我开始了功能的闭环。要实现这些我的两个场景,需要把数据维护好,那就还需要创建衣橱和上传衣物的功能,来和我现实中的衣物映射。

本着我想少修改,甚至一次成型的美好想法,我决定输入给AI的内容尽可能详细。我开始整理各个功能的完整需求,包括小程序是什么样的风格,分几个页面,每个页面包含的功能,每个功能都可以干什么,包含哪些信息,甚至部分页面我还画了草图示例。

四、搭建demo

写完完整的需求后,我自信满满。直接发给AI,并且问了AI有没有什么疑问,进行了二次确认。过了一段时间后,AI和我说OK了,给我了一个文件,让我去微信开发者工具中编译运行。

此时的我因为从来没有开发过,天然觉得去微信里弄可能很麻烦,觉得在扣子都弄好后,再过去是不是更好。也为自己埋了一个坑。于是我和AI说,我想先在扣子预览,都弄好之后再去微信小程序。扣子回复没有办法在扣子上跑微信小程序,但是可以帮我做一个个HTML可交互预览版。

五、测试demo

点开之后,看起来像模像样,还原了我想要的大部分效果,于是我开始测试流程。实际测试中我发现问题很多。很多要求的功能并没有实现或不能使用,实现的方式有出入以及页面的样式问题。等

针对这些问题,我告知了AI进行了六七轮的修改,在这个过程中我也发现了,AI创造东西来的很快,但是修改起来却很麻烦。

六、准备上线小程序

多轮修改后,有了一个我基本满意的版本,我计划先放到小程序上,再慢慢优化。但是怎么放上呢,我开始询问AI,具体的流程,和每个流程具体的操作方式。当然这个阶段AI给出的信息,有些是我不理解的,那我就继续追问,直到完成这一项。

按照AI的指引,我一步步注册了微信小程序的个人号,做了各种认证。下载了微信开发者工具,上传了代码,因为我没有服务器和域名,因此需要使用微信的云开发,又按照指导一步步建好了数据库,建好了云函数。还是一样的方法,不懂就问,持续问,问到能执行。

问的话我一般问两部分

  • 为什么:比如给我了一个名词我不懂,我先问这个是干什么用的,和其他东西的联系是怎样的。
  • 怎么做:具体到我要点什么按钮,去哪个页面,要输入什么信息,让小白也能看懂照着做

七、测试小程序

终于把所有的东西弄完了,心里很开心,我点下了编译运行键,开始实际测试,一测试我就发现了很多问题

  • 样式上:整体差不多,但是和我在扣子中看到的有差别的,还缺少了很多图标,导致很丑
  • 功能上:更是灾难,很多功能都不能用,出现了各种扣子上没遇到的问题,调试器一栏各种各样的报错

八、修复问题

我意识到之前犯了一个大错误,扣子和微信小程序是两个完全不一样的环境,这导致了我在扣子上测试好了,根本没用,事到如今,只能慢慢修复,不过这次因为扣子积分没了,于是我换了一个工具WorkBuddy。

先解决功能问题,一步一步把功能bug进行修复,期间遇到最不好解决的问题就是接入AI模型和天气组件,小程序里一些功能用到了AI的能力,如上传衣物时识别衣物的颜色、种类、名称。如获取本地的天气情况,用于给用户推荐衣物等。

例如其中天气的获取问题,我按照AI的指引一步步进行,配置了环境变量,设置了APIKEY,步骤完全一致,但是还是不能获取。询问AI,AI每次都会找到原因,自动修复或者是让我配合修复,在这个阶段,反复拉扯了很久,仍然不行。

这个阶段我发现AI不是万能的,而且AI会欺骗自己,当AI找不到真实原因时,AI会不断的猜原因去解决。多轮尝试无果后,我果断要求AI换一个组件,不用这个了,换了新组件后,很快弄好。

从这我明白了,AI会很听你话,会优先响应你的问题本身,这意味着你的决策,你的询问方式,都会影响你最终目标的达成

九、性能优化

在把功能问题都解决,可以正常走通流程后,我还面临几个问题:

  • 第一我使用的是微信云开发最初级的套餐,每个月有调用次数,容量,资源量等限制。
  • 第二当前某些页面的刷新速度慢,体验差。
  • 第三AI识别物品不准、推荐衣物经常超时失败的问题

针对这三部分,在代码层面,我让AI优化了部分功能的触发和查询逻辑,引入缓存,而不是每次都去全量查询;在配置层面,对于关键的业务流程,扩大了其云函数的内存配置,增加超时时长,使其能够兼顾性价比与效率;在AI模型层面,优化提示词,并且更换不同的模型尝试效果。

这时的我有了对AI模型能力的概念,知晓了不同模型的拥有的能力和长处是不一样的。以前的时候只知道听别人说哪个模型好用,却不明白为什么好用。

也发现了模型能力不是越强越好,重在适合,比如当前推荐衣物时经常超时,就是因为现在用的模型是一个慢思考模型,思考时容易超过微信小程序的最大超时限制,导致进程被杀死。当前条件下,那我更适合用一个轻量化的模型去做这个功能。

十、最终上线

在解决完问题后,我开始进行最终的UI优化,把期望的风格,和一些不好看的地方告知AI。进行最后的调整。

一切大功告成后,上传版本,只需要点击一下审核了。不出意外,又有问题,比如请求位置的接口没有权限,当前类目不支持。需要上传隐私协议等。不过没关系按照AI的指引,一步步解决就可以了。

全部做完后,不得不感叹AI的出现,有一个最核心的点是我们的问题终于能够被解答了。传统的搜索引擎中,只能够告诉你部分问题的答案,冷门的问题你需要去自己摸索,自己去问其他人。这天然的导致你在想做某些事时,会因为卡点太难,而中途放弃。

十一、复盘

点完最后的提交审核后。自己开始写这篇文章,一边记录,一边复盘。一些小的思考记录在此,希望能对大家有一定帮助。

  • 哪些工作还可以交给AI来做:转变思维是用好工具的开始,本次开发小程序中,还有很多环节都可以用AI来做。比如在从想法萌生到输入给AI的这部分工作,也可以交给AI来做。这其实是我一部分思维的僵化。
  • AI的长处和短处:AI像一个好用且忠心的员工,不管我们的要求多么过分,多么无理,它都能够帮我们去落地,但是AI更专注于我们的问题,而不是我们的目标,这意味着实战中,我们要升高维度,去做好思路和决策。
  • 未来是怎么样的:在完整的做完小程序后,我意识到,随着技术的发展,一方面技术和工具使用的壁垒将会越来越低,一方面很多原来实现不了或成本很高的事情不再困难。最终一个普通人只要有好的想法,而不用学习任何工具就可以实现。当然在这个过渡的阶段中,我们怎么跟紧时代呢。我想一是选定行业持续深耕,行业的深刻理解将是我们的一部分竞争力。二是训练自己定义问题的能力,AI时代下,如何把问题讲好是我们的另一部分竞争力。

相信未来的时代变化会很快,也会很有趣

本文由@暴打椰椰 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!