{"id":110680,"date":"2024-10-05T12:57:43","date_gmt":"2024-10-05T05:57:43","guid":{"rendered":"https:\/\/hotvideos24.online\/?p=110680"},"modified":"2024-10-05T12:57:43","modified_gmt":"2024-10-05T05:57:43","slug":"openais-canvas-can-translate-code-between-languages-with-a-click","status":"publish","type":"post","link":"https:\/\/hotvideos24.online\/?p=110680","title":{"rendered":"OpenAI\u2019s Canvas can translate code between languages with a click"},"content":{"rendered":"<p> <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3711241968723425\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-layout-key=\"-fb+5w+4e-db+86\"\r\n     data-ad-client=\"ca-pub-3711241968723425\"\r\n     data-ad-slot=\"7910942971\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><br \/>\n<\/p>\n<div>\n<p>Coding shortcuts in canvas include reviewing code, adding logs for debugging, inserting comments, fixing bugs, and porting code to different programming languages. For example, if your code is JavaScript, with a few clicks it can become PHP, TypeScript, Python, C++, or Java. As with GPT-4o by itself, you&#8217;ll probably still have to check it for mistakes.<\/p>\n<figure class=\"ars-img-shortcode id-2054583 align-center\">\n<div>\n<div class=\"ars-lightbox\">\n<div class=\"ars-lightbox-item\">\n              <a data-pswp-width=\"1345\" data-pswp-height=\"728\" data-pswp-srcset=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-300x162.jpg 300w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-640x346.jpg 640w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-768x416.jpg 768w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-980x530.jpg 980w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot.jpg 1345w\" data-cropped=\"true\" href=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot.jpg\" target=\"_blank\" class=\"cursor-zoom-in\" rel=\"noopener\"><br \/>\n                <img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"728\" src=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot.jpg\" class=\"attachment-full size-full\" alt=\"A screenshot of coding using ChatGPT with Canvas captured on October 4, 2024.\" srcset=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot.jpg 1345w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-300x162.jpg 300w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-640x346.jpg 640w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-768x416.jpg 768w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/canvas_coding_screenshot-980x530.jpg 980w\" sizes=\"auto, (max-width: 1345px) 100vw, 1345px\"\/><br \/>\n              <\/a><\/p>\n<div class=\"pswp-caption-content\" id=\"caption-2054583\">\n                A screenshot of coding using ChatGPT with Canvas captured on October 4, 2024.<\/p>\n<p>\n                    Credit:<br \/>\n                                          Benj Edwards\n                                      <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div><figcaption>\n<div class=\"caption mt-1 inline-flex flex-row items-stretch gap-1 text-lg leading-tight text-gray-300\">\n<p>\n      A screenshot of coding using ChatGPT with Canvas captured on October 4, 2024.<\/p>\n<p>              <span class=\"caption-credit mt-2 whitespace-nowrap text-xs\"><br \/>\n          Credit:<\/p>\n<p>          Benj Edwards<\/p>\n<p>                  <\/span>\n          <\/p>\n<\/p><\/div>\n<\/figcaption><\/figure>\n<p>Also, users can highlight specific sections to direct ChatGPT&#8217;s focus, and the AI model can provide inline feedback and suggestions while considering the entire project, much like a copy editor or code reviewer. And the interface makes it easy to restore previous versions of a working document using a back button in the Canvas interface.<\/p>\n<h2>A new AI model<\/h2>\n<p>OpenAI says its research team developed new core behaviors for GPT-4o to support Canvas, including triggering the canvas for appropriate tasks, generating certain content types, making targeted edits, rewriting documents, and providing inline critique.<\/p>\n<figure class=\"ars-img-shortcode id-2054500 align-center\">\n<div>\n<div class=\"ars-lightbox\">\n<div class=\"ars-lightbox-item\">\n              <a data-pswp-width=\"1440\" data-pswp-height=\"810\" data-pswp-srcset=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-300x169.webp 300w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-640x360.webp 640w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-768x432.webp 768w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1536x864.webp 1536w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-384x216.webp 384w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1152x648.webp 1152w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-980x551.webp 980w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1440x810.webp 1440w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero.webp 1920w\" data-cropped=\"true\" href=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1440x810.webp\" target=\"_blank\" class=\"cursor-zoom-in\" rel=\"noopener\"><br \/>\n                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero.webp\" class=\"attachment-full size-full\" alt=\"An image of OpenAI's Canvas in action.\" srcset=\"https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero.webp 1920w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-300x169.webp 300w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-640x360.webp 640w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-768x432.webp 768w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1536x864.webp 1536w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-384x216.webp 384w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1152x648.webp 1152w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-980x551.webp 980w, https:\/\/cdn.arstechnica.net\/wp-content\/uploads\/2024\/10\/Canvas_Hero-1440x810.webp 1440w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\"\/><br \/>\n              <\/a><\/p>\n<div class=\"pswp-caption-content\" id=\"caption-2054500\">\n                An image of OpenAI&#8217;s Canvas in action.<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div><figcaption>\n<div class=\"caption mt-1 inline-flex flex-row items-stretch gap-1 text-lg leading-tight text-gray-300\">\n<div class=\"caption-content\">\n      An image of OpenAI&#8217;s Canvas in action.<\/p>\n<p>              <span class=\"caption-credit mt-2 whitespace-nowrap text-xs\"><br \/>\n          Credit:<\/p>\n<p>                      <a class=\"caption-credit-link text-gray-400 hover:text-gray-300\" href=\"https:\/\/openai.com\/index\/introducing-canvas\/\"><\/p>\n<p>          OpenAI<\/p>\n<p>                      <\/a><br \/>\n                  <\/span>\n          <\/div>\n<\/p><\/div>\n<\/figcaption><\/figure>\n<p>One key challenge in development, <a href=\"https:\/\/openai.com\/index\/introducing-canvas\/\">according to<\/a> OpenAI, was defining when to trigger a canvas. In an example on the Canvas blog post, the team says it taught the model to open a canvas for prompts like &#8220;Write a blog post about the history of coffee beans&#8221; while avoiding triggering Canvas for general Q&amp;A tasks like &#8220;Help me cook a new recipe for dinner.&#8221;<\/p>\n<p>Another challenge involved tuning the model&#8217;s editing behavior once canvas was triggered, specifically deciding between targeted edits and full rewrites. The team trained the model to perform targeted edits when users specifically select text through the interface, otherwise favoring rewrites.<\/p>\n<p>The company noted that canvas represents the first major update to ChatGPT&#8217;s visual interface since its launch two years ago. While canvas is still in early beta, OpenAI plans to improve its capabilities based on user feedback over time.<\/p>\n<\/p><\/div>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3711241968723425\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-format=\"fluid\"\r\n     data-ad-layout-key=\"-fb+5w+4e-db+86\"\r\n     data-ad-client=\"ca-pub-3711241968723425\"\r\n     data-ad-slot=\"7910942971\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><br \/>\n<br \/><div data-type=\"_mgwidget\" data-widget-id=\"1660802\">\r\n<\/div>\r\n<script>(function(w,q){w[q]=w[q]||[];w[q].push([\"_mgc.load\"])})(window,\"_mgq\");\r\n<\/script>\r\n<br \/>\n<br \/><a href=\"https:\/\/arstechnica.com\/ai\/2024\/10\/openais-canvas-eases-collaborations-with-chatgpt\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coding shortcuts in canvas include reviewing code, adding logs for debugging, inserting comments, fixing bugs, and porting code to different programming languages. For example, if your code is JavaScript, with &hellip; <a href=\"https:\/\/hotvideos24.online\/?p=110680\" class=\"more-link\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8630],"tags":[],"class_list":["post-110680","post","type-post","status-publish","format-standard","hentry","category-technology","entry"],"_links":{"self":[{"href":"https:\/\/hotvideos24.online\/index.php?rest_route=\/wp\/v2\/posts\/110680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotvideos24.online\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotvideos24.online\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotvideos24.online\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hotvideos24.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=110680"}],"version-history":[{"count":0,"href":"https:\/\/hotvideos24.online\/index.php?rest_route=\/wp\/v2\/posts\/110680\/revisions"}],"wp:attachment":[{"href":"https:\/\/hotvideos24.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=110680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotvideos24.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=110680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotvideos24.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=110680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}