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

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

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

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

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

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

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

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

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

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

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

คุณยังสามารถเริ่มต้นด้วย canvas เปล่าบน ChatGPT เวอร์ชันเว็บได้โดยพูดว่า “open a canvas” หรือ “open a coding 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

คุณสามารถรันไฟล์โค้ด Python ใน canvas ได้โดยตรงบนเบราว์เซอร์เมื่อใช้งาน 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 ที่เป็นโค้ด ระบบจะตรวจจับภาษาอย่างชาญฉลาดและส่งออกด้วยนามสกุลไฟล์ที่เหมาะสม (เช่น .py, .js, .sql เป็นต้น) โดยคงการจัดรูปแบบและไวยากรณ์ไว้

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

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

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

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

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

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