百度360必应搜狗淘宝本站头条
当前位置:网站首页 > SEO教程 > 正文

零基础:如何用AI三小时上线自己的小程序

gaoyangw 2024-10-30 03:20 31 浏览 0 评论

ChatGPT的出现是为了分担人类的部分工作,AI还具有非常大的想象空间。例如,本文作者利用AI开发了一个小程序,解决不知道每天午饭吃什么的难题。他是怎么做到的呢?本文作者对此进行了展示和经验总结,希望对你有帮助。

上一篇文章分享了我是如何利用ChatGPT高效完成一段超长SQL的优化工作的,依照文中分享的思路,我又陆续完成了几个超长SQL的优化任务,性能都提升了几十倍,几次实操下来基本已经熟练掌握了一些SQL优化的思路。

图为后续优化的SQL运行情况

AI的效率之高和学习成本之低,让我想到了是否能借助AI做更多的尝试,比如零基础开发一款App、一个网页、一个小程序

说干就干,结合之前的工作经验以及用户需求洞察,很快我确定了产品载体和功能:

【载体】:App开发成本较高,不适合零基础进行;网页开发难度小,但功能有限且增长慢留存低;小程序依附于微信,开发成本低且功能更丰富,更易于传播,是一个不错的选择。

【功能】:想要快速验证产品可行性,最简单最直接的一定是工具类产品。因此我把产品定位为即时工具,帮助用户解决日常生活中几乎每天都会遇到的一个痛点——午饭吃什么

最终我决定借助AI,在一天之内开发一个小程序:今天吃什么?

一、准备工作

准备工作其实很简单,因为有过相关经验,所以十分钟左右就完成了。

1.用邮箱注册一个微信小程序账号,完成个人实名认证;

2.根据产品功能,选择所属类型;

3.设计logo:借助AI设计网站,根据产品名称、类型,5分钟完成logo设计(logo设计网站也是由ChatGPT推荐的^_^)

4.下载微信开发工具,创建项目,进入开发

二、需求背景描述

今天吃什么其实是一个非常简单的功能,通过GPT了解到前端开发的基本思路(HTML+CSS+JS)后,我把需求分成三个部分进行描述:

  • 内容:一个文本展示框,一个按钮
  • 布局:文本框和按钮在页面居中的位置,按钮在文本下方
  • 交互:点击开始按钮后,按钮文案变为停止,文本开始随机滚动内容,直到用户再次点击按钮,随机滚动的内容为50道菜名(这些菜名也是由GPT推荐的^_^)

三、代码编写及调试

掌握了熟练的prompt技巧后,根据我的需求描述,GPT很快就给出了第一份具体的代码,然后我把代码贴到了项目中进行调试:

代码内容

第一次运行效果

很显然,样式和功能都不太符合我们的要求:布局过于简陋,交互也不符合预期。

于是我向GPT进一步完善我的需求并指出问题,GPT很快给出了修改方案:

  • 样式:调整间距、颜色、布局、圆角等(GPT给出相应字段,具体数值可以自行调整)
  • 交互:修改切换间隔、停止时的显示、开关控制自动停止等

经过多轮的沟通和修改,最终的效果如图:

到这里其实已经基本完成了,但感觉有点过于简单,于是我又想到是否能增加一个页面:今天喝什么,通过底部的Tab栏进行切换,页面的布局和交互完全一致。

于是继续提问GPT,如何增加Tab并实现切换,同样给出了非常标准的代码,并一次性调试成功,测试过程中发现不能分享页面,又询问GPT原因并配置了参数。

调整了部分样式参数后,v_1.1.0版本全部开发完成,成功提交审核并发布上线,该版本实现的功能有:

  • 随机选择一个午餐/奶茶
  • 可控制是否自动停止
  • 可Tab切换不同模版

点击体验小程序??

四、总结

这依然是一次非常简单的尝试,只是尝试的方向从SQL优化变成了相对复杂的前端开发。

从idea到上线,只花了3个小时,整个流程中,除了手动调整样式的数值,没有写一行代码,全部由GPT帮助我完成,而我的主要任务依然是做好prompt的输入。而经过这段时间和GPT的交流,我也总结出了一些prompt方法论,能帮助我们在对话的过程中,得到更好的答案:

  • 背景介绍:当前诉求的一些隐形背景,比如此次的背景就是:我没有前端开发的能力,但是想自己研发微信小程序。
  • 明确目的:尽可能准确、清晰地描述出最终想要达到的目的、效果,比如此次的目的就是:给出具体的小程序代码和开发流程
  • 需求描述:对目的的细节要求补充,比如此次的需求就是对小程序的界面元素、布局、交互效果的描述
  • 纠错调整:一旦发现GPT有偏离或者不符合需求的地方,一定要第一时间直接指出错误,否则会越跑越偏,最后可能整个对话的内容就脱离控制了,可能需要重新发起对话。
  • Magic Words:最有用也最常用的一个词组是“step by step”,这是GPT官方给出的一个使用手册词汇,会让GPT分步骤给出更有逻辑性的回复。

