对于技术来说现在是艰难的时期,都懂~,现在也是美好的时期,革命性新技术让人兴奋不已,言归正传,前端 + ChatGPT可以怎么玩儿?
前端 + ChatGPT 可以怎么结合?
已代码为核心
以代码为核心,编辑器是与ChatGPT结合的媒介,如果您已经体验过Copilot这样的代码开发助手,能够大幅减少手动编码量,用或者写个编辑器插件就可以让ChatGPT帮助开发者生成代码、审查代码、添加注释等等功能,结合自己的编码场景搞个开发小助手也是不错的技术方向。
已可视化为核心
已可视化为核心,最后的页面交付产物是和ChatGPT结合的载体,也就是给页面增加编辑能力把Chatgpt生成的代码加到页面中展示出来,目前在探索和实践这个方向。下面说下具体内容:
使用形式
http://localhost:5174/?url=http://localhost:5173
将http://localhost:5173(本地自己开发的项目)作为参数放到http://localhost:5174/可让源码项目可以编辑,后续会提供命令行工具使用。
使用示例
下图为使用chatgpt创建的页面的简单介绍,如输入:创建一个产品表单,包括产品名称、产品详情。获得的结果
输入新增发布时间,右侧回自动加上。
最右侧是vscode编辑器,Chatgpt输出的或内置的跟手动编辑的源代码保持实时同步
此项目处于开发早起阶段,可以先运行源代码体验,github.com/sparrow-js/…,后续会持续更新研究。本项目是在lowcode-engine的基础上改的。
下一步
1.完善prompt 2.自有知识库建设 3.其他使用体验改善
前端开发的一席之地在哪?
之前代码和开发者的生产关系是code->developer,Chatgpt的出现相当于在代码和前端之间加了一个助手生产关系变为code->assistant->developer,developer未来的工作重点是告诉assistant需要做什么和识别code结果正确与否,需要做什么这个事情可以转给任何人做,code结果识别目前需要developer做,至于assistant会不会上位完全掩盖code部分,生产关系迭代成code->assistant还不清晰需要继续验证。那么前端的一席之地想到的有三个。
- 一个是code识别确认,也就是具体的代码交给assistant,开发者需要看着assistant干活和处理非代码的工作(不用怀疑大家都懂),工作中作为assistant角色的人可能需要留意了要不往左要不往右要不画太极。
- 设计prompt,设计特定的prompt输出特定的专业结果,
- 喂数据,需要像养孩子一样养一个assistant,让它获取专业知识。
也许Chatgpt的出现会让已有的互联网产品重新设计交互形式,逢山开路,遇水搭桥,现阶段拼的就是一个心态,多学习知识。
最后
新项目持续开发中,感兴趣可以先关注下,github.com/sparrow-js/…