乐于分享
好东西不私藏

尝试做了个H5+安卓套壳app,可以把语音转的文本一键复制

尝试做了个H5+安卓套壳app,可以把语音转的文本一键复制

首先,说一下这一切的背景:
  1. 老电脑装了根二手内存条以后复活了,但是输入提示词需要敲半天的键盘,很费时间;
  2. 手机上我常用语音转文本,太好用了,之前安装过typeless,长文本情况下体验很好,效率拉升;
  3. 我想在手机上用微信输入法语音转文本,然后一键复制,在电脑一键粘贴;
然后,我想到可以用H5+安卓壳做一个app装在手机上,实现需求。同时,我也想跑通一次从设计到开发到打包到手机使用的全流程。
下面是我的尝试
1、让ai帮我分析需求,并根据分析结果规划技术选型、功能结构;
2、根据需求分析的结果,在google stitch上设计。
  • 不知道是不是我的操作问题,改起来老费劲了,一次改多了容易改错,编辑模式只能选中一个组件改,画圈的模式我圈这它能改那……
  • 简单的页面改那么久,最后放弃细节了,想着可以在pencil调,结果发现无法直接连接pencil,只能导出到pencil改了;
  • 发现stitch对中文支持,但是有时候就像开小差了一样,犯低级错误,让我觉得似乎对中文理解不够,或者当时变笨了;
3、拿着设计图,在pencil里调整细节。
  • 这里也有个坑,claude code一直说连不通pencil,问了ai、调了半天都不行;
  • 最后是vscode里安装插件,重启电脑后,在vscode里使用claude code、pencil,成功连通了;(但我还是不知道原因,为什么这就行了?)
  • pencil里调整细节,老费劲了,一些组件根本拖不动,感觉像是被绑在一起了,只能叫ai帮我调了,马马虎虎就行了,还原度90%;
4、先让ai回顾需求分析、技术方案,然后按规划一步步执行。
  • 打包成功了,结果安装时闪退,解决了安装闪退,又出现了点击app闪退;
  • 反复改始终有问题,我就把需求告诉另一个ai(deepseek),让它审查代码,并告诉它我遇到的问题,让它全面深入的审核这个项目,包括其架构、技术、代码等,审查后发现问题,再回头让ai确认和修改;
  • 终于,在手机上能安装了,虽然很丑,但是功能都对了;
回顾总结
  1. 谷歌这个设计器,是挺强大的,如果需求的设计详细的话,应该可以生成更细致的设计图,而且有设计规范可选;
  2. 不管谷歌stitch,还是pencil,初次使用都挺费劲的,但是有ai门槛已经被拉低了,如果我在做某个兼职项目,完全就能把UI的活也接过来;(前提是客户对UI要求不高、不严格)
  3. H5+安卓套壳,挺有意思的,这样很多想法都能通过这个方式快速验证和体验了;
  4. 把所有的代码都交给一个ai,还是有风险,最好让另一个ai去审查一下代码,相互配合,这样可以排查和解决一些疑难杂症;
  5. 这样一个小需求都花了大半天时间,很多时间都是浪费在排查问题和解决问题上,还有打字上了;