ฟีเจอร์ canvas ใน ChatGPT คืออะไร และใช้งานอย่างไร

Canvas เป็นอินเทอร์เฟซใหม่สำหรับทำงานกับ ChatGPT ในโปรเจ็กต์การเขียนและการเขียนโค้ดที่ต้องมีการแก้ไขและปรับปรุง

เมื่อใช้ Canvas ChatGPT จะเข้าใจบริบทของสิ่งที่คุณกำลังพยายามทำได้ดียิ่งขึ้น คุณสามารถไฮไลต์ส่วนที่ต้องการเพื่อระบุให้ชัดเจนว่าต้องการให้ ChatGPT โฟกัสที่อะไร นอกจากนี้ยังสามารถให้ข้อเสนอแนะและคำแนะนำแบบแทรกในบรรทัด โดยคำนึงถึงทั้งโปรเจ็กต์

คุณเป็นผู้ควบคุมโปรเจ็กต์ใน Canvas คุณสามารถแก้ไขข้อความหรือโค้ดได้โดยตรง คุณสามารถใช้ทางลัดเพื่อให้ ChatGPT ปรับความยาวของงานเขียน ดีบักโค้ด และดำเนินการที่มีประโยชน์อื่น ๆ ได้อย่างรวดเร็ว คุณยังสามารถกู้คืนเวอร์ชันก่อนหน้าของงานได้โดยใช้ปุ่มย้อนกลับใน Canvas

การเรนเดอร์ React/HTML ทำงานอย่างไร

โค้ด React/HTML จะถูกเรนเดอร์ในสภาพแวดล้อมแซนด์บ็อกซ์ ทำให้คุณดูผลลัพธ์ของโค้ดได้ แพ็กเกจ npm และไลบรารี JavaScript จำนวนมากจะใช้งานได้ แต่ตัวอย่างที่ต้องโหลดแพ็กเกจภายนอกหรือทรัพยากรเว็บอาจขึ้นอยู่กับการตั้งค่าการเข้าถึงเครือข่ายของ Canvas ในเวิร์กสเปซของคุณ

สวิตช์การรันโค้ด Canvas และการเข้าถึงเครือข่าย

โปรดทราบว่าการรันโค้ดและการเรนเดอร์ React/HTML อาจส่งผลให้มีการส่งคำขอเครือข่ายภายนอก ผู้ดูแลเวิร์กสเปซ Enterprise สามารถควบคุมได้ว่าจะให้ผู้ใช้ในเวิร์กสเปซใช้งานการรันโค้ด Canvas ได้หรือไม่ รวมถึงพฤติกรรมการเข้าถึงเครือข่ายเริ่มต้น โดยค่าเริ่มต้น canvas code execution จะเปิดon ขณะที่ Allow canvas code to access the network จะปิดoff สำหรับเวิร์กสเปซ Enterprise แต่สวิตช์เหล่านี้กำหนดค่าได้ใน Admin settings ของเวิร์กสเปซของคุณ

การเข้าถึง Canvas บน ChatGPT

ChatGPT อาจเปิด Canvas เมื่อเข้าใจสิ่งที่คุณกำลังพยายามทำ ตัวอย่างเช่น คุณสามารถขอให้ ChatGPT สร้างงานเขียนหนึ่งชิ้น (เช่น “มาเขียนเรียงความยาว ๆ เกี่ยวกับเหตุผลที่สตรอว์เบอร์รีเป็นผลเทียมกันเถอะ”) หรือร่างโค้ดให้คุณ (เช่น “เขียนเว็บเซิร์ฟเวอร์ด้วย Python”) แล้วระบบจะตอบกลับด้วย Canvas โดยทั่วไป คุณสามารถคาดหวังได้ว่า ChatGPT จะเปิด Canvas โดยอัตโนมัติเมื่อ ChatGPT สร้างเนื้อหามากกว่า 10 บรรทัด หรือตรวจพบสถานการณ์ที่การมีอินเทอร์เฟซสำหรับการเขียนหรือโค้ดจะเป็นประโยชน์ นอกจากนี้ คุณสามารถใส่ “ใช้ Canvas…” ในคำสั่งเพื่อขอให้ ChatGPT เปิด Canvas

คำตอบที่มี Canvas จะเปิดหน้าต่างทางด้านขวาโดยอัตโนมัติ ซึ่งมีเนื้อหาที่คุณขอไว้

