当前位置: 首页 > news >正文

再不转型为ChatGPT程序员,有遭受降维打击的危险

Open AI在演示GPT-4的时候,有这么一个场景:给一个界面草图,就可以生成网页代码。

fd0e5bfb877e41a30d9fc49edc6761fb.png

这个演示非常简单,如果界面原型比较复杂呢?像这样:

1bcb2211ec5ed43cdbc13f4cc0bd1998.png

ChatGPT能不能直接生成HTML, CSS,JavaScript代码,把这个网页给实现了?

如果ChatGPT能独自把这个活儿给干了,前端开发真有失业的风险。

实际上,现在GPT-4根本没有开放“给一个图片,生成代码”这个功能,现阶段我们还是只能靠文字去和ChatGPT交流。

但是“ChatGPT基地”星球的球友@潇迪确实把它完成了,效果如下:

GPT-3.5效果图

26e51512222022b81e68552bc95a7141.png

GPT-4效果图

cd81031a30dda67b9d9086ba9137e366.png

经过和ChatGPT交互,微调以后(在已经生成的代码中进行微调,ChatGPT的能力实在是逆天,可以吊打所有其他代码生成工具),效果如下:

48bc2089f43fae5cb534964882e51eff.png

(点击阅读原文,可以查看@潇迪用ChatGPT生成的效果图和源码)

是不是很惊艳?如果再花点儿时间微调,效果肯定会更好。

关键点就是@潇迪用的prompt:

页面名称:咨询情况大屏展示页
页面目的:通过卡片以及图表展示实时咨询情况
页面结构:
顶部:占整体页面长度的1/5,包含4个卡片,每个卡片占用平均宽度,卡片里面包含左边为一个图标,右边分为上下两个元素,分别为标题与数字
○ 卡片1:图标为笑脸,底色为浅绿色,
○ 卡片2:图标为握手,底色为浅蓝色,
○ 卡片3:图标为饼图,底色为浅黄色,
○ 卡片4:图标为国际化,底色为浅红色,
2. 中部:占整体页面长度的2/5,包含一个饼图,占1/2个宽度,另外一半与底部,右四分之一宽度为一个块,包含三个折线图,每个折线图有一根线,x轴为人名,y轴为0-400
○ 饼图:标题为慢性疾病预警,包含六个标签
■ 标签1:风湿,30%
■ 标签1:慢性呼吸系统疾病,30%
■ 标签1:精神、心理疾病,15%
■ 标签1:心血管疾病,15%
■ 标签1:营养代谢疾病,5%
■ 标签1:恶性肿瘤,5%
3. 底部:占整体页面长度的2/5,包含一个环形图,占1/4个宽度。一个雷达图,占1/4个宽度。另外一半为上述折线图。
● 环形图:标题为心理健康预警,包含五个标签,分别为敌对,焦虑、敌对、敌对、躯体化。
● 雷达图,五个角分别为,竞争压力、职场压力、家庭压力、人际压力、学习压力
请帮我生成静态页面,不要省略代码,给出代码。图标请使用fontawesome库完成。

这些prompt用结构化的方式,清楚地描述了界面上有什么东西,至于细节,完全交给ChatGPT来生成。

相比埋头哼哧哼哧敲代码,工作效率提升了10倍,甚至100倍。

恐怕你也有这种感觉,有了ChatGPT以后,程序员关注的点要改变了。

不仅是前端界面,后端开发也是这样,原来不但需要考虑整体,还需要考虑很多细节,不仅要考虑细节,还得一行行把代码敲出来。现在程序员来把控全局,用自然语言不断给ChatGPT提示,很快就能生成代码。

这样的提示越精准越好,例如“图标请使用fontawesome库完成”,“支付时间和薪水计算策略是两个概念,把它们两个拆分开。” (详情参见这篇文章:《ChatGPT开始威胁程序员的核心能力了》)

如何提示ChatGPT,真有可能变成一门学问,提示得好,ChatGPT就配合得好,工作效率就高。

我自己刚接触ChatGPT时,首先是感到震撼,其次有强烈的危机感:如果不会用ChatGPT,肯定干不过熟练使用ChatGPT的程序员。

别人用自然语言生成代码,我还在一行行敲,效率差了十倍百倍。这将直接影响一个人的工作绩效,工作机会,工资,奖金。 

一个初级程序员使用好ChatGPT,有可能可以和中级,甚至高级程序员抗衡。

我觉得会使用ChatGPT程序员,已经从一片黑暗森林进入另一片黑暗森林。如果我还是对ChatGPT选择性地无视,可能很快就会遭受降维打击了。

所以我得赶紧把自己用ChatGPT武装起来,但是编程领域这么多,到底怎么用ChatGPT才有效呢? 

