用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

正文字数:7680字,共18张图

预计阅读时长:20分钟

本文大纲

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

AI绘画的新篇章

NanoBanana的微信指数

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

百度指数这边还没收录这个关键词呢。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

最近关注AI绘画的热潮,还是在GPT-4o发布后,大家对“吉卜力”的讨论热得发烫。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

至于NanoBanana的功能评测,许多大V已经分享过了,虽然我不是专家,但感兴趣的话可以看看下面的链接。

我试了很多种玩法,觉得NanoBanana真的是目前最棒的改图工具。

PS注意!谷歌的新模型实测显示:人物一致性方面稳了,P图效果也很出色!(附带教程,这三个地方能应用到它!)

顶尖的高手传授经验!藏师傅教你如何快速上手NanoBanana。

最早提到的似乎是卡兹克这位博主。

NanoBanana成为人物一致性的新霸主,AI图片编辑迎来了史诗般的升级。

果然,顶流之所以称为顶流是有理由的,领先国内互联网一周的时间。

至于NanoBanana接下来的发展,会怎样呢?

从趋势和之前GPT-4o交流群的动态来看,可能会出现很多有趣的应用场景。

举个例子,前几天我分享了一个经历:通过AI定制“3D卡通手办”赚了2000元。

正好与NanoBanana的手办案例撞了个满怀,结果在小红书上被推流了。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

这篇笔记的点赞和转发量估计是最高的,而且还在不断上涨。

我感觉NanoBanana结合垂直场景,前景广阔。

比如:AI画画半年来赚了5000元。

又或者:通过AI定制“3D卡通手办”获得了2000元的收益。

这些场景和案例都有可能被放大,只是需要一个合适的操盘手或团队来运作。

如果觉得这两个案例不够吸引人,可以参考一下下面这篇推文,内容非常实用。

如果你也在关注AI领域,强烈推荐关注这位博主。

内容简洁明了,干货满满,真的帮了我很多,感谢老师带我入门。


为什么选择Qoder

热点话题总是要跟上的,我闻到机会来了。

前几天状态不太好,效率低下,没能及时跟上。

如果将来学会出海的部分,我一定会像下面这位老哥那样。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

敏锐的嗅觉加上极强的执行力和专业的工作流程=牛逼的团队。

之前开发小程序时,使用的都是CodeBuddy

我想,使用微信自家的工具肯定更匹配吧?

后来我也尝试过Trae和一个网页版的Agent。

现在Qoder还可以免费使用,想着不如试试?

刚好用一个简单的前端静态页面来测试一下Qoder的效果。

这里是Qoder交付的成果:NanoBanana指北。

接下来是使用Qoder构建NanoBanana指北的Vibe Coding回放过程。


Vibe Coding回放

小程序“NanoBanana指北”主要是搭建一个静态信息展示页,介绍NanoBanana的相关信息,最初的想法包括以下四个部分:

  • NanoBanana基本信息:介绍NanoBanana是什么、它有哪些亮点、应用场景以及如何使用。

  • NanoBanana使用途径:包括Google官方渠道、第三方平台和NanoBanana的API中转服务商。

  • NanoBanana提示词案例:展示一些有趣的AI绘画提示词。

  • NanoBanana指北信息:介绍这个小程序的相关信息。

后来由于一些不可控因素,第三部分的“NanoBanana提示词案例”无法实现,只能改为“国内外AI模型介绍”的模块。

Vibe Coding的过程与Qoder的交互大约进行了5到6轮,总耗时在1小时左右,上传代码、提审、发布,小程序的整个发布流程都走完了。

再加上准备工作(提示词构建)的时间,差不多也得1小时。

接下来记录Vibe Coding的关键交互部分。

第一轮交互:数字游民9527与Qoder

初版的提示词如下:

交给Qoder后,它开始进行输出。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

具体花了几分钟我没注意,抽根烟的功夫,回来后它已经完成了。

打开微信开发者工具,导入项目文件。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

报错情况和之前用CodeBuddy时一样,应该是图片资源的问题,这点有点奇怪,初版提示词已经约定所有图片都用emoji图标代替,为什么还会出错呢?