คุณยังสามารถเริ่มต้นด้วย Canvas เปล่ากับ ChatGPT บนเว็บได้โดยพูดสิ่งต่าง ๆ เช่น “เปิด Canvas” หรือ “เปิด Canvas สำหรับเขียนโค้ด” ด้วย Canvas เปล่า คุณสามารถทำงานกับโปรเจ็กต์ที่มีอยู่ได้โดยวางลงใน Canvas เปล่า หรือเพียงพิมพ์ใน Canvas

คุณยังสามารถวางเนื้อหาลงใน ChatGPT แล้วเปิดใน Canvas ได้ทันทีผ่านทางลัดที่มุมขวาบนของตัวเขียนข้อความ

นอกจากนี้ กล่องเครื่องมือในตัวเขียนคำสั่งยังช่วยให้คุณขอให้ ChatGPT สร้าง Canvas ใหม่ในคำสั่งของคุณได้ สิ่งนี้สามารถเรียกใช้ได้ด้วยการพิมพ์แบ็กสแลช (“/”) แล้วใช้คำสั่ง “canvas”

การแก้ไขโปรเจ็กต์ของคุณด้วย Canvas

คุณสามารถแก้ไขด้วย Canvas ได้ง่าย ๆ เพียงขอในแชท นอกจากนี้ คุณสามารถเลือกบางส่วนของเนื้อหาได้โดยไฮไลต์ข้อความ หรือใช้ไอคอนคอมเมนต์บล็อกเพื่อเลือกบล็อกย่อหน้าทั้งหมด วิธีนี้จะเปิดช่องป้อนข้อมูลที่คุณสามารถให้คำแนะนำเกี่ยวกับสิ่งที่ต้องการให้อธิบายหรือแก้ไขในส่วนที่เลือก

คุณยังสามารถแก้ไขเนื้อหา Canvas ได้โดยตรงโดยคลิกเข้าไปใน Canvas แล้วพิมพ์ โปรดทราบว่ารองรับเฉพาะตัวเลือกการจัดรูปแบบ Markdown พื้นฐานเท่านั้น รวมถึงตัวหนา ตัวเอียง ส่วนหัว รายการหัวข้อย่อย และรายการลำดับเลข ขณะนี้เรายังไม่มีตัวเลือกการจัดรูปแบบขั้นสูงเพิ่มเติมใน Canvas

คุณสามารถรับคำแนะนำคอมเมนต์แบบตรงจุดจาก ChatGPT ได้ง่าย ๆ โดยเลือกทางลัด Suggest edits หรือ Review code เมื่อคลิกที่ฟองคอมเมนต์ คุณจะเห็นคำแนะนำเฉพาะที่ ChatGPT ให้ไว้ คุณสามารถแก้ไขรายการที่ถูกตั้งค่าสถานะได้โดยตรงแล้วปิดคอมเมนต์ หรือเลือก Apply เพื่อให้ ChatGPT สร้างเนื้อหาเพื่อจัดการกับคอมเมนต์โดยอัตโนมัติ

เมื่อทำงานเขียน คุณยังมีตัวเลือกในการไฮไลต์ส่วนที่ต้องการของข้อความหรือโค้ด แล้วขอให้ ChatGPT ขอการแก้ไขส่วนนั้นหรือถามคำถามเกี่ยวกับส่วนนั้นได้ คุณยังสามารถเข้าถึงตัวเลือกการจัดรูปแบบได้โดยไฮไลต์ข้อความส่วนหนึ่ง รองรับการจัดรูปแบบ Markdown พื้นฐาน รวมถึงตัวหนา ตัวเอียง ส่วนหัว รายการหัวข้อย่อย และรายการลำดับเลข ขณะนี้เรายังไม่มีตัวเลือกการจัดรูปแบบขั้นสูงเพิ่มเติมใน Canvas

ทางลัดบน Canvas สำหรับการเขียนและการเขียนโค้ด

Canvas กับ ChatGPT ให้คุณเข้าถึงชุดทางลัดสำหรับการเขียน ซึ่งช่วยให้คุณขอคำแนะนำการแก้ไข ปรับความยาวของผลลัพธ์ อัปเดตระดับการอ่านที่ต้องการ และเพิ่มอีโมจิหรือขัดเกลาชิ้นงานขั้นสุดท้ายได้ หากต้องการหาทางลัดเหล่านี้ ให้วางเมาส์เหนือเมนูทางลัดที่มุมขวาล่างของหน้า

สำหรับเอกสารงานเขียน คุณสามารถใช้ทางลัดต่อไปนี้ได้:

• Suggest edits: ChatGPT จะเพิ่มคำแนะนำแบบแทรกในบรรทัดเพื่อปรับปรุงงานเขียนของคุณ

• Adjust the length: ย่อหรือขยายความยาวของเอกสารของคุณ

