คู่มือสร้าง Website ด้วย Claude

ราคา Pre-order พิเศษ 499 ฿ (ปกติ 699 ฿)

จะปิด Pre-order วันที่ 15 กรกฎาคม 2569 — หลังจากนั้นราคาขึ้นเป็น 699 ฿ ทันที ไม่มีข้อยกเว้น

---

สำหรับใคร?

E-book เล่มนี้เหมาะกับคุณถ้า…

• อยากมี website เป็นของตัวเอง แต่ไม่รู้จะเริ่มยังไง
• เขียนโค้ดไม่เป็น หรือไม่มีพื้นฐาน IT
• อยากเรียนรู้วิธีใช้ AI เป็นเครื่องมือ ไม่ใช่แค่ถามตอบ
• เคยลองมาแล้วแต่ ติดตรงไหนสักจุด และยังไม่ได้ website ที่ใช้งานได้จริง

---

สิ่งที่จะได้เรียนรู้

บทนำ

วิธีใช้หนังสือ, เล่มนี้เหมาะกับใคร, ต้องเตรียมอะไร

คำศัพท์ที่ควรรู้ — Glossary ไว้ค้นตอนสงสัย

ภาค 1: เปลี่ยนวิธีคิดก่อน

• บทที่ 1: AI ไม่ใช่เวทมนตร์ — เป็นเครื่องมือของวิศวกร
• บทที่ 2: Vibe Coding คืออะไร และทำไมมันถึงได้ผล
• บทที่ 3: คุณไม่ต้องเขียนโค้ด แต่ต้องคิดให้ชัด

ภาค 2: รู้จัก AI ให้ดีพอก่อนใช้

• บทที่ 4: AI Hallucination คืออะไร
• บทที่ 5: สิ่งที่ต้องระวังเมื่อ Vibe Coding

ภาค 3: รู้จักเครื่องมือ

• บทที่ 6: GitHub — Google Drive สำหรับโค้ด (Repo, Commit, Branch, PR, Fork, Pages, Actions)
• บทที่ 7: Claude — มากกว่า chatbot ธรรมดา (Desktop App, Mobile, Sandbox, Artifacts, Models)
• บทที่ 8: Skill — คำสั่งลัดที่ประหยัดเวลา

ภาค 4: ลงมือทำ — Workshop

• บทที่ 9: บอก AI ให้ได้ผลลัพธ์ที่ใช่
• บทที่ 10: Fork repo ตั้งต้น → เว็บ live ทันที
• บทที่ 11: วางแผนก่อนสร้าง ด้วย /grill-me
• บทที่ 12: สร้างเว็บ → PR → Deploy อัตโนมัติ
• บทที่ 13: ทำให้ดูดี ด้วย /frontend-design

---

เครื่องมือที่ใช้ในเล่มนี้

GitHub — เก็บโค้ดและ publish website ให้คนอื่นเข้าถึงได้ สมัครฟรี ไม่มีค่าใช้จ่าย

Claude AI — เครื่องมือ AI ที่จะช่วยเขียนโค้ดให้คุณ ต้องสมัคร Claude Pro ($20/เดือน) เพื่อใช้ Claude Code

---

โบนัสพิเศษ (เฉพาะคนที่ซื้อ)

🎁 โบนัสที่ 1: เข้า Discord Community ของ hspotlight

ไม่ต้องสะดุดคนเดียว — มีชุมชนคอยช่วย

• ถามปัญหาที่ติดตอนทำตามหนังสือได้เลย
• แชร์เว็บที่ทำเสร็จ รับ feedback จากคนอื่น
• อัปเดตเทคนิคใหม่ๆ ก่อนใคร

🎁 โบนัสที่ 2: Skill Set “Website Builder”

ไฟล์ Claude Skill สำเร็จรูป — คัดลอกใส่ Claude แล้วสั่งงานได้ทันที

---

คำถามที่พบบ่อย

ต้องมีพื้นฐานโปรแกรมมิ่งไหม? ไม่จำเป็นเลยครับ E-book เล่มนี้ออกแบบมาสำหรับคนที่ไม่เคยเขียนโค้ดมาก่อนโดยเฉพาะ

ต้องจ่ายค่าเครื่องมืออะไรเพิ่มอีกไหม?

• ✅ GitHub ฟรี
• 🙋 Claude Pro $20/เดือน (จำเป็นสำหรับ Claude Code) นอกนั้นไม่มีค่าใช้จ่ายเพิ่มเติมครับ

จะได้รับ E-book ยังไง? ระบบจะส่ง E-book ไปทาง email ที่ได้กรอกไว้

• หากเป็นช่วง pre-order ระบบจะส่งให้ภายในวันที่ 15 กรกฎาคม
• หากเป็นหลังจากนั้นจะส่งทันทีครับ

ซื้อแล้วได้อัปเดตฟรีไหม? ได้ครับ หากมีการอัพเดทในภายหลัง ฮงจะส่งเล่มที่มีการแก้ไขไปทางอีเมลล์ครับ

ถ้าติดปัญหาตอนทำตาม จะถามได้ไหม? ได้ครับ ทักมาถามได้ที่ Facebook hspotlight เลย

---

ทำไมต้องเชื่อฮง?

ปัจจุบันฮงทำงานเป็นนักพัฒนาซอฟต์แวร์และ อยู่ในวงการมาตลอด 8 ปี
ฮงศึกษาและเขียนบทความที่เกี่ยวข้องกับ Claude Code มาอย่างต่อเนื่อง​

ก่อนจะเขียน E-book เล่มนี้ ฮงยังได้จัดคลาสสอน “การสร้าง website ด้วย Claude Code” มาแล้วถึง 2 รุ่น เนื้อหาในเล่มนี้ผ่านการทดสอบกับนักเรียนจริง ปรับปรุงจนมั่นใจว่าคนที่ไม่มีพื้นฐานโค้ดเลยก็ทำตามได้จริง