OpenAI的新功能Canvas,效果还不错

news2024/10/17 15:45:11

时隔两年,ChatGPT终迎来界面全新升级!

这一次,OpenAI官宣推出类似 Anthropic 的 Artifacts 的界面交互功能 canvas,并称这是一种使用 ChatGPT 写作和编程的新方式。不论是写作,还是编码,都可以开启全新的交互模式。

5b3572767ce4f17f553019924d3575ac.png

使用过Claude Artifacts 的朋友都知道,极大提升了 LLM 输出结果的表现力,其支持输出文本文件、代码、网页、SVG 等等。 现如今ChatGPT也推出类似的功能,那让我们探一探,Claude的Artifacts功能和ChatGPT的Canves功能到底谁更强!

什是 Canvas?

Canvas 是一个ChatGPT推出的新功能,可增强协作编写和编码。它允许用户在单独的窗口中编辑项目、接收内联反馈并进行有针对性的编辑。

写作编辑功能

例如上传一个文件,并在ChatGPT给出生成内容之后,在界面的右下角就有一个“编辑”的按钮。

70cc939612a73d6ff01170154532f911.gif

这个按钮有五个功能,分别是:

  • 编辑建议(Suggest edits)

  • 调整上下文长度(Adjust the length)

  • 更改阅读水平(Reading level)

  • 添加最终润色(Add final polish)

  • 添加表情包(Add emojis)

注:文章界面和编程界面按钮所包含的功能不同

文章编辑功能

以“编辑建议”功能为例,我们只需要选择需要修改的内容片段,然后点击“应用(Apply)”,这段文字就会被重新生成:

c38cb44d868ca930a7d7c43018825dc7.gif

只需轻轻一划选中需要修改的文字,再输入你的新想法,ChatGPT就能快速为你重写内容。这种一键改写的功能大大简化了编辑过程

48b53be108724e592f489a0109382ab3.gif

调节上下文功能:

这个功能其实很简单,就是可以把ChatGPT生成之后的文档长度变得更短或更长,一共有五档:当前长度、更长、最长、更短、最短。

d9dc0b71b371bc1ff15ab4cdce421c08.gif

更改阅读水平功能: 更改阅读水平的功能和其名字一样。我们只需选择阅读水平,ChatGPT就会根据幼儿园、初中、当前水平、高中、大学和研究生六种水平重新生成相应的文章。

f6074b00747b4291af7ca0db2e8863f9.png

润色功能:

简单来说,就是把这篇文章做一个整体的修改:检查语法,一致性等问题。

5151d85df4f3f4ed326fb3e7996d3aff.gif

添加表情包功能:

添加表情包功能就是可以把emoji们添加到文章中,让内容变得更加生动有趣。

650f454d1920983bd59a2497d64acee0.png

这些新增的功能本身并不算特别惊艳,实际上用户只需添加适当的提示词就能实现类似的效果。不过,值得一提的是,ChatGPT这次推出的Canvas功能确实大大降低了使用门槛,让操作变得更加直观和便捷。

编程功能

除了写作之外,Canvas另一个功能就是编程了,

整体来看包含以下五种功能:

- 检查代码:ChatGPT提供内联建议以改进代码

- 添加日志(logs):插入print语句以帮助调试和理解代码

- 添加注释:为代码添加注释

- 修复bug:检测并重写有问题的代码以解决bug

- 移植到一种语言:将您的代码转换为JavaScript、TypeScript、Python、Java、C++或PHP

在Canvas中,我们针对某个代码片段,可以通过类似划词的方式,让它按要求对代码进行更改:

c3f157e5455806f7dc6aa064af5539a0.gif

对于审查代码、添加日志、添加注释、修复bug这四个功能也是如此,只需轻轻一点即可。

成果展示:

在Canvas界面下,GPT-4o都编码性能提升了18%!

20bc83bdaa27777a84269d95fbc2e196.png

用户 @bilawalsidhu 分享自己让 ChatGPT 使用 ThreeJS 创建超立方体查看器过程:

97d0da74981e2d791c2cde7f58a3269d.gif