• Change reading level: ปรับระดับการอ่านตั้งแต่ระดับอนุบาลถึงบัณฑิตศึกษา

• Add final polish: ตรวจสอบไวยากรณ์ ความชัดเจน และความสอดคล้อง

• Add emojis: แทนที่คำด้วยอีโมจิหรือเพิ่มอีโมจิเพื่อเน้นและเพิ่มสีสัน

สำหรับการเขียนโค้ด คุณสามารถใช้ทางลัดต่อไปนี้ได้:

• Add logs: แทรกคำสั่งพิมพ์เพื่อช่วยดีบักและติดตามการทำงาน

• Add comments: เพิ่มคอมเมนต์เพื่ออธิบายโค้ดและทำให้อ่านง่ายขึ้น

• Fix bugs: ตรวจจับและเขียนโค้ดที่มีปัญหาใหม่เพื่อแก้ข้อผิดพลาด

• Port to a language: แปลโค้ดของคุณเป็นภาษาอย่าง JavaScript, Python, Java, TypeScript, C++ หรือ PHP

• Code review: ให้คำแนะนำแบบแทรกในบรรทัดเพื่อเพิ่มประสิทธิภาพและปรับปรุงโค้ดของคุณ

บางทางลัดจะอัปเดตเนื้อหาของโปรเจ็กต์ของคุณทันที เช่น Add emojis, Add final polish, Fix bugs และ Port to a language

ทางลัดอื่น ๆ สามารถปรับแต่งได้ด้วยแถบเลื่อน เช่น ทางลัด Adjust the length ให้ความยืดหยุ่นในการเลือกตัวเลือกตั้งแต่ความยาวสั้นที่สุดถึงยาวที่สุด ทางลัด Reading level ช่วยให้คุณปรับระดับการอ่านตั้งแต่ระดับอนุบาลถึงบัณฑิตศึกษา

ประวัติเวอร์ชันและการแสดงการเปลี่ยนแปลง

คุณสามารถไปยังเวอร์ชันต่าง ๆ ของเอกสารหรือโค้ดใน Canvas ได้โดยใช้ประวัติเวอร์ชันผ่านลูกศรในแถบเครื่องมือด้านบน วิธีนี้ช่วยให้คุณดูเวอร์ชันก่อนหน้า รวมถึงกู้คืนเวอร์ชันเหล่านั้นได้หากต้องการ คุณยังสามารถคัดลอกเนื้อหาของโปรเจ็กต์ได้โดยเลือกปุ่มคัดลอก

นอกจากนี้ คุณยังสามารถดูการเปลี่ยนแปลงระหว่างเวอร์ชันของ Canvas ได้โดยใช้ปุ่ม Show changes ในแถบเครื่องมือด้านบน ระบบจะแสดงส่วนที่เพิ่มและลบสำหรับทั้งเอกสารและโค้ด

การรันโค้ด Python ด้วย Canvas

คุณสามารถรันไฟล์โค้ด Canvas สำหรับ Python ได้โดยตรงบนเบราว์เซอร์เมื่อใช้ Canvas โดยเลือกปุ่ม Execute ใน Canvas ของคุณ เมื่อรันโค้ด Python ผลลัพธ์จะปรากฏในคอนโซลที่ด้านล่างของหน้าจอ เมื่อมีข้อผิดพลาดปรากฏในคอนโซล ChatGPT จะให้คำแนะนำเกี่ยวกับข้อผิดพลาดนั้น ให้คลิกปุ่ม Fix bug เพื่อให้ ChatGPT พยายามแก้ไขให้คุณ!

ขณะนี้ฟีเจอร์นี้ใช้งานได้เฉพาะกับโค้ด Python เท่านั้น แต่เรามีแผนจะขยายการเข้าถึงไปยังภาษาโปรแกรมอื่น ๆ ในอนาคต

การเปิดใช้ Canvas สำหรับ GPT ของคุณ

ตอนนี้ Canvas ใช้งานกับ GPTs ได้แล้ว คุณสามารถเปิดใช้การเข้าถึง Canvas สำหรับ GPTs ได้โดยเปิดใช้ความสามารถ Canvas ใน GPT Builder ซึ่งจะทำให้ผู้ใช้ปลายทางของ GPT ของคุณเปิด Canvas ระหว่างแชทกับ GPT ของคุณได้

โปรดทราบว่าความสามารถนี้ถูกปิดสำหรับ GPTs ที่มีอยู่ทั้งหมด และเปิดเป็นค่าเริ่มต้นสำหรับ GPTs ที่สร้างใหม่ คุณสามารถแก้ไขการตั้งค่านี้ได้ทุกเมื่อใน GPT Builder