这就是我和闪客建立“ChatGPT基地”的本意,探索ChatGPT的能力,尽快转型为ChatGPT程序员!

让人欣喜的是,星球从这周二开始宣传,三天已经有600多人加入,并且特别活跃:

1d5f2c520473d0e3fa09c55fd1aabd70.png

星球涌现出了很多ChatGPT的优秀的用法,这篇文章就取材于星球,这里再次感谢球友@潇迪

5d7f3886ad2938b62cfca6e4a677ebde.png

“ChatGPT基地”个非常垂直的星球,专门为程序员建立,目的很单纯:

1.帮助程序员尽快掌握ChatGPT这个优秀的工具,找到最优的使用方式,最佳的提升工作效率的方法。

2.探索ChatGPT给程序员带来的机会,如果iPhone出现带来app开发一样,把副业变成主业。

当然,这是两个最主要的目的,加入星球,还可以查看ChatGPT的前沿资讯,优质资源和项目,ChatGPT的极客玩法等等。 

现在星球有这些活动:

加入星球就送一个ChatGPT帐号

ChatGPT大航海活动,在实际项目中应用ChatGPT,提高工作效率

输出优质内容即送100元红包

30天打卡挑战,退还星球费用

每周积分榜前三,大额红包奖励(第一名100元,第二名50元,第三名20元)

我和闪客聊天的时候说到,这个星球可能会成为一个我们倒贴钱的星球!但是也没关系,我们如果能真正地把ChatGPT用好了,让我们自己更有竞争力,也就值了。

现在星球处于试运行期,原价199元,现在有个100元的优惠券,相当于99元就可以加入,早点儿拥抱ChatGPT,成为第一批会用ChatGPT和用好ChatGPT的人,占据先机,吃到红利。

4f2d002b53d2c182c191ff9e5a5e7a72.png

相关文章:

再不转型为ChatGPT程序员,有遭受降维打击的危险

Open AI在演示GPT-4的时候,有这么一个场景:给一个界面草图,就可以生成网页代码。这个演示非常简单,如果界面原型比较复杂呢?像这样:ChatGPT能不能直接生成HTML, CSS,JavaScript代码,把这个网页给…...

maven使用教程

文章目录IDEA创建maven项目maven项目必有得目录结构项目构建关键字cleanvalidatecompiletestpackageverifyinstallsitedeploy命令使用方法方法一 在terminal终端执行方法二 在右侧得maven中双击依赖管理在pom.xml下 导包、scope的传递范围、打包方式依赖冲突声明优先原则就近原…...

Emlog底部显示当前在线人数

第一步&#xff1a;在模板文件里面创建“visitor.php”的文件吧下面代码入进去 code <?php//首先你要有读写文件的权限&#xff0c;首次访问肯不显示&#xff0c;正常情况刷新即可$online_log "slzxrs.dat"; //保存人数的文件到根目录,$timeout 30;//30秒内没…...

【java踩坑搞起】MybatisPlus封装的mapper不支持 join,那咋办

众所周知&#xff0c;Mybatis Plus 封装的 mapper 不支持 join&#xff0c;如果需要支持就必须自己去实现。但是对于大部分的业务场景来说&#xff0c;都需要多表 join&#xff0c;要不然就没必要采用关系型数据库了。 直到前几天&#xff0c;偶然碰到了这么一款叫做mybatis-p…...

【创造者】——什么是数学

吉姆罗恩在不经意间这样说过&#xff0c;要么你主宰生活&#xff0c;要么你被生活主宰。这不禁令我深思. 既然如此, 康德说过一句著名的话&#xff0c;既然我已经踏上这条道路&#xff0c;那么&#xff0c;任何东西都不应妨碍我沿着这条路走下去。带着这句话, 我们还要更加慎重…...

