วิธีสานต่อการทำงาน GitHub Copilot app session ใน VS Code

เมื่อ AI Agent ช่วยคุณจัดการการเปลี่ยนแปลงส่วนใหญ่เสร็จแล้ว ถึงเวลาที่คุณต้องตรวจสอบรายละเอียด ปรับแต่งโค้ดด้วยตนเอง และรันโปรเจกต์ในเครื่องก่อนส่งงาน

แต่หากงานนั้นยังค้างอยู่ใน GitHub Copilot app ในขณะที่คุณต้องการใช้เอดิเตอร์เพื่อดู diff หรือดีบักโค้ด คุณไม่จำเป็นต้องเลือกว่าจะเริ่มใหม่หรือทำงานต่อที่เดิม เพราะคุณสามารถเปิด Copilot app session ใน VS Code ได้โดยตรง

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

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธี:

• เปิด Copilot app session ใน VS Code
• ตรวจสอบการเปลี่ยนแปลงของ agent แบบบรรทัดต่อบรรทัด
• สานต่อบทสนทนาเดิมจากเอดิเตอร์ของคุณ
• แก้ไขและทดสอบโค้ดในเครื่อง
• Push การอัปเดตไปยัง pull request ที่เกี่ยวข้อง

Prerequisites

ก่อนเริ่มใช้งาน ตรวจสอบให้แน่ใจว่าคุณมีสิ่งต่อไปนี้:

• ติดตั้ง GitHub Copilot app และลงชื่อเข้าใช้งานแล้ว
• ติดตั้ง Visual Studio Code และเชื่อมต่อบัญชี GitHub เดียวกัน
• มี Copilot app session ที่ต้องการตรวจสอบหรือทำงานต่อ
• สิทธิ์ในการแก้ไขและ push การเปลี่ยนแปลงไปยัง repository นั้น

บทช่วยสอนนี้สมมติว่าคุณคุ้นเคยกับ VS Code, การใช้ integrated terminal รวมถึง Git branches และ pull requests เป็นอย่างดี

1. เริ่มต้นด้วย session ใน Copilot app

เปิด session ที่ต้องการทำงานต่อ และใช้เวลาตรวจสอบสิ่งที่ Copilot ทำไว้ก่อนหน้านี้

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

2. เปิด session ใน VS Code

เลือก Open in VS Code จากหน้า session หากระบบมีเอดิเตอร์หลายตัว ให้เลือกเวอร์ชันที่คุณต้องการใช้งาน

VS Code จะเปิดโปรเจกต์โดยใช้ worktree ที่เชื่อมกับ session นั้น และแสดงข้อมูลเดิมในแถบข้างของ Copilot ซึ่งจะให้ข้อมูลสำคัญ 3 ส่วนคือ:

• บริบทของ session (The session context): แผนการและบทสนทนาเดิมยังใช้งานได้
• การเปรียบเทียบความแตกต่าง (The diff): ไฟล์ที่ถูกแก้ไขโดย agent พร้อมให้ตรวจสอบ
• พื้นที่ทำงาน (The worktree): VS Code จะใช้ working tree ชุดเดียวกับที่ session ใช้งานอยู่

3. ตรวจสอบการเปลี่ยนแปลงของ agent

ตรวจสอบไฟล์ที่เปลี่ยนแปลงผ่านมุมมอง Source Control ใน VS Code เพื่อดูการแก้ไขแบบบรรทัดต่อบรรทัด

ควรตรวจสอบว่าโค้ดแก้ปัญหาได้จริง ตรงตามข้อตกลงของ repository จัดการ edge cases ได้เหมาะสม และมีการทดสอบที่ครอบคลุม หากมีข้อสงสัย คุณสามารถถาม Copilot ต่อในแถบข้างได้ทันที เช่น:

Explain why you changed this function instead of adding a new helper. Identify any behavior this could affect.
``` เนื่องจาก session และ worktree ยังเชื่อมต่อกัน คุณจึงสั่งการต่อได้โดยไม่ต้องเริ่มอธิบายงานใหม่
 
## 4. ทำการแก้ไขด้วยตนเอง
 
คุณสามารถแก้ไขไฟล์ใน VS Code ได้โดยตรงเพื่อความรวดเร็วในการปรับแต่ง เช่น การเปลี่ยนป้ายกำกับ แก้ไขชื่อตัวแปร ปรับเลย์เอาต์ หรือเพิ่มกรณีทดสอบที่ขาดหายไป
 
การแก้ไขใน worktree เดิมของ session ช่วยให้งานของคุณต่อยอดจาก AI ได้ทันที ไม่ต้องคัดลอกไฟล์ข้ามไดเรกทอรีหรือสร้าง branch ใหม่เอง
 
## 5. รันและตรวจสอบโปรเจกต์ในเครื่อง
 
ใช้ integrated terminal ใน VS Code เพื่อรันคำสั่งตรวจสอบตามปกติ เช่น:
 
* `npm install`
* `npm test`
* `npm run lint`
* `npm run dev`
 
คุณควรปฏิบัติต่อโค้ดจาก AI เหมือนโค้ดที่มนุษย์เขียน โดยต้องรันการทดสอบและยืนยันพฤติกรรมด้วยตัวเอง หากเป็นเว็บแอป ให้ตรวจสอบผ่านเบราว์เซอร์เพื่อดูความเรียบร้อยของ UI ในขนาดหน้าจอต่างๆ และสถานะการทำงานต่างๆ เช่น การโหลดหรือข้อผิดพลาด
 
## 6. สานต่อด้วย Copilot หรือแก้ไขต่อด้วยตัวเอง
 
คุณสามารถเลือกสลับวิธีการทำงานได้ตามความเหมาะสมในแต่ละขั้นตอน:
 
* ใช้ prompt กับ Copilot เมื่อต้องวิเคราะห์โค้ดทั้ง repository
* แก้ไขโดยตรงเมื่อรู้จุดที่ต้องปรับเปลี่ยนชัดเจน
* ใช้ทั้งสองวิธีสลับไปมาเพื่อขัดเกลาผลลัพธ์
 
ตัวอย่างเช่น หลังปรับ UI เองแล้ว คุณอาจสั่ง Copilot ว่า:
 
```text
Add a test for the updated label and run the relevant test file. Do not modify unrelated components.

7. Commit และ push การเปลี่ยนแปลงที่เสร็จสิ้น

เมื่อทุกอย่างพร้อม ให้ตรวจสอบ diff ขั้นสุดท้ายแล้วทำการ commit และ push ผ่าน Source Control หรือ terminal:

• git status
• git add
• git commit -m "Refine session changes"
• git push เนื่องจาก VS Code เชื่อมกับ worktree และ branch ของ session อยู่แล้ว การ push จึงเป็นการอัปเดต pull request เดิมโดยอัตโนมัติ ไม่ต้องคัดลอกไฟล์ไปที่อื่นหรือสร้าง pull request ใหม่

เวิร์กโฟลว์ที่ต่อเนื่องจาก agent สู่เอดิเตอร์

การเปิด Copilot app session ใน VS Code ช่วยให้คุณแบ่งงานกับ AI ได้อย่างมีประสิทธิภาพ Copilot จะรับภาระงานติดตั้งขนาดใหญ่ ส่วนคุณสลับมาที่เอดิเตอร์เพื่อควบคุมรายละเอียดและการทดสอบขั้นสุดท้าย

หากพร้อมจะเริ่มต้น ให้ดาวน์โหลด GitHub Copilot app แล้วลองเปิด session ใน VS Code เพื่อสัมผัสประสบการณ์การเขียนโค้ดที่ลื่นไหลกว่าเดิม