没关系,这种问题比较好解决,直接把报错复制粘贴给Qoder,让它处理,2分钟搞定。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

第二轮交互:数字游民9527与Qoder

初版的提示词大致完善,Qoder交付的结果也基本符合预期。

有一些细节需要调整,比如按钮遮挡了文案、按钮不够美观、分享按钮的功能没实现……

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!
用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

把这些问题和需求整理好,发给Qoder。

Qoder又开始输出。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

第三轮交互:数字游民9527与Qoder

第二轮对话后提到的问题基本都解决了,但又出现了新问题,比如“关于”页面的“分享好友”卡片样式变形,其他一些小问题。

又对这些新出现的问题进行了两轮调试,提示词指令如下:

很好,需要对小程序做一些优化和调整,具体要求如下:
1、“Prompt”tab页面,悬浮的分享按钮占据的面积太大了,影响视觉效果,请调整尽可能的小,不影响用户对主要内容的阅读体验,同时保证用户可以注意到这个悬浮的分享按钮即可;
2、“Prompt”tab页面,将“更多AI绘画提示词”按钮,调整至文本链接的下方;
3、“About”tab页面,将“分享好友”卡片的按钮,调整风格与下方其他卡片按钮的风格一致(视觉效果方面);

经过这两轮调试,小程序“NanoBanana指北”基本达到了我的预期目标。

提审、发布,还用了一个小程序的免费加急审核名额。

不过很遗憾,没有通过审核,原因是:“个人主体未开放此类目”。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

分析可能是“提示词”示例部分触发了相关规则,所以需要继续整改。

第四轮交互:数字游民9527与Qoder

将原来的“提示词”部分完全移除,替换为“AI模型介绍”模块,提示词如下:

指令交给Qoder后,框框一顿输出。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

几分钟后,它输出了优化后的代码,一下子就通过了,预览效果也很不错,交付的结果就是现在展示的页面。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

再次提交审核,之前的加急审核通道依然可用,十来分钟就通过了,然后发布上线。

收获与反思

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

说到总结收获,现在我对这种“静态信息展示”的应用,像H5或小程序,真的是轻松应对,几乎没有遇到什么麻烦。

这次参与Vibe Coding,让我最大的感受就是打破了以前的一个认知:并不是只有CodeBuddy才是开发微信小程序的最佳选择,尤其是对于这种静态信息的展示来说,情况并非如此。

所以,现在我的理解是:不管是字节的Trae、腾讯的CodeBuddy,还是阿里的Qoder,甚至国外的其他工具,基本上对于我们这些外行人来说,进行一些基础的应用开发都没问题。

当然,真正的挑战可能在后续的全栈开发中,比如涉及到数据库、调用第三方API,还有后台管理等功能的处理。

这才是关键所在。

因为大模型是面向所有用户和团队开放的,但真正能拉开差距的,还是在于任务指令的分析、对大模型的调度能力、AI IDE系统的提示词差异以及用户的互动体验。

期待未来能有更多创新的出现,这样我们就能获得更多免费的资源,同时也能让AI编程市场更加成熟。

至于NanoBanana指北这个小程序是否能借势而起,现阶段看来不太乐观,估计又是一个投资几乎为零的尝试。

用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!

发布后6小时,新增用户136人,访问次数超过200,页面浏览量超过700。

不过这些数据是我分享了3到4个百人群,并发了一条朋友圈之后的结果,总曝光量估计在3000以上。

不过,这也是一次很有趣的经历。


如果你看到这里,真的很感谢你的耐心陪伴。

欢迎成为我的精神支持,等我发财后,一定请你们吃饭。

「AI在改变生产方式」

来源:知乎
原文标题:Vibe Coding回放丨使用Qoder开发微信小程序(NanoBanana指北)
声明:
文章来自网络收集后经过ai改写发布,如不小心侵犯了您的权益,请联系本站删除,给您带来困扰,深表歉意!

《用Qoder开发微信小程序,来看看NanoBanana的精彩回放吧!》有8条评论

发表评论