กลับไปดูแล้วทำตาม
![[โค้ดคุ้มลด 20%] DEKAY FLEX108 น้องปุยเมฆ mymeow คีย์ไทยไฟลอด Mechanical keyboard wireless DK FLEX 108 คีย์บอร์ดไร้สาย](https://cf.shopee.co.th/file/th-11134207-81ztc-ms2otg9962o728)
ตอนที่ 1/3มีเว็บของตัวเองใน 2 ชั่วโมง งบ 0 บาท40 นาที
จากประโยคเดียว ถึงเว็บที่เปิดในเครื่องตัวเองได้
ตอนแรกของซีซั่นที่ไม่ต้องลงโปรแกรมอะไรเลย ใช้แค่หน้าต่างแชตกับโฟลเดอร์เดียว เริ่มจากเขียนประโยคเดียวว่าเว็บนี้มีไว้ทำอะไร ก๊อปโครงคำสั่งจากหน้าทิปไปเติมช่องว่าง แล้วเอาไฟล์ออกมาเก็บในเครื่องจนดับเบิลคลิกเปิดเป็นเว็บได้ พังให้ดู 3 จุดที่คนทำครั้งแรกเจอ สั่งกว้างจนได้เว็บที่ไม่ใช่ของเรา AI แต่งเบอร์โทรเองสวยเหมือนจริง และเซฟไฟล์ผิดแบบจนเปิดมาเป็นตัวหนังสือโค้ดเต็มจอ
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ คุณจะมีไฟล์หน้าเว็บของร้านตัวเองอยู่ในโฟลเดอร์ในเครื่อง ดับเบิลคลิกแล้วเปิดเป็นเว็บได้ และรู้บรรทัดเดียวในคำสั่งที่กัน AI ไม่ให้แต่งข้อมูลมั่ว
- ด่าน 1ประโยคเดียวของเว็บ
- ด่าน 2สั่ง AI ด้วยโครงคำสั่ง
- ด่าน 3ไฟล์ index.html ในโฟลเดอร์
- ด่าน 4เปิดดูในเครื่องได้
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องพิมพ์ในแถบที่อยู่ด้านบนของ Safari แล้วกด Enter สมัครฟรีด้วยอีเมลได้ ไม่ต้องจ่าย
https://claude.ai - 2.ทุกเครื่องด่าน 1 ลองพังดู คำสั่งแบบที่ทุกคนพิมพ์ครั้งแรก พิมพ์ในช่องแชตของ claude.ai
ทำเว็บร้านกาแฟให้หน่อย - 3.ทุกเครื่องด่าน 1 ประโยคเดียวของเว็บ พิมพ์ลง Notes หรือกระดาษ ไม่ใช่พิมพ์ให้ AI ใครทำให้ใคร ทำอะไรได้ แล้วให้เขาทำอะไรต่อ
เว็บนี้ทำให้คนแถวตลาดเก่าที่หาร้านนั่งทำงาน รู้ว่าร้านเปิดกี่โมงและมีปลั๊กไหม แล้วโทรมาจองโต๊ะได้ - 4.ทุกเครื่องด่าน 2 ลองพังดู โครงคำสั่งที่เติมข้อ 1 ถึง 3 แล้วแต่ตัดข้อ 4 ทิ้ง อย่าใช้แบบนี้
ช่วยเขียนหน้าเว็บให้ผมหน้าเดียวจบ เป็นไฟล์ HTML ไฟล์เดียว 1. เว็บอะไร: หน้าร้านกาแฟชื่อ กาแฟบ้านสวน อยู่ย่านตลาดเก่า สโลแกน กาแฟดี ที่นั่งเงียบ มีปลั๊กทุกโต๊ะ 2. คนที่เข้ามาอ่านคือ: คนแถวนั้นที่กำลังหาร้านนั่งทำงาน เขาเข้ามาเพื่อ: ดูว่าเปิดกี่โมง มีปลั๊กไหม 3. ในหน้าต้องมี: ชื่อร้าน + รูปหัวเรื่อง + เมนู 6 อย่างพร้อมราคา อเมริกาโน่ 55 ลาเต้ 65 คาปูชิโน่ 65 โกโก้ 60 ชาไทย 50 น้ำส้มคั้นสด 60 + เวลาเปิดปิด + แผนที่ + ปุ่มโทร + ปุ่มทักไลน์ - 5.ทุกเครื่องด่าน 2 โครงคำสั่งฉบับเต็มของร้านกาแฟบ้านสวน ก๊อปไปเปลี่ยนชื่อร้านและเมนูเป็นของคุณ แต่ข้อ 4 ห้ามแก้
ช่วยเขียนหน้าเว็บให้ผมหน้าเดียวจบ เป็นไฟล์ HTML ไฟล์เดียว 1. เว็บอะไร: หน้าร้านกาแฟชื่อ กาแฟบ้านสวน อยู่ย่านตลาดเก่า สโลแกน กาแฟดี ที่นั่งเงียบ มีปลั๊กทุกโต๊ะ 2. คนที่เข้ามาอ่านคือ: คนแถวนั้นที่กำลังหาร้านนั่งทำงาน เขาเข้ามาเพื่อ: ดูว่าเปิดกี่โมง มีปลั๊กไหม 3. ในหน้าต้องมี: ชื่อร้าน + รูปหัวเรื่อง + เมนู 6 อย่างพร้อมราคา อเมริกาโน่ 55 ลาเต้ 65 คาปูชิโน่ 65 โกโก้ 60 ชาไทย 50 น้ำส้มคั้นสด 60 + เวลาเปิดปิด + แผนที่ + ปุ่มโทร + ปุ่มทักไลน์ 4. ข้อกำหนด: - เป็นไฟล์ HTML ไฟล์เดียว ใส่ CSS ไว้ในไฟล์เดียวกัน - เปิดบนมือถือแล้วอ่านง่าย ตัวหนังสือใหญ่พอ ปุ่มกดง่าย - ห้ามใส่ข้อมูลที่ผมไม่ได้บอก ถ้าตรงไหนต้องมีข้อมูลเพิ่ม ให้ใส่วงเล็บว่า (ใส่ข้อมูลตรงนี้) ไว้ แล้วผมจะเติมเอง - 6.ทุกเครื่องด่าน 3 ชื่อโฟลเดอร์บน Desktop ตั้งชื่ออื่นได้ แต่อังกฤษไม่มีเว้นวรรคจะสบายกว่าตอนขึ้นเน็ต
my-website - 7.ทุกเครื่องด่าน 3 ชื่อไฟล์เว็บ ต้องชื่อนี้เป๊ะ ตัวเล็กทั้งหมด เพราะเป็นชื่อที่ทุกเจ้ามองหาเป็นหน้าแรก
index.html
การบ้านของตอนนี้
เขียนประโยคเดียวของเว็บตัวเอง 3 บรรทัด ใครเป็นคนอ่าน เขาหาอะไร อ่านจบแล้วอยากให้เขาทำอะไรต่อ แล้วส่งมาที่กล่องคำถามบนเว็บ ตอนหน้าผมอ่านของที่ชอบให้ฟัง
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- เขียนโค้ดไม่เป็น ก็มีเว็บเป็นของตัวเองได้ — 2 ชั่วโมง งบ 0 บาทต้นทางของทั้งซีซั่น 5 ขั้น 120 นาที โครงคำสั่งที่ก๊อปในด่าน 2 อยู่ในหน้านี้
- เว็บที่ได้จากการคุยกับแชต ขาดอะไรไป และไฟล์ที่หายไปอยู่ตรงไหนทำไมเว็บที่อยู่แต่ในหน้าต่างแชตยังไม่ใช่ของเรา และไฟล์ที่หายไปอยู่ตรงไหน
- ย้ายเว็บที่ทำค้างไว้ในแชต ลงมาเก็บไว้ในเครื่องตัวเองด่าน 3 ของตอนนี้เขียนเป็นตัวหนังสือไว้ที่นี่ เผื่อวันที่ปุ่มในแชตเปลี่ยนชื่อ
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic
ถ้านั่งเขียนโค้ดกับ AI วันละหลายชั่วโมง เก้าอี้คือของชิ้นที่คุ้มที่สุดที่จะลงทุน — ถูกกว่าค่าหมอตอนหลังพัง
5,557 บาทดูบน Shopee
UGREEN Nexode GaN Charger 20W/30W
หัวชาร์จ GaN ตัวเดียวจบทั้งโน้ตบุ๊กและมือถือ ตัวเล็กกว่าหัวเดิมที่แถมมาเยอะ — ถ้ายังไม่มี เริ่มจากตัวนี้ก่อนได้
330 บาทดูบน Shopee
[โค้ดคุ้มลด 20%] DEKAY FLEX108 น้องปุยเมฆ mymeow คีย์ไทยไฟลอด Mechanical keyboard wireless DK FLEX 108 คีย์บอร์ดไร้สาย
จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง
2,190 บาทดูบน Shopee