是不是效果还不错。 目前,Canvas 已对ChatGPT Plus和团队用户开放。企业和教育用户这周即可体验,免费用户则需等到测试结束后才可享受这款革命性工具。

还不知道GPT4o和Claude如何充值?还不知道国内直连的使用方法,或许你需要看下面的这篇文章。wildcard使用教程,解决绝大多数普通人的海外支付难题

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

什么!我上传的文件不见了?

什么!我上传的文件不见了? 前言: 最近在实现一个文件上传功能时使用了异步处理,但是在异步处理文件时,却提示NoSuchFileException错误。简化代码如下: PostMapping("/upload")void testFileUpload(Reques…

Flume抽取数据(包含自定义拦截器和时间戳拦截器)

flume参考网址:Flume 1.9用户手册中文版 — 可能是目前翻译最完整的版本了https://flume.liyifeng.org/?flagfromDoc#要求: 使用Flume将日志抽取到hdfs上:通过java代码编写一个拦截器,将日志中不是json数据的数据过滤掉&#xf…

学习文档10/16

MySQL 字符集: MySQL 支持很多种字符集的方式,比如 GB2312、GBK、BIG5、多种 Unicode 字符集(UTF-8 编码、UTF-16 编码、UCS-2 编码、UTF-32 编码等等)。 查看支持的字符集 你可以通过 SHOW CHARSET 命令来查看,支持…

一次性理清Environment体系

在Spring中,我们可以通过配置文件等方式去进行一些属性值的配置,比如通过Value注解去获取到对应的属性值,又或者说是想在程序运行时获取系统环境变量,类似的这些操作其实都是去获取一些配置数据,所以在Spring中对这些数…

C++ | Leetcode C++题解之第486题预测赢家

题目&#xff1a; 题解&#xff1a; class Solution { public:bool PredictTheWinner(vector<int>& nums) {int length nums.size();auto dp vector<int>(length);for (int i 0; i < length; i) {dp[i] nums[i];}for (int i length - 2; i > 0; i-…

基于SpringBoot+Vue+uniapp的在线招聘平台的详细设计和实现

详细视频演示 请联系我获取更详细的演示视频 项目运行截图 技术框架 后端采用SpringBoot框架 Spring Boot 是一个用于快速开发基于 Spring 框架的应用程序的开源框架。它采用约定大于配置的理念&#xff0c;提供了一套默认的配置&#xff0c;让开发者可以更专注于业务逻辑而不…

喜报丨财富通科技荣获ISO9001、ISO27001及ISO20000三项国际认证

近日&#xff0c;财富通科技成功通过ISO9001、ISO27001及ISO20000三项国际标准认证。这标志着公司在质量管理体系、信息安全管理体系以及信息技术服务管理体系建设方面达到了国际认可的标准。 ISO9001认证表明财富通科技在软件开发、技术服务和项目管理等方面建立了一套完善的…

带你学习如何编写一篇API详设文档以及给新人提点建议

文章目录 前言先认清一个问题详设文档如何写先看文档脉络详设文档分析需求背景方案概述API定义安全设计性能设计缓存与数据库 总结 前言 这篇文章带读者了解软件开发项目中一个需求的开发详设文档主要包括哪些内容&#xff0c;其中重点会给读者分析API设计的规范&#xff0c;相…

推荐算法的学习

文章目录 前言1、模型1.1 从本领域模型的发展历史中学习1.1.1 在历史中总结发展规律和趋势1.1.2 发现模型之间的共性&#xff0c;方便记忆 1.2 从其他领域的发展中学习1.2.1 注意力机制1.2.2 残差网络 1.3 实践该怎么办&#xff1f; 2、 特征2.1 数据源的选择与建立2.2 特征构造…

react18中实现简易增删改查useReducer搭配useContext的高级用法

useReducer和useContext前面有单独介绍过&#xff0c;上手不难&#xff0c;现在我们把这两个api结合起来使用&#xff0c;该怎么用&#xff1f;还是结合之前的简易增删改查的demo&#xff0c;熟悉vue的应该可以看出&#xff0c;useReducer类似于vuex&#xff0c;useContext类似…

AirServer2024你的手机投屏神器,轻松实现多屏互动!

&#x1f4a1;**开篇点题**&#x1f4a1; 说起现代科技的魔力&#xff0c;小伙伴们是否还记得那个让你在公司会议、家庭影院乃至游戏战场上都能大显身手的神奇软件——AirServer&#xff1f;没错&#xff0c;就是那个让你手机秒变超级大屏的投屏神器&#xff01;今天我要和大家…

WebGIS开发系列教程

WebGIS开发-00保姆级、零基础入门教程 WebGIS开发-01开发环境搭建 WebGIS开发-02vite搭建htmlcssjs开发框架 WebGIS开发-03在框架中引入地图 WebGIS开发-04.搭建Vue3jsscss框架开启编程之旅 B Zhan持续更新中....

机器学习数据标准化与归一化:提升模型精度的关键

&#x1f4d8;数据标准化与归一化&#xff1a;提升模型精度的关键 机器学习中的数据处理环节至关重要&#xff0c;其中&#xff0c;数据标准化与归一化是提高模型性能的关键步骤之一。数据的特征尺度往往不一致&#xff0c;直接影响模型的训练效果&#xff0c;因此对数据进行处…

用sdkman管理多个jdk切换

前言 最近项目前后端进行升级&#xff0c;需要在jdk8和jdk17两个版本切换。最简单的是通过手动切换&#xff0c;但切换过程太繁琐&#xff0c;修改环境变量&#xff0c;达到切换目的。于是尝试其它解决方案&#xff0c;最终确实使用sdkman工具。 sdkman 是一款面向Java开发者的…

十分钟掌握Ajax(jQuery封装的ajax)

Ajax是一种异步&#xff08;无需等待服务器返回数据就可以做别的工作&#xff09;无刷新&#xff08;做了一些操作之后&#xff0c;页面不会刷新&#xff09;技术&#xff0c;通常结合DOM一起操作。(不像超链接和表单一样一点就刷新) Jquery封装好的Ajax技术有四种&#xff0c…

苹果开源Depth Pro:0.3秒实现从2D图像到3D深度图的革命性突破

前沿科技速递&#x1f680; 近日&#xff0c;苹果公司的AI研究团队震撼推出了一项划时代的技术——Depth Pro。这一技术能够在0.3秒内从单一的2D图像中生成高精度的3D深度图&#xff0c;突破了单目深度估计技术的极限。这项创新将为智能设备和计算机视觉领域带来全新的应用可能…

JavaWeb合集11-Maven高级

十一、Maven高级 1、分模块设计与开发 为什么?将项目按照功能拆分成若干个子模块,方便项目的管理维护、扩展,也方便模块间的相互调用&#xff0c;资源共享。 分模块开发需要先针对模块功能进行设计&#xff0c;再进行编码。不会先将工程开发完毕,然后进行拆分。 实现步骤&…

mqtt与云服务器

mqtt 目录 mqtt 回顾 云服务器的操作 MQTT协议 -- 将官方库移植到工程 -- 应用 -- 可能会出现的问题&#xff1a; 完整代码 回顾 -- 昨天我们写的AT指令是直接写在main中&#xff0c;在while循环的外面&#xff0c;没有很好的封装&#xff0c;所以今天我们写一个函数…

jeecg3版本的vue,离线启动

jeecg的vue2版本已经停止维护&#xff0c;所以只能用vue3的版本。3版本中使用的是pnpm&#xff08;npm的增强版本&#xff09;下载依赖。使用pnpm安装的node_modules&#xff0c;不能直接复制到离线主机中&#xff08;因为在 pnpm安装过程中&#xff0c;会给依赖的配置文件写死…

qt页面设计

1. Designer 设计师&#xff08;掌握&#xff09; Designer是Qt内置的一款界面设计程序&#xff0c;设计的界面文件为.ui格式。 C程序员通常不会单独启动Designer&#xff0c;如果要在项目中使用Designer程序&#xff0c;只需要在新建项目时&#xff0c;勾选“创建界面文件”选…