分享下前端开发如何玩转ChatGPT

去年的时候就跟风注册了一波,其回答问题的准确性编码能力让我吃惊。不得不说,ChatGPT作为一个新兴的AI产品,和老美的电影里的人工智能有那么一些相像了,甩了三问一不知的小爱、小度和小E不止一条街。

他的🔥出了圈,让很多人惊喜的同时,也让很多人产生了担忧,下面我们一起来聊聊它,以及如何使用它来让我们生动有趣的编码生活变得更有趣起来(斜眼笑)。

HOT! HOT! HOT! 🔥 🔥 🔥

首先我们先来看下最近的热度来的有多么的突然,那简直是太炸裂了,语言不好描述,我收集了一些常见平台的指数截图,大家可以感受一下:

百度指数

8982250571ce85c753183ca7d768e410.jpeg
image.png

注意,近期的峰值可比去年11月底刚推出的时候高的不是一星半点。

8cf3031aee15bdf46a4a7131cace1f1e.jpeg
image.png

Google Trends

855983efab0fa9a4720b9e6d05568c8d.jpeg
image.png

注意,搜索热度最高的国家是中国,这还是在有墙的前提下,看来中国人的忧患意识不是一般的强

微博指数

54b58125c0ba07600884ae0a1ac48ad1.jpeg
image.png

ChatGPT是什么❓

在这个产品推出之前,大家应该听说过他们公司的一些其他产品,比如:

  • DALL·E 2:openai.com/dall-e-2/

这是一款图像AI,主要功能有“根据文案绘画”、“无限拓展图像的边界”...

  • CodeX:openai.com/blog/openai…

这是一款自然语言转化成代码的AI产品,它就是之前比较火的微软的GitHub Copilot的驱动模型。

包括ChatGPT在内,他们几个都是衍生自GPT-3的产物,那么GPT到底是什么意思呢?

2018 年 6 月,OpenAI 发布了一篇关于通用语言模型的研究(openai.com/blog/langua… ),虽然全文都没有出现过 GPT 这个名词,但其实它就是 GPT-1。

这篇文章提出了一个叫作Generative Pre-traing的概念:生成式预训练

和传统的以任务为导向的训练方法不一样,生成式预训练不需要人工标注,比如我们之前分享的《手把手带你实现 ”在浏览器上进行目标检测“ \- 掘金》,里面就有需要人工在图片上标注二维码的位置,生成数据集告诉AI,然后AI再根据这些去学习;再比如说你想训练一个可以做中英文翻译的 AI,你就需要提前准备好大量的中英文对照的句子给 AI 去学习。

生成式预训练的思想就不一样了,我直接拿着人类已有的现成的文字资料去训练 AI,怎么训练呢?我就让 AI 根据上文去续写下文,比如一句话,张三每天都很认真地学习,老师们都夸他是好____,“好”字后面我让 AI 去写,如果 AI 写出来的是“学生”,这就和原文一样,那就判断正确了,要是不对,就继续训练它朝着对的方向去走,这种训练方式的好处,就是研究人员不再需要花大量的资源去人工准备答案,每句话里下一个词就是上一段话的答案,理论上人类现有的所有文字资料,都可以作为训练数据直接喂给 AI 去学习,这就远远大于现有的任何人工制作的数据集

因为这个预训练过程不需要人工编写答案,所以人类现有的所有文字信息,小说、典籍、歌词、论坛里的回帖,甚至是软件代码,只要硬盘装得下,都可以喂给 AI 模型去学习,不断地增大神经网络模型的参数量,不断地增加训练数据里的文本量,预训练模型的能力就会继续增长,用标注好的数据引导它去做各类具体任务的水平也会相应提升,这种生成式预训练,与一种叫做变形器Transformer的模型结构相结合,就成了 Generative Pre-trained Transformer,取三个字母缩写,就是 GPT

此后 2019 年的 GPT-2、2020 年的 GPT-3,核心迭代思路都是利用“钞能力”扩大模型规模,GPT-2 的参数总量是 15 亿,GPT-3 更是提高到了惊人的 1750 亿,而截至今天,这条“钞能力”路线依然没有摸到天花板, 还在往下继续

27ac510d22d28d06445ea0166c0326f4.jpeg
image.png

以上文案和数据部分来自B站UP主 @林亦LYi:ChatGPT诞生记:先捞钱,再谈理想|OpenAI翻身史\_哔哩哔哩\_bilibili  讲解的特别好,大家感兴趣的可以看一下!

ChatGPT能做什么❓❓

ChatGPT不单是聊天机器人,它还能进行撰写邮件、视频脚本、文案、翻译、代码等任务,我尝试使用它来进行了一些测试,下面是一些示例截图:

写邮件

7086e32cf58f10671782929b2547c6e3.jpeg
image.png

写短视频脚本

bc7b8a847613ad47226f08baf790fadd.jpeg
image.png

写代码

9c936df11f729defda499a3de4b8c643.jpeg
image.png
54516a2e74ad0344459ffc92920da966.jpeg
image.png

案件分析

db08e063f9cd0d348523c0cda74540d7.jpeg
image.png

优化周报

df1847a4239b8d11a07bd804340bbd7e.jpeg
image.png

写小诗

3a922a7c083e38b903f4382db7969f5b.jpeg
image.png

......

💻 ChatGPT ✖️ 前端

作为一名前端开发同学,我这段时间就在想,在日常生活里我如何使用ChatGPT来帮我做些什么事情来提高开发效率呢?最后想出了几个场景以及我的示例,大家可以参考一下:

一、技术调研 + 文档编写阶段

1、Cover不住的需求点应该用什么技术点来实现比较合适

以我最近在做的需求为例,我需要实现一个比较复杂的树图,类似XMind的那种脑图,我就问了一下它,得到的结果还是比较令我满意的即使还是有些问题存在

7f24066b94ff0a694d00797f83bd3831.jpeg
image.png
251e5a879de4739b5e386dddcd2deb1c.jpeg
image.png
ffaa22e97338e81ddeb3ce1ff067cb7d.jpeg
image.png

2、不确定的技术方案(1)

73d03c3589550138a890c330e4038ae1.jpeg
image.png
9666c852bc60158521daeef5afee7e1a.jpeg
image.png

2、不确定的技术方案(2)

之前实现过一个浏览器插件,可以一键识别你当前屏幕中所有的二维码,并且将识别结果返回到对应的位置,我想以这个需求为例,让它帮我想想方案。之前的文章:手把手带你实现 ”在浏览器上进行目标检测“ \- 掘金

插件效果:77eed195e134ce3fdf5d09718564df43.jpeg

14876227bac85e336e8ad9fe07ceb645.jpeg
image.png
a772fdf1b4104ea5964e28c695e1b3c2.jpeg
image.png
0e22fe5546458cb74078b098dc371454.jpeg
image.png
7d593fbf832b6d578e97d7a663b52329.jpeg
image.png
2eb2c1e36a724377466ef3510139e4ee.jpeg
image.png
08592274b782db5db92c75093e991ac4.jpeg
image.png
a8090165b3d719b9651443659eb89d28.jpeg
image.png
a6248912b2166f164eceeb53b887f4ac.jpeg
image.png
389a79b57d4b9c94f37a76a973bfa10a.jpeg
image.png

二、编码阶段

1、正则表达式就不需要自己去写了

6ccd557ebbc499e90a0e4c12dcac4e08.jpeg
image.png

2、代码优化(1)

d74e6d3563a974ae3e35b3d6192fef52.jpeg
image.png
a803c66a00f1e02229bbe0c6d1eb2e4d.jpeg
image.png

3、代码优化(2)

fee6b49df6457dba66a107ad22008b8a.jpeg
image.png

4、我想实现一个XX功能,帮我在github上找一个demo

80a1add56e8353a7b4d5cb7003b7da1d.jpeg
image.png

三、自测阶段

1、帮我测试一下XX方法

38984506bb315b381aaee7c837c6ab33.jpeg
image.png
765a2cbc4b3357051aa72a44b43530e5.jpeg
image.png

2、运行不及预期,帮我看看有什么问题

b7e6053167899b2fe913581feff2d352.jpeg
image.png
8a70d3932fe934f210383cfc86cd6f5f.jpeg
image.png

四、读源码

5087038cf9ce08485659b91dc32a405e.jpeg
image.png
82e4f22ef8745a45f269c67ccee49228.jpeg

Σ(⊙▽⊙"a 下面的这些回答把我惊艳到了!它是真的懂这些代码!而且还能帮我找类似的代码!!!

8ae337d4fef633e075545c705d5d9a58.jpeg 2f81033e32b061cf03add245661e6436.jpeg 308450ad474539f26b4e77256679991e.jpeg

五、不错的VsCode插件

1、ChatGPT中文版

697a38d229f7b863017c6b387cb81c0c.jpeg

不太推荐,当使用之后,就无法使用上下文的方式和ChatGPT交流了,不过因为是中文版,可以装上玩玩)

