บทนี้คือบทที่คนเรียนตื่นเต้นที่สุด เพราะจบบทแล้วจะมีลิงก์เว็บของตัวเองส่งให้เพื่อนดูได้จริง
ครั้งแรกใช้เวลาไม่ถึงหนึ่งชั่วโมง และไม่ต้องเขียนโค้ดเองสักบรรทัด
สไลด์ 1 — ห้าขั้น จากศูนย์ถึงออนไลน์
- บอก AI ว่าอยากได้เว็บแบบไหน
- เห็นเว็บบนเครื่องเราก่อน
- สั่งแก้จนพอใจ
- ส่งขึ้นที่เก็บโค้ดออนไลน์
- ได้ลิงก์เว็บจริงมาใช้
ขั้นที่กินเวลาที่สุดคือขั้นที่สาม เพราะเป็นช่วงที่เราค่อย ๆ บอกว่าอยากให้ปรับตรงไหน ส่วนขั้นที่สี่กับห้ามักจบใน ไม่กี่นาที
สไลด์ 2 — พิมพ์ประโยคเดียว ได้เว็บจริง
สไลด์นี้โชว์ของจริง คือพิมพ์ว่า "ทำเว็บร้านกาแฟ มีเมนู ราคา และปุ่มทักไลน์" แล้วได้หน้าเว็บที่มีเมนูพร้อมราคาและปุ่มออกมาเลย
ที่ต้องเข้าใจคือประโยคสั้น ๆ ได้ผลลัพธ์กลาง ๆ ยิ่งบอกละเอียด ยิ่งตรงใจตั้งแต่ครั้งแรก ซึ่งจะขยายต่อในสไลด์ที่ 4
ลองทำเลย
เปิดโฟลเดอร์ว่างแล้วพิมพ์ claude จากนั้นสั่งว่า "ทำเว็บหน้าเดียวแนะนำร้านของผม แล้วเปิดให้ดูในเครื่องด้วย" ดูว่าใช้เวลากี่นาทีกว่าจะได้หน้าแรก
สไลด์ 3 — ศัพท์ที่ต้องรู้ในบทนี้
- Localhost เว็บบนเครื่องเรา เปิดดูได้คนเดียว คนอื่นยังเข้าไม่ได้
- Build การประกอบร่าง แปลงโค้ดให้กลายเป็นเว็บที่พร้อมใช้จริง
- Deploy การปล่อยขึ้นออนไลน์ เอาเว็บไปวางให้คนทั้งโลกเปิดได้
- Domain ชื่อเว็บที่ลูกค้าพิมพ์เพื่อเข้าร้านเรา
เห็นสี่คำนี้ตอนทำเว็บทุกครั้ง จำไว้แล้วจะไม่ตกใจเวลา AI พูดถึง
สไลด์ 4 — บอกแค่ไหน ถึงได้เว็บตรงใจ
สไลด์นี้ให้แบบคำสั่งที่ครบสี่อย่าง คือ หน้าตา เนื้อหา ปุ่ม และสี
ทำเว็บร้านกาแฟหนึ่งหน้า
มีเมนูหกอย่าง พร้อมราคาและรูป
มีปุ่มทักไลน์กับแผนที่ร้าน
โทนสีน้ำตาลครีม อ่านง่ายบนมือถือ
เสร็จแล้วเอาขึ้นออนไลน์ให้ด้วยห้าบรรทัดนี้ใช้เวลาพิมพ์ไม่ถึงหนึ่งนาที แต่ตัดรอบแก้ไปได้หลายรอบ ถ้าอยากเข้าใจว่าทำไมคำสั่งแบบนี้ถึงได้ผล อ่านต่อที่ บทที่ 25 เขียนคำสั่งให้ AI ทำได้ตรงใจ
ลองทำเลย
ก๊อปก้อนข้างบนไปแก้ให้เป็นร้านเรา เปลี่ยนประเภทสินค้า จำนวนรายการ ปุ่มที่ต้องมี และโทนสี แล้วสั่งรวดเดียว
สไลด์ 5 — เว็บขึ้นแล้ว ทำอะไรต่อ
- เปิดบนมือถือก่อน ลูกค้าส่วนใหญ่เข้าจากมือถือ ไม่ใช่คอม ถ้าบนมือถือแล้วล้นจอ ให้สั่งแก้ทันที
- แก้ทีละจุด บอกจุดที่อยากแก้ทีละอย่าง อย่ารื้อทั้งหน้า เพราะรื้อทีเดียวแล้วมักได้ของใหม่ที่พังกว่าเดิม
- ใส่ชื่อเว็บของเรา เปลี่ยนจากชื่อยาว ๆ ที่ระบบตั้งให้ เป็นชื่อร้านเรา
ปล่อยขึ้นก่อน แล้วค่อยแก้ทีละจุดจากของจริง ดีกว่านั่งแก้ในเครื่องจนสมบูรณ์แบบแล้วไม่ได้ปล่อยสักที
เช็คลิสต์ก่อนไปบทถัดไป
- มีเว็บของตัวเองที่เปิดได้จากมือถือแล้วอย่างน้อยหนึ่งหน้า
- แยกออกว่า Localhost กับเว็บที่ Deploy แล้วต่างกันยังไง
- เคยสั่งแก้ทีละจุดแล้วเห็นผลจริง
- รู้ว่าถ้าอยากได้ชื่อเว็บเป็นของตัวเอง ต้องไปเรื่อง Domain