当然这只是一次浅尝辄止的案例,对于我个人来说只是完成了一个极简工具小程序的开发上线和了解到了一些基本的前端开发知识,对于熟练的前端开发来说可能就是一个小时工作量,但我分享的目的依然是打工人如何利用强大的GPT来帮助自己解决不擅长领域的问题以及学习成长,借助GPT来快速低成本地实现一些单靠自己难以落地的想法,大胆的尝试总是没错的。

后续我会继续借助ChatGPT、Claude(和GPT一样,但不用??且免费)学习和实践一些小程序开发的知识,例如本次未涉及到的API接口、数据库、函数等,逐渐拓展自己的技能树,做出一些简单实用好玩的产品,欢迎持续关注??????

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

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

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

相关推荐

工具升级后我们应该对现有的推广工具有新定义和认知

淘宝商业系统新变革现在的淘宝啊,那可真是越来越像一个超级智能的商业宇宙了。以前咱做淘宝,就盯着那几个关键词,使劲儿刷坑产,以为这样就能出单。可现在不一样咯,进入了2025年,淘宝已经完全进化到了场景化...

在Ozon上常用的推广商品的工具(ozon上架产品)

这些是用于在类目页面、商品卡片、搜索结果和其他Ozon页面上推广商品的工具。Ozon上有哪些推广工具...

外贸人必备!2025 年最受欢迎的海外社媒营销工具解析

现在做海外生意,社媒营销那可是重中之重。2025年又冒出一堆好用的工具,不管是找客户、做推广还是和用户唠嗑,都能帮上大忙。今天咱就来聊聊这些热门的海外社媒营销工具,分社交媒体平台和即时聊天工具两部分...

免费进群获取福彩3D资料?结果……

在国庆小长假来临的喜悦中,李先生(化名)本以为自己找到了快速致富的机会,但没想到等待他的却是一场精心设计的骗局。真实案件前两天,李先生和往常一样刷视频时,无意间看到一个广告,声称可以免费进群获取福彩3...

揭秘刷单骗局,莫把“陷阱”当“馅饼”!

你以为自己是在做...

12万元的血泪教训:揭秘点赞刷单诈骗全过程

今年3月的那个下午,我的QQ突然被拉入一个陌生群,正是这次意外的“邀请”,让我陷入了一场精心设计的诈骗陷阱,损失了12万元。希望通过分享我的经历,能给大家敲响警钟,避免重蹈覆辙。...

内衣电商小白必备引流秘籍,轻松破局!

新手做内衣电商,是不是天天为没流量愁到头秃?别慌,今天就把压箱底的引流干货分享给大家,都是实操验证过的有效方法,纯新手也能轻松上手!社交媒体引流:精准吸粉的流量密码...

“搜索+公益+明星”,QQ浏览器联动百位明星让好事久久发生

2024年9月,走过十年的99公益日正式升级为“久久公益节”。作为腾讯公益的深度合作平台,QQ浏览器依托搜索能力与丰富的明星资源,连续5年以“搜索+公益+明星”的模式深度参与99公益日。...

刷单兼职怎样最赚钱?看完这篇,绝对不亏!

网络刷单日进百金?坐在家里就能赚钱?...

推荐内容运营最需要的14个网站(做内容运营)

...

动动手指就能赚钱的好事,为啥轮到你?

刷单,日进斗金?...

零成本快速获客成交的五大方法(获客成本计算方法)

线上获客的五大方法以下是陈老师根据十几年新媒体营销的经验总结出来的五个0成本快速获客的方法,这些方法简单易学,学了马上就能用,用了就能见到效果。这些方法虽然简单,但是效果确实很不一般。陈老师曾经用赠送...

父亲10年为女儿QQ点赞3.7万次 只因女儿一个要求

近日,网友“未名湖锦鲤”分享的一段特殊的亲情故事...

快手极速版看我如何通过一个广告获得1800金币,干货经验分享

#打卡挑战局#哈喽大家好,我是左十一,今天又来给大家分享多拿金币的小技巧以及疑难杂症的解决方法了,今天主要给大家带来关于快手极速版,如何操作才能通过一个广告获取1800金币的超高金币奖励。很多朋友总是...

“爱芥末”就是全球第一个QQ等级最高的用户

今天凌晨腾讯官微突然宣布全球第一个QQ256级用户诞生了。这个用户叫“爱芥末”,等级图标变成了从来没出现过的“时光企鹅”。腾讯还特意给发了限量版纪念品,终身超级会员和很多皮肤。...

取消回复欢迎 发表评论: