前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端同学都是如何玩转 ChatGPT 的???

前端同学都是如何玩转 ChatGPT 的???

作者头像
winty
发布于 2023-08-23 01:14:07
发布于 2023-08-23 01:14:07
3800
举报
文章被收录于专栏:前端Q前端Q

ChatGPT最近一周忽然登上了国内各大平台的热搜榜,应该在去年11月末的时候就有不少同学了解并使用过,那个时候它刚刚问世,在互联网圈子里有了很大的热度,但是对于大众来说,还是不太了解的。

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

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

HOT! HOT! HOT! 🔥 🔥 🔥

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

百度指数

image.png

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

image.png

Google Trends

image.png

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

微博指数

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 亿,而截至今天,这条“钞能力”路线依然没有摸到天花板, 还在往下继续

image.png

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

ChatGPT能做什么❓❓

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

写邮件

image.png

写短视频脚本

image.png

写代码

image.png

image.png

案件分析

image.png

优化周报

image.png

写小诗

image.png

......

💻 ChatGPT ✖️ 前端

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

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

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

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

image.png

image.png

image.png

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

image.png

image.png

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

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

插件效果:

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

二、编码阶段

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

image.png

2、代码优化(1)

image.png

image.png

3、代码优化(2)

image.png

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

image.png

三、自测阶段

1、帮我测试一下XX方法

image.png

image.png

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

image.png

image.png

四、读源码

image.png

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

五、不错的VsCode插件

1、ChatGPT中文版

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

2、ChatGPT 👍

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

使用展示图:

🙋🏻 指令的美学

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

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

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

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

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

  • 内容清晰(省去不必要的文字,每个字尽可能都有用)
  • 任务定义明确(帮我制作表格,我要你提供事物的重量和数量)
  • 要求具体(比如我要一个清单、我要计算我的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年的数据

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

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

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

往期推荐

面试官:如果100个请求,你怎么用Promise去控制并发?

阿里面试—如何用 JS 实现瀑布流布局

Vue3除了keep-alive,还有哪些页面缓存的实现方案

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-05-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端Q 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
提效秘籍RKFE:掌握ChatGPT,事半功倍,更有时间享受美好生活
大家好啊,我是北封,我玩GPT好几个月了,从对ChatGPT的一无所知,到通过GPT赚了点小钱,然后包装GPT打造了自己的产品,在这过程当中跟很多人交流过,发现大家对ChatGPT的认知差异很大,所以我决定写一个ChatGPT的专栏,介绍下我眼中的ChatGPT,从基础用户的使用到API的封装,尽量把我知道的都告诉大家,也是对自己知识体系的总结。
一个程序猿的异常
2023/09/06
1970
提效秘籍RKFE:掌握ChatGPT,事半功倍,更有时间享受美好生活
火爆热点ChatGPT: 为什么连马斯克也深陷其中?
本公众号分享的软件服务以及语言均源于网络,只做针对这些软件服务或者语言的使用实践进行分享和整理。本公众号不对任何人进行推荐,在使用这些软件或编程代码时有可能会引发一些问题,甚至导致数据丢失,请您自行成承担相应的后果!本公众号概不负责! 若您觉得公众号发布的内容若侵犯到您的权益,请联系及时管理员沟通!
公众号: 云原生生态圈
2023/01/09
9690
火爆热点ChatGPT:  为什么连马斯克也深陷其中?
一篇不枯燥的ChatGPT闲谈
导语|是的,这又是一篇ChatGPT有关的文章,虽然已经有很多篇讲ChatGPT的文章。不过,还是要写一下,毕竟过去的一个月发生了那么多新的故事。 文章总共有三部分:先科普一下ChatGPT中的GPT是什么,然后介绍从GPT3到ChatGPT的过程,最后进行一些个ChatGPT闲谈。如果不想看技术,可以直接跳到闲谈。 鉴于已经有非常多的优秀创作者进行总结和分析,本文将会包含非常多的论文原文以及资源链接,都是值得一阅的好文,再次感谢这些优秀的创作者们。 本文作者:shutianma,腾讯TEG用户研究 Cha
腾讯大讲堂
2023/04/06
1.1K0
一篇不枯燥的ChatGPT闲谈
人工智能安全吗?OpenAI正在让大模型和人类“对齐”-确保ChatGPT比人类聪明的同时还遵循人类意图
“ 人工智能的发展给人类带来福祉的同时,也存在巨大的风险。为了防止人工智能走向不受控制的方向,对齐技术应运而生。通过人工智能安全技术的研究与探索,我们期望在人工智能能力成熟前建立起有效的对齐机制,让人工智能能够真正为人类谋利益。本文将从人工智能对齐的困难与可能的解决方案两个方面进行介绍,以及OpenAI在这个领域的实践
技术人生黄勇
2024/07/19
1750
人工智能安全吗?OpenAI正在让大模型和人类“对齐”-确保ChatGPT比人类聪明的同时还遵循人类意图
无需人工标注,自生成指令框架打破ChatGPT等LLM的成本瓶颈
机器之心报道 编辑:小舟 当前,大型语言模型的性能已经达到了很高的水平,除了进一步挖掘其潜力,我们还应该关注到模型背后的人工标注成本。 ChatGPT 是今年年底 AI 圈的新晋顶流,人们惊叹于它强大的问答语言能力和掌握的编程知识。但越是强大的模型,其背后的技术要求也就越高。 ChatGPT 是在 GPT 3.5 系列模型的基础上,引入「人工标注数据 + 强化学习」(RLHF)来不断微调预训练语言模型,旨在让大型语言模型(LLM)学会理解人类的命令,并学会根据给定的 prompt 给出最优的答案。 这种技术
机器之心
2023/03/29
6230
无需人工标注,自生成指令框架打破ChatGPT等LLM的成本瓶颈
ChatGPT 有哪些 “激动人心的时刻“?以及自己的一些思考
文章目录 一、前言 二、主要内容 三、一些思考 🍉 CSDN 叶庭云:https://yetingyun.blog.csdn.net/ ---- 一、前言 近日,英伟达创始人兼 CEO 黄仁勋与 OpenAI 联合创始人及首席科学家伊尔亚-苏茨克维 (Ilya Sutskever) 展开了一次 “炉边谈话”。 黄仁勋认为,ChatGPT 是 “AI 界的 iPhone 时刻”,但这一时刻的到来并非一蹴而就,OpenAI 联合创始人早在十年前便开始关注神经网络,在探索生成式 AI 的过程中也经历了神经网络如何
叶庭云
2023/03/30
7680
ChatGPT 有哪些 “激动人心的时刻“?以及自己的一些思考
ChatGPT的过去、现在与未来
依据Wiki百科的介绍,ChatGPT是一种尚处于原型阶段的人工智能聊天机器人。ChatGPT由OpenAI公司在2022年11月30日发布。在同样由OpenAI开发的GPT-3.5模型基础上,ChatGPT通过监督学习与强化学习技术进行微调,并提供了客户端界面,支持用户通过客户端与模型进行问答交互。ChatGPT不开源,但通过WebUI为用户提供免费的服务。
绿盟科技研究通讯
2023/02/22
1.3K0
ChatGPT的过去、现在与未来
带你了解全网爆火的 ChatGPT
本文作者:hangye,腾讯前端工程师,MoonWebTeam团队成员 1.  前言 12月1日,旧金山的人工智能实验室 OpenAI 发布了一个名为 ChatGPT 的自然语言生成式模型,迅速风靡世界,短短5天内用户数量已经突破100万。许多大佬都来尝试,例如马斯克都说到,我们已经离强大到危险的人工智能不远了。 马斯克还向他请教了如何更好的设计推特,得到的结论还挺有意思: 优化用户的聊天界面,由一维转向二维,以便用更直观的方式查找聊天内容。 并且,它还采用了注重道德水平的训练方式,按照预先设计的道德
欧文
2023/02/28
1.3K0
带你了解全网爆火的 ChatGPT
科普文:国内ChatGPT怎么用,ChatGPT国内怎么用,关于ChatGPT你需要了解的内容应该都在这
在国内用了很长一段时间的ChatGPT,每次跟小白,哪怕是用ChatGPT的人交流的时候,都感觉解释不清,正好今天周末,给大家整理一篇关于ChatGPT的科普文,想要了解或使用ChatGPT的人,一定要看~~~,结尾有彩蛋
用户10510183
2023/04/24
1.5K0
微软ATP带你看| 爆火的ChatGPT是什么?
GPT(Generative Pre-trained Transformer)系列是由OpenAI提出的非常强大的预训练语言模型。
叶锦鲤
2023/03/21
7970
微软ATP带你看| 爆火的ChatGPT是什么?
OpenAI超级对话模型ChatGPT发布!智能回答堪比雅思口语满分案例
对话格式使ChatGPT可以回答后续问题、承认错误、挑战不正确的前提并拒绝不适当的请求。
新智元
2023/01/08
1.3K0
OpenAI超级对话模型ChatGPT发布!智能回答堪比雅思口语满分案例
《AIGC辅助软件开发》001-AI智能化编程助手:ChatGPT
文章链接:https://cloud.tencent.com/developer/article/2465713
愚公搬代码
2024/11/15
1930
我掌握的新兴技术:AIGC的前世今生
chatgpt基本回答了什么是AIGC,但目前为止,AIGC尚无明确的定义。国内产学研各界对于AIGC的理解是“继专业内容生成PGC和用户生成内容UGC之后,利用人工智能技术自动生成内容的新型生产方式”。在国际上对于的术语是“人工智能合成媒体(AI-generated Media)”,其定义是“通过人工智能算法对数据或媒体进行生产、操控和修改的统称”。 综上所述,我们认为AIGC既是从内容生产视角进行分类的,又是一种生产方式,还是用于内容自动生成的一类技术集合。
程序员库里
2024/01/29
6751
真实世界的人工智能应用落地——OpenAI篇 ⛵
AI 以迅速的发展,不仅仅在研究界带来了革新,在生活的方方面面也提供智能化,使我们更便利。在本篇内容中,ShowMeAI将介绍 OpenAI 的主要发展以及它们实际落地的 AI 产品应用。
ShowMeAI
2022/12/26
2.4K0
真实世界的人工智能应用落地——OpenAI篇 ⛵
ChatGPT的狂欢背后:短板犹在,启发甚多,2023有这些事可以做……
机器之心报道 编辑:张倩 ChatGPT 的强大能力是与生俱来的吗?它有哪些短板?未来它会取代搜索引擎吗?它的出现给我们的 AI 研究带来了哪些启发?针对这些问题,几位 AI 研究者展开了深入对谈。 2022 年的最后一个月,OpenAI 用一个爆款对话机器人 ——ChatGPT 回应了人们一整年的期待,尽管它并不是大家期盼已久的 GPT-4。 用过 ChatGPT 的人都能体会到,它是一个真正的「六边形战士」:不仅能拿来聊天、搜索、做翻译,还能写故事、写代码、debug,甚至开发小游戏、参加美国高考……
机器之心
2023/03/29
3170
ChatGPT的狂欢背后:短板犹在,启发甚多,2023有这些事可以做……
GPT-4和ChatGPT大比拼,究竟谁胜?
作为人工智能史上里程碑事件之一的ChatGPT,自2022年11月30日发布至今,一直备受热议。在ChatGPT热潮尚未见减弱之势,2023年3月14日,OpenAI公司继续发布新一代AI语言大模型GPT-4,并官宣称GPT-4是“OpenAI最先进的系统”“能够产生更安全、更有用的响应”。
零点有数科技
2023/05/31
1.8K0
GPT-4和ChatGPT大比拼,究竟谁胜?
ChatGPT对自己的调研
ChatGPT(GPT的全称是Generative Pre-Trained 生成式的预训练)是由OpenAI开发的一个人工智慧聊天机器人程序,于2022年11月推出。该程序使用基于GPT-3.5架构的大型语言模型并通过强化学习进行训练。
宋小生
2023/02/28
3140
ChatGPT对自己的调研
ChatGPT发展历程、原理、技术架构详解和产业未来
去年12月1日,OpenAI推出人工智能聊天原型ChatGPT,再次赚足眼球,为AI界引发了类似AIGC让艺术家失业的大讨论。
边缘计算
2023/02/23
1.3K0
ChatGPT发展历程、原理、技术架构详解和产业未来
站在大时代的边上:ChatGPT使用姿势大全
2015年看过的这篇知乎长文:https://zhuanlan.zhihu.com/p/19950456 ,8年后仍然记忆犹新,文章提出人工智能到达1个点(奇点)后,会加速发展,直到人类不能理解。
成江东
2023/04/20
7790
站在大时代的边上:ChatGPT使用姿势大全
ChatGPT背后的模型
InstructGPT语言模型,是一个比 GPT-3 更善于遵循用户意图,同时使用通过我们的对齐研究开发的技术使它们更真实、毒性更小。InstructGPT 模型循环迭代的过程当中,加入了人类反馈进行训练。
算法一只狗
2023/01/18
6670
推荐阅读
相关推荐
提效秘籍RKFE:掌握ChatGPT,事半功倍,更有时间享受美好生活
更多 >
LV.0
腾讯前端开发
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档