2、ChatGPT 👍

311e092fd9a28811321c338983705e6a.jpeg

推荐!,简单使用下来比较顺畅,该有的快捷功能也都有,最重要的是聊天时是支持上下文的。

ed08d76d8ff5c7f249657174a3ab6d96.jpeg

使用展示图:

9f8a179a1f2fd648dd3f52be046da956.jpeg

🙋🏻 指令的美学

如何和ChatGPT这一类的AI沟通,他们叫做“指令”,好的指令和坏的指令得到的效果是非常不一样的,如果经常使用一些宽泛的生活用语和它交流,那么得到的结果往往不尽人意,甚至和手机里的语音助手没太大的区别。

我们先看一个不太好的例子:

506083444c4f93d79862e8eb54cce8ca.jpeg

我们可以看到,它的回答和网上搜索出来的结果没什么两样,当看到这种结果之后,很多人就会觉得:“啊,它不过如此,对我帮助不大”,可是当我们换一种方式来问它,结果可能让你惊艳到,我们重新问

de515be55099a7c2aa582dbeac5b38e6.jpeg e811c183a920590677d88d8a40d2be4d.jpeg 8ad4d76297f27d1718357f4170148bbe.jpeg

可以看到,当我们向它发送一些比较专业一些的指令的时候,得到的结果往往也是更专业的,同样,这种结果也是更有参考意义,也是我们更想要的结果。

在发送指令前,希望你的指令最好满足以下几点:

  • 内容清晰(省去不必要的文字,每个字尽可能都有用)

  • 任务定义明确(帮我制作表格,我要你提供事物的重量和数量)

  • 要求具体(比如我要一个清单、我要计算我的TDEE、我要去超市你帮我准备xxx)

  • 具有迭代思维(一句话可能问不出来你想要的结果,你可以持续性的和它聊,基于一个或者几个点深入一下)

以上参考:抖音@绝对社,对于如何使用更精确的指令讲解的特别好!推荐大家去看~

🔫 杀死那个ChatGPT?

1、For 教育

在美国,有很大比例的学生拿ChatGPT写作业、写论文、考试,而且ChatGPT给出的答卷往往成绩都很棒~

在一项由宾夕法尼亚大学沃顿商学院Christian Terwiesch教授进行的研究显示:ChatGPT能够通过沃顿MBA课程的期末考试。这位宾大教授1月17日发表的名为《ChatGPT能否获得MBA学位》的论文中称:经过实际测试,其考试得分介于B-和B之间。

该教授指出,ChatGPT“在解决基本运营管理和流程分析问题方面,包括基于案例研究的问题方面都表现出色”。机器人给出的解释也非常优秀,它还“非常擅长根据人类提示修改其答案”。

