Artifacts และ Canvas — สร้างเอกสาร ไฟล์ และเครื่องมือเล็กๆ

⏱ 15 นาทีลองในClaude ↗Gemini ↗

⚠️ บทนี้มีข้อมูลที่เปลี่ยนบ่อย (ฟีเจอร์ ราคา ชื่อเมนู) ตรวจกับเว็บทางการก่อนนำไปใช้

เป้าหมาย

ให้ AI สร้าง "ชิ้นงาน" ที่แก้ต่อ ดาวน์โหลด หรือแชร์ได้ ไม่ใช่แค่ข้อความในแชต

คืออะไร

  • Artifacts (Claude) — ชิ้นงานแยกออกมาข้างแชต เช่น เอกสาร โค้ด หน้าเว็บ แอปเล็กๆ ที่กดใช้ได้ กราฟ ไดอะแกรม แก้ต่อและแชร์ลิงก์ได้ นอกจากนี้ Claude ยังสร้างไฟล์ Word/Excel/PowerPoint/PDF ได้
  • Canvas (Gemini) — พื้นที่แก้เอกสาร/โค้ดร่วมกับ AI เลือกข้อความบางส่วนแล้วสั่งแก้เฉพาะตรงนั้นได้ ส่งออกไป Google Docs ได้

⚠️ ต้องตรวจสอบ: ประเภทไฟล์ที่สร้างได้ การเปิดฟีเจอร์ในการตั้งค่า และวิธีแชร์ ณ วันที่สอน

ใช้เมื่อไร

ใช้ ✅ ไม่ต้องใช้
เอกสารยาวที่จะแก้หลายรอบ คำตอบสั้นๆ
เครื่องมือที่อยากกดใช้จริง (คำนวณ, checklist, quiz) คำถาม-ตอบทั่วไป
ไฟล์ที่ต้องส่งต่อ (สไลด์ ตาราง)

เคล็ดลับ

  • แก้ทีละส่วน: "แก้เฉพาะหัวข้อที่ 3" ดีกว่า "แก้ใหม่ทั้งหมด"
  • เครื่องมือเล็กๆ: บอกว่าใครใช้ ใส่อะไร ได้อะไรออกมา หน้าตาแบบไหน
  • ไม่ต้องเขียนโค้ดเป็น — แต่ต้อง ทดสอบกดใช้จริง และแจ้ง AI เมื่อเจอปัญหา

ลองเลย 🧪

ทดลอง A — เครื่องคิดเลขเฉพาะงาน

สร้างเครื่องคำนวณค่าผ่อนรถแบบกดใช้ได้ (artifact / canvas)
ใส่: ราคารถ, เงินดาวน์ (%), ดอกเบี้ยต่อปีแบบเงินต้นคงที่ (flat rate), จำนวนงวด (เดือน)
แสดง: ยอดจัด, ดอกเบี้ยรวม, ค่างวดต่อเดือน, ยอดชำระรวมทั้งหมด
หน้าตาเรียบง่าย ภาษาไทย ใช้บนมือถือได้

→ ลองใส่: ราคา 600,000 ดาวน์ 20% ดอกเบี้ย 3% 48 งวด (เฉลย: ยอดจัด 480,000 ดอกเบี้ยรวม 57,600 ค่างวด 11,200 บาท/เดือน)

ทดลอง B — เอกสารที่แก้ต่อได้

สร้างเอกสาร "คู่มือพนักงานใหม่ฝ่ายขาย" มี 5 หัวข้อ:
ภาพรวมบริษัท / สัปดาห์แรกทำอะไร / เครื่องมือที่ใช้ / ใครช่วยอะไร / คำถามที่พบบ่อย
ใส่ข้อความตัวอย่างไว้ในวงเล็บเหลี่ยมให้ฉันเติมเอง

จากนั้นสั่งแก้เฉพาะส่วน:

หัวข้อ "สัปดาห์แรกทำอะไร" ทำเป็นตารางวันจันทร์–ศุกร์ ส่วนอื่นไม่ต้องเปลี่ยน

ทดลอง C — สไลด์/ตาราง

ทำสไลด์ 5 หน้าสรุปผลยอดขายไตรมาส 3 จากข้อมูลนี้ ...

(ใช้ผลวิเคราะห์จากภารกิจ l3-m02 ในระดับ 3)

สรุปจำง่าย

งานที่จะแก้ต่อ ใช้ซ้ำ หรือส่งต่อ → ให้ AI สร้างเป็นชิ้นงาน ไม่ใช่ข้อความในแชต