ROS系列——错误syntax error near unexpected token `$‘do\r‘‘

ROS系列——错误syntax error near unexpected token $do\r说明解决方法问题原因解决1.终端运行2.本文使用的方法&#xff0c;适用于代码行数较少其他方法&#xff0c;本质就是替换3.重新运行脚本说明 在运行.sh脚本时&#xff0c;报错&#xff1a; syntax error near unexpec…...

当星辰天合 SDS 遇见 Elastic

4 月 8 日&#xff0c;“Elastic 中国开发者大会 2023 ”在深圳举行&#xff0c;XSKY星辰天合对象存储产品总监邹博引代表星辰天合参加了此次大会&#xff0c;并做了主题为《SDS 与 Elasticsearch 的碰撞》的分享。“Elastic 中国开发者大会 2023 ”是由 Elastic、Elastic 中文…...

使用vue实现分页

使用vue实现分页的逻辑并不复杂&#xff0c;接收后端传输过来的数据&#xff0c;然后根据数据的总数和每一页的数据量就可以计算出一共可以分成几页 我编写了一个简单的前端页面用来查询数据&#xff0c;页面一共有几个逻辑 具体的效果可以看下面的演示 下面就来看一下具体的实…...

白银实时行情操作中的一些错误及其解决办法(下)

小编根据大师&#xff0c;网络上的高手以及自己的经验整理出的一些交易中典型的错误&#xff0c;投资者可以参考参考&#xff0c;有则改之无则加勉~续上文…… 问题三&#xff1a;长线获利的交易不容易坚持同时陷入盘整或亏损的交易&#xff08;特别是大仓持有的品种&#xff…...

Linux系统之tomcat的安装方法

Linux系统之tomcat的安装方法一、tomcat介绍1.tomcat简介2.tomcat官网二、本次环境规划三、安装jdk1.下载jdk包2.安装jdk3.检查jdk版本四、安装tomcat1.下载tomcat2.解压tomcat软件包3.设置环境变量4.查看tomcat版本五、启动tomcat1.启动tomcat服务2.检查tomcat服务状态3.访问t…...

段式回文。

题目描述 你会得到一个字符串 text 。你应该把它分成 k 个子字符串 (subtext1, subtext2&#xff0c;…&#xff0c; subtextk) &#xff0c;要求满足: subtexti 是 非空 字符串 所有子字符串的连接等于 text ( 即subtext1 subtext2 … subtextk text ) 对于所有 i 的有效…...

易点易动设备管理系统高效管理海量备品备件

纸质设备备品备件管理是企业运营中的重要环节&#xff0c;其管理效率和精度直接关系到企业的生产效率和经济效益。然而&#xff0c;传统的纸质管理方式存在诸多问题&#xff0c;如信息不透明、数据难以更新、易丢失等。为解决这些问题&#xff0c;易点易动设备管理系统应运而生…...

CMMI 3.0 究竟包含了哪些实践域?

CMMI 3.0中合计有31个实践域&#xff0c;涵盖了开发、服务、供应商管理、人员管理、安全、数据管理、远程交付等多个领域。本文把这31个实践域的核心内容用一句话进行了概括&#xff0c;以确保大家能够快速了解模型所涵盖的内容。CMMI 2.0有官方的中文版&#xff0c;里面有些翻…...

算法训练Day31: 455.分发饼干 376. 摆动序列 53. 最大子序和

文章目录分发饼干思路题解摆动序列题解最大子数组和分发饼干 CategoryDifficultyLikesDislikesContestSlugProblemIndexScorealgorithmsEasy (56.63%)6940--0 TagsCompanies 假设你是一位很棒的家长&#xff0c;想要给你的孩子们一些小饼干。但是&#xff0c;每个孩子最多只能…...

ASP.NET(AJAX+JSON)实现对象调用

客户端 代码如下: <% Page Language"C#" AutoEventWireup"true" CodeFile"ASP.NETA_JAX.aspx.cs" Inherits"_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.…...

一次弄懂gzip模块启用和配置指令

接下来所学习的指令都来自ngx_http_gzip_module模块&#xff0c;该模块会在nginx安装的时候内置到nginx的安装环境中&#xff0c;也就是说我们可以直接使用这些指令。 1. gzip指令&#xff1a;该指令用于开启或者关闭gzip功能 注意只有该指令为打开状态&#xff0c;下面的指令才…...

猿辅导学员入选国家队,竞赛老师成为“最强辅助”

3月31日&#xff0c;国际数学奥林匹克竞赛&#xff08;IMO&#xff09;国家队名单正式出炉&#xff0c;猿辅导学员王淳稷、孙启傲分别以第一名和第二名的成绩位列其中&#xff0c;今年7月&#xff0c;他们将出征日本&#xff0c;代表中国参赛&#xff0c;为国争光。 自2020年以…...

Java面向对象

Java面向对象 静态 static static修饰静态成员变量 /**在线人数。注意&#xff1a;static修饰的成员变量&#xff1a;静态成员变量&#xff0c;只在内存中有一份&#xff0c;可以被共享*/ public static int onlineNumber 161;static静态成员方法 /**静态成员方法: 有stat…...

Redis —缓存常见异常

文章目录缓存雪崩解决办法缓存击穿解决办法缓存穿透缓存穿透的两种常见情况解决办法布隆过滤器工作原理缓存雪崩 大量缓存数据在同一时间过期&#xff08;失效&#xff09;或者 Redis 故障宕机时&#xff0c;如果此时有大量的用户请求&#xff0c;都无法在 Redis 中处理&#…...

JavaEE企业级应用开发教程——第十二章 Spring MVC数据绑定和相应(黑马程序员第二版)(SSM)

第十二章 Spring MVC数据绑定和相应 12.1 数据绑定 在 Spring MVC 中&#xff0c;当接收到客户端的请求时&#xff0c;会根据请求参数和请求头等信息&#xff0c;将参数以特定的方式转换并绑定到处理器的形参中&#xff0c;这个过程称为数据绑定。数据绑定的流程大致如下&…...

别再死记命令了!用EVE-NG模拟器5分钟搞定思科GRE隧道(附OSPF联动配置)

5分钟玩转思科GRE隧道&#xff1a;EVE-NG实战中的高效学习法 第一次在EVE-NG里搭建GRE隧道时&#xff0c;我盯着满屏的命令行发呆——这些配置到底在做什么&#xff1f;为什么tunnel接口要配源和目的地址&#xff1f;OSPF又是怎么和隧道联动的&#xff1f;直到我用Wireshark抓到…...

如何使用Rainmeter监控PCIe设备延迟:完整响应时间检测指南

如何使用Rainmeter监控PCIe设备延迟&#xff1a;完整响应时间检测指南 【免费下载链接】rainmeter Desktop customization tool for Windows 项目地址: https://gitcode.com/gh_mirrors/ra/rainmeter Rainmeter是一款强大的Windows桌面自定义工具&#xff0c;不仅能美化…...

StarWind V2V Image Converter实战:轻松将IMG镜像转换为VMware VMDK格式

1. 为什么需要IMG转VMDK&#xff1f; 虚拟机镜像格式转换是IT运维中的常见需求。我遇到过不少这样的情况&#xff1a;手头有一个现成的IMG格式镜像文件&#xff0c;但当前虚拟化环境用的是VMware。这时候就需要把IMG转换成VMware原生支持的VMDK格式。 IMG是一种通用的磁盘镜像格…...

好看不等于会交互!阿里发布基于交互的世界模型基准

视频生成技术正在以惊人的速度迭代&#xff0c;那些光影绚丽的画面常常让人惊叹人工智能的创造力&#xff0c;但当你仔细观察视频中的物理碰撞或物体运动时&#xff0c;会发现它们常常并不符合现实世界的常识。由阿里、中科院、北航和北邮的研究人员联合推出的 Omni-WorldBench…...

Vue3 的 JSX 函数组件,每次更新都会重新运行吗?

我用最直白、最无歧义、100%准确的方式&#xff0c;只回答你这一个问题&#xff1a; ✅ 最终答案&#xff08;背它&#xff09; 在 Vue3 中&#xff1a; 你写的 JSX 函数组件&#xff0c;整个函数 只会在组件初始化时运行 1 次&#xff01; 更新时&#xff0c;整个函数 不会重新…...

变压器绕组类型 | 高频变压器绕制要点

注&#xff1a;本文为 “变压器绕制” 相关合辑。 英文引文&#xff0c;机翻未校。 如有内容异常&#xff0c;请看原文。 图片清晰度受引文原图所限。 变压器绕组类型&#xff1a;圆筒式、螺旋式、交叉式与饼式绕组 Types of Transformer Windings: Cylindrical, Helical, Cro…...

3步解决HEIC预览难题:面向Windows用户的高效缩略图工具

3步解决HEIC预览难题&#xff1a;面向Windows用户的高效缩略图工具 【免费下载链接】windows-heic-thumbnails Enable Windows Explorer to display thumbnails for HEIC files 项目地址: https://gitcode.com/gh_mirrors/wi/windows-heic-thumbnails 在数字影像管理中&…...

OpenClaw自动化测试:Qwen3-32B批量执行LeetCode题目

OpenClaw自动化测试&#xff1a;Qwen3-32B批量执行LeetCode题目 1. 为什么需要自动化编程能力测试 作为一名长期关注AI编程辅助工具的技术博主&#xff0c;我一直在寻找能够客观评估大模型编程能力的方法。传统的单次对话测试往往带有偶然性&#xff0c;无法系统性地反映模型…...

java打卡学习3:ArrayList扩容机制

ArrayList扩容机制概述ArrayList是基于动态数组实现的集合类&#xff0c;当元素数量超过当前数组容量时&#xff0c;会自动触发扩容机制。其核心目的是平衡内存占用与性能开销。默认初始容量未指定初始容量时&#xff0c;默认创建一个空数组&#xff08;JDK 1.8&#xff09;&am…...

36 Python 时序和文本:中文文本处理入门:为什么要先做分词和停用词过滤?

中文文本处理入门&#xff1a;为什么要先做分词和停用词过滤&#xff1f; 刚接触文本分析时&#xff0c;很多人都会有一个疑问&#xff1a; 文本明明已经有内容了&#xff0c;为什么不能直接拿去做分类、聚类或者情感分析&#xff1f; 这个问题其实正好指向了文本挖掘里最基础、…...