ดูข้อมูลเพิ่มเติมเกี่ยวกับ GPT Builder

การแชร์ Canvas กับผู้อื่น

ตอนนี้ผู้ใช้สามารถแชร์แอสเซ็ต Canvas เช่น โค้ด React/HTML ที่เรนเดอร์แล้ว เอกสาร หรือโค้ดกับผู้ใช้อีกคนได้ คล้ายกับการแชร์บทสนทนา คุณทำได้จากแถบเครื่องมือของ Canvas เมื่อเปิด Canvas อยู่

การดาวน์โหลดไฟล์ Canvas ของคุณ

ตอนนี้คุณสามารถส่งออกเอกสาร Canvas ของคุณได้หลายรูปแบบตามประเภทของเนื้อหา มองหาปุ่ม Download ที่มุมขวาบนของ Canvas ของคุณเพื่อลองใช้งาน

สำหรับเอกสารทั่วไป (เช่น เรียงความหรือโพสต์บล็อก) Canvas รองรับการส่งออกเป็นรูปแบบ PDF, Markdown (.md) และ Word (.docx)

สำหรับ Canvas ที่ใช้โค้ด Canvas จะตรวจจับภาษาอย่างชาญฉลาดและส่งออกเป็นนามสกุลไฟล์ที่เหมาะสม (เช่น .py, .js, .sql เป็นต้น) พร้อมรักษาการจัดรูปแบบและไวยากรณ์ไว้

ฟีเจอร์นี้ช่วยให้เก็บถาวรงาน แชร์ฉบับร่าง หรือแก้ไขต่อในเครื่องมือภายนอกได้ง่าย

ตัวอย่าง Canvas โหลดไม่เสร็จระหว่าง “Installing Packages” ใช่ไหม

ตัวอย่าง JS/HTML Canvas บางรายการต้องให้เบราว์เซอร์ของผู้ใช้โหลดแพ็กเกจภายนอกหรือทรัพยากรเว็บอื่น ๆ ก่อนจึงจะเรนเดอร์ได้ หาก Allow canvas code to access the network ถูกปิดoff หรือหากการควบคุมเครือข่ายของเบราว์เซอร์หรือองค์กรบล็อกโดเมนภายนอกที่จำเป็น ตัวอย่างอาจโหลดไม่เสร็จ

ตรวจสอบคอนโซลของเบราว์เซอร์เพื่อดูข้อผิดพลาด เช่น Failed to fetch, Refused to connect หรือข้อผิดพลาด Content Security Policy หากเปิดใช้การเข้าถึงเครือข่ายสำหรับโค้ด Canvas แล้ว ให้ตรวจสอบว่าเบราว์เซอร์ พร็อกซี ไฟร์วอลล์ หรือการควบคุม endpoint กำลังบล็อกโดเมนที่จำเป็นอยู่หรือไม่

Canvas และความปลอดภัยบนเว็บ

Canvas สามารถแสดงตัวอย่างเว็บไซต์และเนื้อหาเว็บอื่น ๆ ได้ เนื้อหาเว็บย่อมอยู่บนออนไลน์และมีความสามารถในการสื่อสารกับบุคคลที่สามที่ไม่ใช่ OpenAI

การสื่อสารที่ตัวอย่างเว็บทำอาจเรียบง่ายเพียงแค่ใช้อินเทอร์เน็ตเพื่อเข้าถึงรูปภาพ แต่ก็อาจอันตรายถึงขั้นส่งข้อมูลที่คุณป้อนหรือแชร์กับ ChatGPT ไปยังบุคคลที่สามได้เช่นกัน

ChatGPT จะนำข้อมูลที่คุณให้ไว้ขณะสนทนาไปใช้เพื่อสร้างคำตอบที่มีข้อมูลประกอบ ในบางกรณี เช่น เมื่อคุณวางข้อมูลจากอินเทอร์เน็ต หรือเมื่อมีการดึงข่าวหรือผลการค้นหา ChatGPT จะใช้ข้อมูลอื่นสำหรับคำตอบ รวมถึงในการสร้างโค้ดด้วย Canvas

เมื่อคุณโต้ตอบกับตัวอย่างเว็บใน Canvas ChatGPT จะขอให้คุณยืนยันการสื่อสารกับบุคคลที่สามที่ OpenAI ไม่รู้จัก หากคุณยืนยันการสื่อสารนี้ เราจะอนุญาตให้ตัวอย่างสื่อสารกับบุคคลที่สามรายนั้น