~/VibeHandbook
PDF ฟรี

บท 10 · 01

JavaScript / TypeScript

นี่คือตัวเลือกเริ่มต้นสำหรับ vibe coding ส่วนใหญ่ และมีเหตุผลรองรับ มันรันได้ทุกที่ — เบราว์เซอร์ เซิร์ฟเวอร์ (Node.js) ฟังก์ชันแบบ — และเป็นภาษาของฝั่ง เว็บทั้งหมด TypeScript คือ JavaScript ที่เพิ่มระบบชนิดข้อมูล (type system) เข้าไป และคุณควรเลือก TypeScript แทบทุกครั้ง: ชนิดข้อมูลช่วยจับความผิดพลาดได้ตั้งแต่เนิ่น ๆ และที่สำคัญคือมันให้ราวกั้น (guardrail) แก่ AI ที่ทำให้ผลลัพธ์ของมันน่าเชื่อถือขึ้น ลายเซ็นฟังก์ชันที่มีชนิดข้อมูลชัดเจนคือสัญญาที่ผู้ช่วยอ่านได้ ถ้าไม่มีสิ่งนี้ AI ก็ต้องเดาว่าข้อมูลของคุณมีรูปร่างแบบไหน และการเดาคือจุดที่บั๊กมักซ่อนตัวอยู่

  • เก่งด้าน: เว็บแอป (ทั้ง frontend และ ), ทุกอย่างที่ผู้ใช้คลิกในเบราว์เซอร์, โปรโตไทป์เร็ว ๆ, โปรเจกต์แบบ full-stack ในภาษาเดียว, การดีพลอยแบบ /edge
  • จุดที่เจ็บ: ระบบนิเวศเปลี่ยนแปลงเร็วและทำของเดิมพัง; ปัญหา บวมพองมีจริง (แอปเล็ก ๆ อาจดึงแพ็กเกจมาเป็นร้อย); ความหลวมของ JavaScript ล้วน ๆ เปิดช่องให้บั๊กเล็ก ๆ หลุดรอดไปได้ — เป็นอีกเหตุผลให้ใช้ TypeScript
  • กรณีใช้งานทั่วไป: แดชบอร์ด SaaS (Software as a Service — ซอฟต์แวร์ที่เช่าใช้ออนไลน์แทนการติดตั้ง), แลนดิ้งเพจ, อีคอมเมิร์ซ, แอปแบบเรียลไทม์, เอ็กซ์เทนชันเบราว์เซอร์, ทุกอย่างที่คุณดีพลอยไปยัง Vercel, Netlify หรือ Cloudflare
  • AI จัดการได้แค่ไหน: ยอดเยี่ยม นี่คือภาษาที่มีตัวแทนมากที่สุดในข้อมูลฝึกฝน ผู้ช่วยเขียน React, Next.js และ Node ได้อย่างมั่นใจและแทบไม่ติดขัด ถ้าไม่มีเหตุผลหนักแน่นให้เลือกอย่างอื่น ให้เริ่มที่นี่

มีข้อแลกเปลี่ยนที่เป็นรูปธรรมอันหนึ่งที่ควรรู้: ความเร็วที่ทำให้ JavaScript เยี่ยมสำหรับการทำโปรโตไทป์ ก็คือความเร็วเดียวกันที่ทำให้มันปั่นป่วนไม่หยุด บทเรียนจากสิบแปดเดือนก่อนอาจใช้ ที่เลิกใช้แล้วไปเสียแล้ว และ AI — ซึ่งฝึกจากภาพนิ่งของอดีต — บางครั้งก็ยื่นแพตเทิร์นของเมื่อวานมาให้คุณ เมื่อสิ่งที่มันเขียนใช้ไม่ได้ สาเหตุมักมาจากไลบรารีที่เปลี่ยนไปแล้ว วิธีแก้มักจะคือบอกเวอร์ชันที่คุณใช้อยู่และขอให้มันตรวจสอบเอกสารล่าสุด นี่คือภาษีที่คุณต้องจ่ายเพื่อได้อยู่ในระบบนิเวศที่กระตือรือร้นที่สุดในโลก และสำหรับโปรเจกต์ส่วนใหญ่ก็คุ้มค่าที่จะจ่าย

อยากได้แบบออฟไลน์?

ดาวน์โหลดหนังสือทั้งเล่มเป็น PDF หรือ EPUB — ฟรี