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

โปรโมชั่นเดือนแรก พิเศษ 499 ฿ (ปกติ 699 ฿)

ขยายเวลา โปรโมชั่น ถึงสิ้นเดือนกรกฎาคม เท่านั้น — หลังจากนั้นราคาขึ้นเป็น 699 ฿ ทันที ไม่มีข้อยกเว้น

---

สำหรับใคร?

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

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

---

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

ทำไมถึงเขียนหนังสือเล่มนี้ รู้จักผู้เขียน ตัวอย่างเว็ปไซต์ที่สร้างได้จากหนังสือเล่มนี้

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

• บทที่ 1: AI ไม่ใช่เวทมนตร์ แต่เป็นเครื่องมือของวิศวกร

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

• บทที่ 2: Vibe Coding คืออะไร และทำไมมันถึงได้ผล
• บทที่ 3: สิ่งที่ต้องระวังเมื่อ Vibe Coding
• บทที่ 4: AI Hallucination คืออะไร
• บทที่ 5: คุณไม่ต้องเขียนโค้ด แต่ต้องคิดให้ชัด

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

• บทที่ 6: GitHub — เครื่องมือจัดเก็บสำหรับโค้ด
  • Git เบื้องต้น
  • Github: Repository คืออะไร
  • Github: Branch & Pull Request คืออะไร
  • Github: Fork คืออะไร
  • Github: Page คืออะไร
  • Github: Action คืออะไร
• บทที่ 7: Claude คืออะไร
  • Claude: Subscription
  • Claude: Model มีอะไรบ้าง
  • Claude: ใช้ที่ไหนได้บ้าง บทที่ 8: Skill — คำสั่งลัดที่ประหยัดเวลา

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

• บทที่ 9: Fork Project และ Deploy website จากโค้ดตัวอย่าง
• บทที่ 10 อธิบายโครงสร้างของ Project
• บทที่ 11: เชื่อมต่อ Github ใน Claude ด้วย Claude Connector
• บทที่ 11: เริ่มสร้าง website ของตัวเองด้วย Claude
• บทที่ 13: update UI design ด้วยการอ้างอิง คำขอบคุณจากหัวหน้าฮง แหล่งอ้างอิง บทความแนะนำ วิดีโอแนะนำ

ภาค 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

---

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

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

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

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

จะได้รับ E-book ยังไง? ระบบจะส่ง E-book (ไฟล์ google doc) ไปทาง email ที่ได้กรอกไว้

• หากเป็นหลังจากนั้นจะส่งทันทีครับ

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

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

---

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

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

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