เคยเขียน Markdown แล้วรู้สึกว่ามันจำกัดไหม? ผมก็เคยเป็นเหมือนกัน จนกระทั่งเริ่มใช้ HTML กับ AI แล้วชีวิตเปลี่ยนไปเลย เมื่อไม่นานมานี้ ทีมงาน Claude Code ที่ผมเป็นส่วนหนึ่งก็ได้เปลี่ยนมาใช้ HTML แทน Markdown ในหลายๆ งาน ไม่ใช่ว่า Markdown ไม่ดีนะ แต่เมื่อ AI ฉลาดขึ้นและทำงานซับซ้อนมากขึ้น ก็พบว่า HTML เหมาะกับยุคนี้มากกว่า
Markdown vs HTML: อะไรเปลี่ยนไป?
Markdown เป็นฟอร์แมตที่เราคุ้นเคยกันดี ง่ายต่อการเขียน พกพาสะดวก และทำงานร่วมกันได้ดี แต่เมื่องานของเรากับ AI เริ่มซับซ้อนขึ้น ข้อจำกัดของ Markdown ก็เริ่มปรากฏชัดขึ้น ลองนึกภาพว่าคุณมีไฟล์ Markdown ยาว 100 บรรทัดขึ้นไป อ่านยากใช่ไหม? แถมยังสร้าง diagram หรือการนำเสนอข้อมูลที่สวยงามได้ยาก และแชร์ให้คนอื่นอ่านก็ลำบากอีก HTML ก็เลยกลายเป็นตัวเลือกที่น่าสนใจสำหรับงานหลายอย่างที่เราทำกับ AI แล้ว
ทำไม HTML ถึงดีกว่าสำหรับงานกับ AI?
ความหนาแน่นของข้อมูล
HTML สามารถเก็บข้อมูลได้มากกว่า Markdown อย่างเห็นได้ชัด ไม่ใช่แค่หัวข้อและตัวหนา-ตัวเอียง แต่ยังทำได้มากกว่านั้น:
| ความสามารถ | Markdown | HTML |
|---|---|---|
| ตารางข้อมูล | จำกัด | ซับซ้อนได้ |
| การออกแบบ | ไม่ได้ | ใช้ CSS ได้ |
| ภาพประกอบ | แทรกภาพเท่านั้น | ใช้ SVG ได้ |
| การโต้ตอบ | ไม่ได้ | JavaScript + CSS ได้ |
| การตอบสนองหน้าจอ | ไม่ได้ | Responsive ได้ |
ความชัดเจนทางการมองเห็น
พอ AI เริ่มเขียนเอกสารยาวๆ ผมพบว่าตัวเองไม่อ่าน Markdown ที่ยาวเกิน 100 บรรทัดแล้ว แต่ HTML ทำให้เราจัดโครงสร้างข้อมูลได้ดีขึ้น ใช้แท็บ ภาพประกอบ และลิงก์ช่วยให้นำทางง่ายขึ้น แถมยังทำให้ใช้งานบนมือถือได้ด้วย
การแชร์ที่ง่ายกว่า
Markdown แชร์ยาก เพราะบราวเซอร์ส่วนใหญ่ไม่แสดงผลได้ดี ต้องแนบเป็นไฟล์เสมอ แต่ HTML แค่อัพโหลดและส่งลิงก์ คนอื่นก็เปิดอ่านได้ทุกที่ โอกาสที่คนจะอ่าน specs หรือรายงานของคุณก็สูงขึ้นเยอะ
การโต้ตอบสองทาง
HTML ยังทำให้คุณโต้ตอบกับเอกสารได้ด้วย เช่น ปรับค่าด้วย slider หรือ knob เพื่อเปลี่ยนการออกแบบ ทดลองอัลกอริทึมต่างๆ หรือคัดลอกการเปลี่ยนแปลงกลับเข้าไปใช้กับ AI อีกครั้ง
วิธีเริ่มต้นใช้ HTML กับ Claude Code
ไม่ต้องทำอะไรมากครับ เพียงบอก Claude ว่า "สร้างไฟล์ HTML" หรือ "สร้าง HTML artifact" ก็พอ สิ่งสำคัญคือรู้ว่าคุณอยากได้อะไร และจะใช้มันทำอะไร เริ่มแรกอาจลอง prompt ง่ายๆ ดูก่อนเพื่อเรียนรู้ว่ามันทำอะไรได้บ้าง พอเข้าใจแล้วค่อยสร้าง skill สำหรับงานซ้ำๆ ก็ได้
Use cases ที่น่าสนใจ
การเขียน specs วางแผน และสำรวจ
แทนที่จะเขียนแผนงานแบบ Markdown ธรรมดา ลองขอให้ AI สร้างเว็บของไฟล์ HTML ที่เชื่อมโยงกัน ตัวอย่าง prompt: "ช่วยคิด idea หน้าจอ onboarding มา 6 แบบที่แตกต่างกัน เปลี่ยน layout โทน และความหนาแน่น แล้วจัดให้อยู่ใน grid เดียวกันใน HTML ไฟล์เดียวเพื่อเปรียบเทียบข้างๆ กัน และละเอียดถึง tradeoff ของแต่ละแบบด้วย"
การตรวจสอบโค้ดและการเข้าใจ
โค้ดใน Markdown อ่านยาก แต่ใน HTML เราแสดง diff คำอธิบาย ผังงาน และโมดูลต่างๆ ได้ ตัวอย่าง prompt: "ช่วยตรวจสอบ PR นี้โดยสร้าง HTML artifact ที่อธิบายมัน ผมไม่ค่อยรู้เรื่อง streaming/backpressure logic เท่าไหร่ ขอโฟกัสที่นี่ด้วย แสดง diff จริงพร้อมคำอธิบายข้างขอบ ใช้สีแบ่งตามความรุนแรง และอะไรก็ตามที่ช่วยให้เข้าใจได้ดีขึ้น"
การออกแบบและต้นแบบ
HTML ทำให้ออกแบบได้ดีมาก แม้ว่า platform สุดท้ายจะไม่ใช่ HTML ก็ตาม Claude สามารถร่างแบบด้วย HTML แล้วเขียนเป็น React หรือ Swift หรือภาษาอื่นๆ ได้
สรุป
HTML ไม่ใช่แค่ภาษาสำหรับเว็บไซต์อีกต่อไป ในยุคที่ AI ทำงานซับซ้อนขึ้น HTML กลายเป็นเครื่องมือที่ทรงพลังสำหรับการสื่อสาร การนำเสนอข้อมูล และการทำงานร่วมกับ AI ลองเปลี่ยนมาใช้ HTML ดูสิครับ คุณอาจจะประหลาดใจกับประสิทธิภาพที่เพิ่มขึ้นเหมือนที่เราเป็น แค่ prompt ง่ายๆ ว่า "สร้างเป็น HTML" ก็เพียงพอแล้วที่จะเปิดประสบการณ์การทำงานกับ AI ใหม่ๆ ของคุณ แหล่งอ้างอิง: https://claude.com/blog/using-claude-code-the-unreasonable-effectiveness-of-html