通信人家园

标题: ChatGPT 要干掉前端工程师了，有点慌 [查看完整版帖子] [打印本页]

时间: 2023-3-16 10:25

作者: qyy8745 标题: ChatGPT 要干掉前端工程师了，有点慌

大部分前端程序员失业已经是必然的了。

尤其是外包这个岗位，行业里的前端外包少说也有十几万吧。

看看下面的例子你就知道了。

这是我们平时工作非常常见的中后台，列表搜索的场景。

我是这样跟他说的：

愚蠢的人类：用 react 和 antd 组件库，实现一个列表和搜索。代码给我下。

ChatGPT：这里提供一个简单的示例代码，实现一个包含搜索和列表的页面。

这个示例中，我们使用了 antd 的 Input 和 List 组件。搜索框使用了 Search 组件，当用户在搜索框中输入文本时，会调用 handleSearch 函数，将文本保存在 searchValue 状态中。在列表中，我们使用 filteredData 变量来保存经过筛选后的数据，然后将其作为 dataSource 属性传递给 List 组件进行渲染。在 renderItem 属性中，我们使用 <List.Item> 组件来渲染列表项。最终，我们将搜索框和列表放在一个 <div> 容器中，并用样式进行布局。

这货不仅给了我代码，还给我做了解释。但我发现他把列表理解为了 list ，其实我想做的是 table，于是我继续让他完善。

愚蠢的人类：把 list 组件改成 table ，table 要展示的字段有 id ，name 名字，age 年龄。

ChatGPT：好的，那么我们可以使用 antd 的 Table 组件来展示数据。修改后的代码如下：

在这个示例代码中，我们新增了一个 columns 数组，用来配置表格列的属性。每个列有一个 title作为表头，以及 dataIndex用于指定该列渲染的数据属性，key用于指定对应数据的唯一标识。然后我们将 filteredData作为数据源传入 Table 组件中。最后，我们就可以看到一个含有搜索和表格的页面了。

这里就有点恐怖了，所有的 API 都用的是对的，甚至还给了 mock 数据，但是他好像不理解，name: 名字的意思是表格的 title 是中文，于是我继续跟他说。

愚蠢的人类：columns 里的 title 改成中文

ChatGPT：好的，我们可以使用中文来替换掉 columns里的 title，修改后的代码如下：

现在，你可以看到 columns 中的 title 已经被替换成了中文。

他不仅把 title 改成了中文，甚至 mock 数据也改成了中文的。

我把上面的组件代码拷贝到我的项目里，竟然不需要改任何一行代码，就可以实现功能，搜索也是可以的。

下面功能的演示：

说实话，有点睡不着觉了，有多少前端每天的工作就是写写列表，表单，详情页，这些工作已经很明确是可以被 ChartGPT 所取代了，但是相信在编码领域应该没有啥能难倒 ChartGPT 了。所以大部分的程序员被取代已经是一个不争的事实。

但是我发现我是需要去适应 ChartGPT 的语境，去试探他的逻辑，以方便我们向他描述清楚，我们的需求是什么。

ε=(′ο｀*)))唉.... 这不就是产品经理要干的活吗？

我们跟产品经理的大战，竟然要以产品经理的完胜告终了吗？

而且还是我们自己革了自己的命。

接下来，程序员会失业，产品经理转为 ChartGPT 训练师，测试人员不会失业，因为 ChartGPT 写出的代码需要他们做发布，测试啥的。

突然有点凄凉，变化来的太快，根本来不急反应。就像那句话所说的：

人工智能就像一列火车，它临近时你听到了轰隆隆的声音，你在不断期待着它的到来。它终于到了，一闪而过，随后便远远地把你抛在身后。

附件: 1.jpg (2023-3-16 10:32, 28.05 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5Mzk5fDRjMmYzYzRhfDE3NTQ0MjA0Mjd8MHww

附件: 2.jpg (2023-3-16 10:32, 23.63 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5NDAwfDhjYzIzOTE2fDE3NTQ0MjA0Mjd8MHww

附件: 3.jpg (2023-3-16 10:36, 48.67 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5NDAxfGFjYTlhOTA0fDE3NTQ0MjA0Mjd8MHww

附件: 4.jpg (2023-3-16 10:37, 28.99 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5NDAyfDc0NmM5MTc2fDE3NTQ0MjA0Mjd8MHww

附件: 6.jpg (2023-3-16 10:38, 21.5 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5NDAzfDdjZjU4OTUwfDE3NTQ0MjA0Mjd8MHww

附件: 5.jpg (2023-3-16 10:38, 48.62 KB) / 下载次数 0
https://www.txrjy.com/forum.php?mod=attachment&aid=NTY5NDA0fDgzNTU3ZTFlfDE3NTQ0MjA0Mjd8MHww

时间: 2023-3-16 10:37

作者: cnqq9999

时间: 2023-3-16 10:39

作者: LN_TF

时间: 2023-3-16 10:46

作者: WFG2012

前端的需求会减少，程序员会变成包工头而不是大头兵。咱们本来就是翻译，只不过从自然语言翻译成代码，翻译之前怎么被搞，现在我们就怎么被搞

时间: 2023-3-16 13:16

作者: wahaha8888

凡是重复性高的，生搬硬套的，网上能搜到解决办法的工作，chatgpt都能很好的完成。但是它没有创造力，也就是说它不会帮助用户解决没有人知道的问题。

时间: 2023-3-16 14:41

作者: 120758285

难。ChatGPT说白了就是一个搜索引擎，把你说的话搜索出来，给出靠前答案。除非ChatGPT做成接口，否则每个公司背个这么大的数据库，就别玩了。但做成接口，又有个问题，就是网络不稳定，微信电话大家有目共睹的了吧，实时交流的时候，实在硬伤。

时间: 2023-3-16 15:58

作者: 赵敏受害者

没事的咱们科技跟着政策这一套玩不到国内来

时间: 2023-3-16 18:03

作者: coffee198375

热度一过肯定又杀一波。。。。

时间: 2023-3-17 14:15

作者: Yan-YY

转为ChartGPT 训练师、测试人员，确实给程序员、产品经理转型指了条路。ChartGPT毕竟还处在初级阶段，短时间内，还不至于对很多工作形成替代。不过，这些年对未来的畅想/想象经常会颠覆我们的传统思维，使我们脑洞大开，有利于社会的革命性、颠覆性进步。

时间: 2023-3-21 11:20

作者: 圈圈叉叉

把火星给他们吧自己繁育

通信人家园 (https://www.txrjy.com/)