รีวิว Claude Fable 5 เขียนโค้ด + รีดีไซน์เว็บจริง! ใช้ Credit เท่าไร? | หมีไลฟ์โค้ด EP.156

ประหยัดงบในการ Deploy Application บน Cloud ด้วยการติดตั้งเองบน Hostinger (เริ่มต้นเพียง 169 บาท/เดือน) 👉 https://www.hostinger.com/melivecode ใส่โค้ด MELIVECODE เพื่อรับส่วนลดพิเศษเฉพาะผู้ชมช่อง หมีไลฟ์โค้ด! พิเศษ ลดเพิ่ม 10% สนับสนุนช่อง:    / @melivecode   ลองเป็นผู้สอนในระบบ LMS: https://levelup.melivecode.com/ Claude Fable 5 เก่งแค่ไหนในการช่วยเขียนโค้ดและรีดีไซน์เว็บไซต์? 🤔 ในคลิปนี้เราจะทดสอบการใช้งาน Claude Fable 5 ผ่าน Claude Code ด้วยการนำเว็บไซต์จริงมาปรับปรุง UI/UX และ Redesign ใหม่ด้วย Prompt เพียงไม่กี่คำสั่ง พร้อมดูผลลัพธ์ที่ได้ในแต่ละรอบการแก้ไข นอกจากความสามารถในการเขียนโค้ดแล้ว เราจะมาดูกันว่า Credit ที่ใช้ในแต่ละ Prompt มากน้อยแค่ไหน และคุ้มค่าหรือไม่สำหรับงานพัฒนาเว็บไซต์จริง ⏱️ Timeline 0:00 – Highlight 0:31 – Intro: Claude Fable 5 เขียนโค้ด + รีดีไซน์เว็บ 0:54 – Hostinger (Sponsor) 1:57 – ดูเว็บเดิมก่อนเริ่ม Redesign 3:53 – ตั้งค่า API Key ให้ Claude Code และเลือกโมเดล Fable 5 5:37 – Prompt แรก: Redesign หน้า Home Page 13:10 – Prompt ที่สอง: ปรับ Layout Grid ให้สวยขึ้น 17:42 – Prompt ที่สาม: Redesign Card UI พื้นที่โฆษณา ดีลดีจาก shopee: https://shope.ee/30HCTjoOEV ดีลเซลจาก lazada: https://c.lazada.co.th/t/c.YZh34J LINE Sticker หมีไลฟ์โค้ด: https://line.me/S/sticker/23147468 อ.ผศ.ดร.กานต์ ยงศิริวิทย์ วิทยาลัยนวัตกรรมดิจิทัลเทคโนโลยี มหาวิทยาลัยรังสิต (https://it.rsu.ac.th/th/) Follow Me Youtube:    / @melivecode   Facebook:   / melivecodepage   Tiktok:   / melivecode   Instagram:   / melivecode   Medium:   / karnyong   Twitter:   / melivecode   Discord:   / discord   Free API: https://www.melivecode.com #หมีไลฟ์โค้ด #melivecode #ClaudeCode #ClaudeFable5 #WebRedesign #UIDesign #AICoding #VibeCoding #Nextjs #FullStackDevelopment