鉴于这一系列情况,斯坦福大学终于坐不住了。他们的研究人员已经开发了一种名为DetectGPT的工具。这工具可以帮助教师识别使用ChatGPT或其他类似的大型语言模型 (LLM) 生成的内容。(魔法才能打败魔法😎

号称“干翻媒体人”的ChatGPT,已被多家出版机构“封杀”

多家期刊、出版机构禁止将ChatGPT列为论文合著者

ChatGPT遭美国多市学校封杀

2、For 程序员

它面进Google了!你怕不怕!它的工资可能比你还高哈哈哈!

18万美元offer!ChatGPT通过谷歌L3入职测试,人类码农危?

ChatGPT 通过谷歌 L3 工程师入职测试,年薪 18 万美元

ChatGPT版必应搜索悄悄上线又下线,但评测已经出炉

3、For 其他岗位

从这周的搜索数据趋势来看,很多人还是怕了的,“它究竟会不会代替我!”

瑟瑟发抖?基于ChatGPT的AI律师太过强大 被人类律师疯狂阻挠

放心 ChatGPT们不会完全取代会计,也不会完全取代审计,理由如下\_会计审计第一门户-中国会计视野

ChatGPT来编辑部上班了,这篇推送它写的

🔚 结束语

如上,ChatGPT像一个💣一样引爆了全网的讨论热潮,但是这个热潮终将会慢慢褪去,在兴奋的向他人疯狂安利它之余,我也看到了很多人的思考,综合一些我自己的思考,总结了以下几点:

  • 它的出现真的会让很多人失业吗?

  • 它的出现无疑是划时代的,当前时间节点还正处在“新”时代的前期,我应该怎样接受它的存在并且高效且合理的使用它来为我服务

  • 未来AI遍地的时候,究竟还需要什么样的人才?中国式教育下出来的高材生在那个时代还有什么竞争力

  • 这应该是一波风口,新的风口下,会出现什么新的岗位,未来的社会又会发生什么样的变化?

  • 未来互联网上发言的AI是不是会超过真实的用户?如果出现一些谁声音大谁就有理的公共议题讨论会怎么办?

当然,以上的一些想法会比较偏保守一些,后期肯定也会有更多的法律或者条款来限制AI的野蛮生长,前段时间马斯克也讲到“人工智能比核弹更可怕,要成立AI监管机构”。

不过作为一个普通用户来看,目前的ChatGPT还是一个值得一试的产品,它真的可以为我们提升蛮多的效率。

目前大家使用的ChatGPT是从GPT3.5衍生出来的AI产品,其训练集并不是互联网上实时的数据,而是来自截止到2021年的数据

60c741ffaab6b25a6b3c8a36a8a7260f.jpeg

它还处于一个婴儿阶段,还有很多不成熟的地方,据OpenAI统计,从2012年到2020年,人工智能模型训练消耗的算力增长了30万倍,平均每3.4个月翻一番,超过了摩尔定律的每18个月翻番的增速😱。

畅想一下未来~ 我们可以和钢铁侠一样,拥有一个知晓所有事物的Jarvis,你在工作、生活中的时候来上那么一句:帮我看看这段代码有没有什么漏洞、帮我想一下xx功能怎么实现、我想做一个xxx,帮我画个图纸,图纸画好之后,交给3D打印机,打印好之后告诉我...

而且这个未来,应该很近。

作者:木头就是我呀

原文链接:https://juejin.cn/post/7199607659992907832

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/2932.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

浅谈ChatGPT取代前端开发工程师

1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术,它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发,旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术,通 过对大…

一文教会你前端开发如何使用chatGPT提高效率

想想chatGPT已经火起来快小一年了,每天看着新闻感叹,好厉害,好想学,闲暇之余翻着相关技术文章,总是一知半解,需要申请各种账号,奈何人懒,且笨还怕上当受骗,估一直拖延至此…

ChatGPT方法论“BORE“

作者 | 陈财猫 我是一个自动驾驶行业的产品经理,也是ChatGPT的第一批用户。第一次遇见ChatGPT是在去年十二月的第一个星期,有一个搞AI的朋友在群里发了一张与ChatGPT的聊天截图,引起了我的兴趣,从此我便一发不可收拾。 刚开始&a…

毕业论文写作与降重神器ChatGPT从零开始使用(超详细)

文章目录 ChatGPT的使用1. 复制论文到输入框2. 提取论文中关键信息3. 重新扩写5. 报错滥用问题,Your account was flagged for potential abuse. If you feel this is an error, please contact us at help.openai.com 最近进行毕业季,又要头疼如何写毕业…

使用ChatGPT进行文章降重

#ChatGPTTOC 使用ChatGPT进行文章降重 在ChatGPT引领的技术爆炸时期,如何使用它对文章进行降重? 推荐一个实测简单有效的方法,只需两步: 简单来说就是先进行关键点提取再进行关键点扩写。 关键点提取 提炼出这段话的关键点和结论…

chatgpt可以降重论文吗-chatgpt降重论文软件

chatgpt可以降重论文吗 ChatGPT是一种自然语言处理技术,可以生成符合指定条件的文本。因此,理论上可以使用ChatGPT来降重论文。但是,需要注意以下几点: 是否符合学术道德要求:学术论文的降重需要严格遵守学术道德准则…

「AIGC」- ChatGPT可以怎么玩?

chatGPT这么火,这几天一番体验之后,除了惊叹,同时也引发了作为程序员的担忧:我的工作是否会被AI取代? 这个问题很难不引起焦虑,但是我们可以换一个角度,可以用这些生成类的工作,做些…

AI绘图网站素材(chatGPT-4汇总)

科研工作中在文献中都会用到画图工具,画出好看又科学的图片,不仅可以提升文章的可阅读性,同时对读者来说也是赏心悦目。AI绘图软件是目前比较常用的画图工具,利用AI工具基本就可以实现一般学术或者工作的画图需要,但是…

让ChatGPT画一个小孩

问:用python画一个小孩 答:下面是一个用Python的turtle模块画小孩的示例代码: scssCopy codeimport turtle# 设置画布大小和背景色 turtle.setup(400, 400) turtle.bgcolor(lightblue)# 设置画笔属性 turtle.pensize(5) turtle.penup() turtl…

少儿学编程系列 --- 如何让ChatGPT使用turtle画画

ChatGPT介绍 ChatGPT(全名:Chat Generative Pre-trained Transformer),美国OpenAI 研发的聊天机器人程序 ,于2022年11月30日发布 。ChatGPT是人工智能技术驱动的自然语言处理工具,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,真正像人类一…

(小伞每日论文概读)视觉ChatGPT?让ChatGPT能画画的模型设计!

声明 本篇文章的相关图片来源于论文:Visual ChatGPT: Talking, Drawing and Editing with Visual Foundation Models 论文链接如下:https://arxiv.org/pdf/2303.04671.pdf 碍于本人的知识水平所限,本篇文章的总结可能存在不妥之处&#xf…

ChatGPT实用指南(精编版)

本指南增加了大量实用的操作和详细的讲解,保证小白可以轻松上手,快速驾驭ChatGPT。 关注公众号:【互联互通社区】,回复【GPT019】获取全部报告内容。 精彩推荐 GPT001:ChatGPT专题报告合辑(精选七篇) -ChatGPT&#xf…

从原理到应用,人人都懂的ChatGPT指南 | 京东云技术团队

作者:京东科技 何雨航 引言 如何充分发挥ChatGPT潜能,已是众多企业关注的焦点。但是,这种变化对员工来说未必是好事情。IBM计划用AI替代7800个工作岗位,游戏公司使用MidJourney削减原画师人数…此类新闻屡见不鲜。理解并应用这项…

chatgpt驯化指南——不要落伍了哦

首先,我们让它自己介绍自己。 然后,给大家提供这个软件的文件包。 已发布资源,自行下载。 链接如下: (3条消息) chatgpt桌面版软件,可直接链接外部,无需梯子仅需要OPENAIKEY资源-CSDN文库 注意&#xff…

从原理到应用,人人都懂的 ChatGPT 指南

“如何充分发挥ChatGPT潜能,成为了众多企业关注的焦点。但是,这种变化对员工来说未必是好事情。IBM计划用AI替代7800个工作岗位,游戏公司使用MidJourney削减原画师人数......此类新闻屡见不鲜。理解并应用这项新技术,对于职场人来…

ChatGPT 高效使用指南

简介 ChatGPT 是一种基于人工智能(AI)技术的应用,它可以通过文字和使用者进行对话和回答问题。它采用的人工神经网络和深度学习等技术,能够学习大量的语言数据,并从中提取出语言规律和模式,从而生成具有逻…

ChatGPT 指南:如何与人工智能模型进行对话与互动

人工智能技术的快速发展使得我们能够与智能机器进行对话和互动。 ChatGPT 是一种基于 GPT-3.5 架构的强大语言模型,它能够进行自然语言处理,理解我们的问题并提供相应的回答。本文将为您提供使用 ChatGPT 进行对话和互动的详细指南。 1、提出问题 与 Cha…

ChatGPT 指南:角色扮演让回答问题更专业

让 ChatGPT 进行角色扮演 Act as ...,比如,律师、内科医生、心理医生、运动教练、哲学家、翻译、平面设计师、IT 工程师等等,从而才能让 ChatGPT 从这个角色角度来分析我们的问题,不然,它的回答可能会过于广泛。 下面以…

2023年的深度学习入门指南(1) - 从chatgpt入手

2023年的深度学习入门指南(1) - 从chatgpt入手 2012年,加拿大多伦多大学的Hinton教授带领他的两个学生Alex和Ilya一起用AlexNet撞开了深度学习的大门,从此人类走入了深度学习时代。 2015年,这个第二作者80后Ilya Sutskever参与创建了openai公…

ChatGPT 投喂指南

我想要让 ChatGPT 做这些事: 给它一份 PDF,让它分析摘要、提炼内容; 让它去看某个网页,帮我查询最新的信息; 给它一份数据表格,让它分析出数据的变化; 给它一份文本,让它总结、模…