กลับไปดูแล้วทำตาม
ตอนที่ 3/3มีเว็บของตัวเองใน 2 ชั่วโมง งบ 0 บาท40 นาที
ตรวจให้เป็นของจริง ใส่รูปตัวเอง แล้วค่อยส่งลิงก์
ตอนปิดซีซั่น เว็บอยู่บนเน็ตแล้วแต่ยังส่งลูกค้าไม่ได้ ตอนนี้เติมข้อมูลจริงแทนวงเล็บทุกจุด ใส่แผนที่จริง เปลี่ยนรูปที่ AI ใส่มาเป็นรูปจากมือถือของเราเอง อัปเดตเว็บโดยที่ลิงก์เดิมไม่เปลี่ยน แล้วให้เพื่อนที่ไม่เคยเห็นเว็บลองใช้ 3 อย่างก่อนส่งลูกค้า พังให้ดู 3 จุด ปิดท้ายด้วยกับดัก 5 ข้อและทางไปต่อ
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ ทุกบรรทัดบนเว็บเป็นความจริง รูปเป็นของคุณเอง เพื่อนเปิดจากมือถือแล้วกดโทรหาคุณได้ และรู้ว่าจะไปต่อทางไหน
- ด่าน 1ทุกบรรทัดเป็นของจริง
- ด่าน 2รูปของเราเอง
- ด่าน 3อัปเดตในโปรเจคเดิม
- ด่าน 4เพื่อนทดสอบ 3 อย่าง
- ด่าน 5รู้ทางไปต่อ
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องที่อยู่เว็บจากตอนที่ 2 พิมพ์ในเบราว์เซอร์มือถือหรือ Safari ด่าน 1 ด่าน 3 และตอนส่งให้เพื่อน
https://bansuan-coffee.pages.dev - 2.macOSกดใน Safari เพื่อเปิดช่องค้นคำในหน้าเว็บ ใช้ตรวจว่ายังมีวงเล็บค้างไหม
Command F - 3.ทุกเครื่องพิมพ์ในช่องค้นหาของ Safari ตัวเลขข้างช่องต้องเป็น 0 ก่อนส่งลิงก์ให้ใคร
(ใส่ - 4.ทุกเครื่องด่าน 1 พิมพ์ในแชต claude.ai เติมข้อมูลจริง 4 อย่างในคำสั่งเดียว เพราะเป็นเรื่องเดียวคือเติมช่องว่าง เปลี่ยนเป็นข้อมูลร้านคุณเอง
เติมข้อมูลจริงแทนวงเล็บ (ใส่ข้อมูลตรงนี้) ทุกจุด เวลาเปิด 08:00 ถึง 17:00 หยุดวันจันทร์ เบอร์โทร 081-234-5678 กดแล้วโทรออกได้ ไอดี LINE @bansuancoffee กดแล้วเปิดแชตได้ ที่อยู่ 12 ถนนริมคลอง ตลาดเก่า อย่างอื่นห้ามเปลี่ยน - 5.ทุกเครื่องด่าน 1 พิมพ์ในเบราว์เซอร์ ค้นชื่อร้าน กด Share เลือก Embed a map แล้วกด Copy HTML
https://www.google.com/maps - 6.ทุกเครื่องด่าน 1 พิมพ์ในแชต claude.ai แล้ววางโค้ดแผนที่ที่ก๊อปจาก Google Maps ต่อท้าย โค้ดนั้นไม่ต้องอ่าน
ใส่แผนที่ด้วยโค้ดนี้ อย่างอื่นห้ามเปลี่ยน: - 7.macOSรีเฟรชหน้าเว็บที่เปิดค้างอยู่ใน Safari หรือ Chrome หลังทับ index.html ทุกครั้ง
Command R - 8.macOSสร้างโฟลเดอร์ใหม่ใน Finder ใช้ตอนสร้างโฟลเดอร์ photos
Shift Command N - 9.ทุกเครื่องด่าน 2 ลองพังดู พิมพ์ในแชต claude.ai รูปจะขึ้นแค่บน Safari ของเรา เครื่องอื่นไม่เห็น ดูคำสั่งถัดไป
รูปหัวเรื่องใช้ไฟล์ photos/1.HEIC รูปเมนูใช้ photos/2.HEIC และ photos/3.HEIC อย่างอื่นห้ามเปลี่ยน - 10.ทุกเครื่องด่าน 2 พิมพ์ในแชต claude.ai หลังแปลงรูปเป็น .jpg แล้ว
เปลี่ยนชื่อไฟล์รูปเป็น photos/1.jpg photos/2.jpg photos/3.jpg อย่างอื่นห้ามเปลี่ยน - 11.ทุกเครื่องด่าน 3 พิมพ์ในเบราว์เซอร์ เข้าเมนู Workers & Pages เปิดโปรเจคเดิม bansuan-coffee แล้วกด Create deployment
https://dash.cloudflare.com - 12.macOSกดใน Safari ตอนเปิดหน้าโปรเจค Cloudflare อยู่ เก็บเป็นที่คั่นหน้า คราวหน้าไม่ต้องหาเมนู
Command D - 13.macOSทริคลับ พิมพ์ใน TextEdit หลังกด Format แล้ว Make Plain Text เซฟชื่อ how-to-update.txt วางบน Desktop ข้างโฟลเดอร์ my-website ไม่ใช่ข้างใน
เว็บอยู่ที่ https://bansuan-coffee.pages.dev แก้เว็บ บอกในแชต claude.ai ทีละเรื่อง แล้วกดลูกศรข้าง Copy เลือก Download as HTML ไฟล์ที่ได้ เปลี่ยนชื่อเป็น index.html แล้วลากไปทับในโฟลเดอร์ my-website เอาขึ้นเน็ต เข้า dash.cloudflare.com เปิดโปรเจค bansuan-coffee กด Create deployment แล้วลาก my-website ไปวาง - 14.ทุกเครื่องด่าน 4 ใช้เฉพาะเมื่อเพื่อนกดปุ่ม LINE แล้วหาร้านไม่เจอ วางลิงก์เพิ่มเพื่อนจากแอป LINE ต่อท้าย
ปุ่ม LINE ให้เปิดลิงก์นี้แทน อย่างอื่นห้ามเปลี่ยน:
การบ้านของตอนนี้
ส่งลิงก์เว็บของคุณให้เพื่อน 1 คนที่ไม่เคยเห็น ให้เขาหาเวลาเปิด กดโทร และกดไลน์ โดยไม่บอกใบ้ แล้วมาบอกในกล่องคำถามบนเว็บว่าเขาหาเวลาเปิดเจอในกี่วินาที และติดตรงไหน
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- เขียนโค้ดไม่เป็น ก็มีเว็บเป็นของตัวเองได้ — 2 ชั่วโมง งบ 0 บาทขั้นที่ 5 กับดัก 5 ข้อ และบันไดขั้นถัดไปที่ตอนนี้เล่า อยู่ในหน้านี้ทั้งหมด พร้อมโครงคำสั่งที่ใช้มาตั้งแต่ตอนที่ 1
- รวมของฟรีทำโปรเจคจนจบ — งบ 0 บาท (อัปเดต 2026)บันไดขั้นที่ 2 ถ้าอยากได้ฟอร์มที่เก็บคำตอบของลูกค้า ล็อกอิน หรือที่เก็บข้อมูล ของฟรีทั้งชุดที่ใช้ต่อได้อยู่ในนี้ พร้อมบอกตรง ๆ ว่าแต่ละตัวตันตรงไหน
- เว็บที่ได้จากการคุยกับแชต ขาดอะไรไป และไฟล์ที่หายไปอยู่ตรงไหนการ์ดเทียบเรื่องหน้าเว็บกับระบบเป็นคนละเรื่อง ขยายความในตอนแรกของชุดนี้ อ่านอย่างเดียว ไม่มีคำสั่งให้พิมพ์
- ทำให้ข้อมูลที่คนกรอกไม่หาย แล้วตรวจให้เห็นกับตาว่าเก็บจริงถ้าอยากให้เว็บเก็บสิ่งที่ลูกค้ากรอกไว้ให้เราดูทีหลัง ตอนนี้บอกวิธีสั่งและด่านตรวจ 3 ข้อว่ามันเก็บจริง ไม่ใช่แค่บอกว่าเก็บแล้ว
- เอาเว็บขึ้นเน็ตให้คนอื่นเปิดได้ และวิธีถอยกลับเมื่อแก้แล้วพังวิธีทำทางถอยกลับไว้สองชั้นก่อนแก้เว็บ จะได้กล้าแก้ต่อโดยไม่กลัวพัง
- ลง Claude Code แล้วสั่งงานครั้งแรก — ฉบับคนไม่เคยเปิดหน้าต่างดำบันไดขั้นที่ 3 ถ้าเบื่อรอบวนดาวน์โหลดแล้วทับไฟล์ นี่คือเครื่องมือที่แก้ไฟล์ในโฟลเดอร์ให้เลย ฉบับคนไม่เคยเปิดหน้าต่างดำ เริ่มจากตอนนี้
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
TNW K20 ไมโครโฟนคอนเดนเซอร์ ตัดเสียงรบกวน
งบยังไม่เยอะแต่ไม่อยากให้เสียงแตก — ไมค์คอนเดนเซอร์ตัวเริ่มต้นที่พอสำหรับอัดคลิปสอนหรือประชุมออนไลน์
589 บาทดูบน Shopee
Hollyland Lark A1 ไมโครโฟนไร้สาย
ไมค์ไร้สายหนีบปกเสื้อ เดินสอนได้ไม่ต้องนั่งติดโต๊ะ เสียงคงที่กว่าไมค์ในโน้ตบุ๊กคนละเรื่อง
1,690 บาทดูบน Shopee
Xpanse T10 เก้าอี้สุขภาพ ที่วางแขนปรับได้ 7D ที่รองรับหลังแบบปรับได้ Ergonomic chair เบาะนั่งปรับระดับได้ เก้าอี้สำนักงาน
จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง
6,362 บาทดูบน Shopee
