ยกระดับการทำงานกับ AI ด้วย Canvases: เปลี่ยนการสนทนาให้เป็นพื้นที่ทำงานแบบโต้ตอบ

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

อย่างไรก็ตาม สำหรับงานบางประเภทที่ไม่ได้เหมาะกับรูปแบบการสนทนาเพียงอย่างเดียวล่ะ? งานที่ต้องอาศัยการมองเห็นภาพรวมและการโต้ตอบกับข้อมูล เช่น การจัดลำดับความสำคัญของ Backlog (Triage) การแสดงข้อมูลที่ซับซ้อน หรือการรวบรวมข้อมูลจากหลายแหล่ง อินเทอร์เฟซแบบภาพจะช่วยให้เราเข้าใจรูปแบบ ค้นหาความเชื่อมโยง และตัดสินใจได้ง่ายกว่าเดิม

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

การทำงานกับ canvases

พื้นที่ทำงานร่วมกันแบบโต้ตอบเหล่านี้เป็นส่วนขยายของแอป Copilot ที่เรียกว่า Canvases โดย Canvas คืออินเทอร์เฟซภายในแอป GitHub Copilot ที่เปิดให้นักพัฒนาและ Agent สามารถร่วมมือกันได้แบบเรียลไทม์ ซึ่งพื้นที่ส่วนแบ่งแบบโต้ตอบเหล่านี้เรียกว่า Canvas Extensions

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

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

สำหรับการสร้าง Canvas ให้ใช้คำสั่ง /create-canvas ในเซสชันของ Agent บนแอป GitHub Copilot จากนั้นอธิบายสิ่งที่คุณต้องการสร้างและคุณสมบัติที่ควรจะมี เนื่องจาก Canvases ถูกสร้างขึ้นจาก Prompt และพัฒนาตามเวิร์กโฟลว์ของผู้ใช้ จึงมีรูปแบบการใช้งานที่หลากหลาย ไม่ว่าจะเป็นการช่วยแสดงภาพรวมข้อมูล การช่วยลงมือปฏิบัติ หรือการจัดการ Backlog ในรูปแบบที่น่าสนใจยิ่งขึ้น นี่คือตัวอย่างบางส่วนของสิ่งที่เป็นไปได้ด้วย Canvas Extensions:

เครื่องมือช่วยจัดลำดับความสำคัญของ Issue (Issue triage helper)

เป้าหมาย: จัดลำดับความสำคัญของ GitHub Issues ได้อย่างรวดเร็วในรูปแบบภาพ

Prompt: /create-canvas Create an interface that allows me to easily swipe through issues in a repo in card format. Can swipe right to ship, left to reject.

ผลลัพธ์: Canvas จะแสดงอินเทอร์เฟซในรูปแบบบัตร (Card) โดยจะโชว์ Issue ทีละรายการ คุณสามารถตัดสินใจได้ทันทีผ่านตัว UI เมื่อคุณปัด (Swipe) ระบบจะอัปเดตข้อมูลแบบเรียลไทม์ ติดตามข้อมูลการตัดสินใจ และย้ายรายการต่างๆ เข้าสู่หมวดหมู่ที่เหมาะสมโดยอัตโนมัติ

แผนภาพโครงสร้างโค้ดแบบโต้ตอบ (Interactive codebase diagram)

เป้าหมาย: แสดงภาพการทำงานของโครงสร้างโปรเจกต์และความสัมพันธ์ระหว่างส่วนประกอบต่างๆ

Prompt: /create-canvas Render a colorful, interactive diagram showing how the code in this project is working together, show how things are related, etc.

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

มุมมอง Sessions worktree

เป้าหมาย: แสดงภาพเซสชันที่เปิดอยู่ทั้งหมดของแอป GitHub Copilot และ Git Worktrees ที่เกี่ยวข้อง เพื่อระบุว่าเซสชันใดที่ยังใช้งานอยู่หรือค้างอยู่ และสามารถจัดการล้างข้อมูลได้ง่าย

Prompt: /create-canvas Create a worktree view that will help me see all of my current sessions and whether or not they are active or orphaned. Allow me to clean them up with a few clicks where needed

ผลลัพธ์: Canvas จะสร้างภาพแสดง Worktrees พร้อมระบุสถานะชัดเจนว่ารายการใดกำลังใช้งาน และรายการใดที่ค้างหรือถูกทิ้งไว้ (Orphaned) ช่วยให้สามารถสั่งล้าง Worktrees ที่ไม่ได้ใช้ได้ด้วยการคลิกเพียงครั้งเดียว

โค้ชสำหรับ Agent prompt (Agent prompt coach)

เป้าหมาย: ยกระดับคุณภาพของ Prompt โดยการตรวจสอบการโต้ตอบในอดีต พร้อมแนะนำวิธีสื่อสารกับ Agent ให้มีประสิทธิภาพมากขึ้น

Prompt: /create-canvas Create an interactive prompt coach that suggests to you how you could have improved your previous prompts in your sessions with skills, mcp servers, etc. Make note of any spelling errors, syntax errors, etc.

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

เครื่องมือค้นหาความรู้ (Knowledge finder)

เป้าหมาย: ค้นหาบุคคลที่มีข้อมูลเชิงลึกเกี่ยวกับไฟล์หรือหัวข้อเฉพาะ โดยค้นหาผ่าน Slack, Teams, อีเมล และเอกสารงาน

Prompt: /create-canvas Create a way that I can search across Slack, Teams, Email and docs to find people with knowledge of a specific file or someone that would have more context.

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

บทสรุป

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

Canvases คือพื้นที่ทำงานร่วมกันที่เปิดโอกาสให้คุณและ Agent สามารถร่วมกันคิด สำรวจ และลงมือทำให้สำเร็จไปพร้อมกัน

ต้องการลองใช้ Canvas Extensions หรือไม่? คุณสามารถเริ่มต้นใช้งานได้ที่ GitHub Copilot app หรือ อ่านเอกสารประกอบ เพื่อดูข้อมูลเพิ่มเติม