零基础:如何用AI三小时上线自己的小程序
gaoyangw 2024-10-30 03:20 27 浏览 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协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
相关推荐
- 招标公告-网络销售农资治理数据服务项目磋商公告
-
招标公告-网络销售农资治理数据服务项目磋商公告...
- 销售的几种方式(销售的十大方式)
-
以下是几种常见的销售方式介绍:传统线下销售-门店销售:在实体店铺中,销售人员与顾客面对面交流,介绍产品或服务,帮助顾客挑选合适的商品,促成交易。例如在商场的服装专卖店,销售人员会根据顾客的身材、喜...
- AI要干掉SaaS销售?(ai销售是什么意思)
-
随着AI技术的飞速发展,许多行业都在经历前所未有的变革,SaaS销售领域也不例外。最近,行业内关于“AI是否会取代SaaS销售人员”的讨论愈演愈烈,许多从业者感到焦虑不安。然而,SaaS行业老兵大D认...
- 网络上的性暗示广告泛滥,是商业营销手段还是道德底线的滑落?
-
刷到是缘分,感谢大家的阅读,希望您能动动小手帮忙点赞,关注,评论。你的支持和鼓励是我前进的动力。在此祝福大家天天快乐,日日开心!...
- 互联网上,怎么销售 销售是你必须掌握的创造财富的核心技能。
-
互联网上销售2个要点。销售是你必须要掌握的创造财富的核心技能,只有先促成交易才能获得利润。今天的内容非常重要,但是对于很多人来说并不容易理解,因为它和传统的教育理念有很多的冲突。我尽量慢一点,各位好好...
- 浅谈网站优化之站内优化(网站的站内优化)
-
网站优化分为站内优化和站外优化,今天我们只谈站内优化。在给网站做站内优化的同时,我们首先要做一个网站诊断,通过网站诊断,发现网站存在什么问题,然后进行优化。之所以需要优化,是发现网站没有排名,没有流...
- 想成为一个Web前端开发工程师,需要掌握的知识总结
-
前端工程师已经成为目前互联网企业极具竞争力的人才,企业不断提升薪资水平为了招聘到优秀的Web前端开发工程师。因此,越来越多的人想要学习Web前端。那么呢?Web前端的学习路线是什么?下面就和千锋武汉W...
- 合理站内优化-放你200米先跑(200米队伍能站多少人)
-
有一首民谣是这样说的:丢失了一个钉子,坏了一只蹄铁;坏了一只蹄铁,折了一匹战马;折了一匹战马,伤了一位国王;伤了一位国王,输了一场战斗;输了一场战斗,亡了一个帝国。从这首民谣中我们可以提炼出,一个微小...
- 教你分析竞争对手的网站,借鉴快速做好自己网站的SEO
-
关于seo爱好者来说,剖析竞争对手的网站是我们必需要做而且必需要做好的事情。但是很多SEO爱好者只晓得去察看,却不晓得应该如何剖析竞争对手的网站。...
- SEO优化重点在哪里?核心因素(seo的优化基础)
-
seo优化是一个长久的过程,也是一个持续坚持的过程。当然,了解了其中重点的核心因素,会让很多朋友少走很多弯路,所以,今天牵线的木偶想给大家分享下关于SEO比较核心的有些需要重点注意!(完全不了解SE...
- 站内SEO优化需要重视这16点才能提升网站排名!
-
1.H标签网站单个页面的H标签尽量控制在一定数量,常见的用法是h1标签1次,h2标签2次,h3标签用3词,也有很大部分的网站不用h1标签直接使用h2标签,这种情况常见于门户站、新闻站等。2.Alt描述...
- 广州网络包年推广 网络广告包年-易找网络服务中小企业
-
易找网络专注搜索平台关键词优化排名,信息流广告,朋友圈广告,网站建设等,专注于互联网广告业务,致力于帮各类行业广告主提供PC、移动的互联网效果资源,与国内主流媒体建立了深度战略合作。易找是在搜索引擎上...
- 网站建设公司背景与技术实力全面解析
-
今天我要给大家详细讲解一下网站建设公司的情况,这个行业里学问挺多。这些公司能够按照客户的具体要求和需求,制作出功能丰富、外观漂亮的网站,这在互联网领域非常重要。接下来,我们就从几个角度来详细探讨一番。...
- 全有家居朋友圈线上活动策划方案(附下载)
-
部分内容预览...
- 2025商业广场春季营销活动策划方案“春日放飞季”(附下载)
-
部分内容预览...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 网站开发 (47)
- 网络推广哪个平台好 (47)
- 百度收录 (50)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 广州seo (47)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 网页制作 (47)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站收录查询 (46)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 长尾关键词 (47)
- 手机网站建设 (53)
- 一键优化 (47)