บทที่ 3 ⏱ 15 นาที

เพิ่มของใหม่ — ต่อยอดโดยไม่พัง

ตอนนี้แอปจดบันทึกของคุณเริ่มเข้าที่แล้ว และถึงจุดที่คนส่วนใหญ่เริ่มคิดเหมือนกันว่า “อยากเพิ่มอีกนิด”

แต่พอจะเพิ่มของใหม่ หลายคนก็เริ่มกลัวทันทีว่าของเดิมจะพัง บทนี้เราจะฝึกเพิ่มฟีเจอร์แบบปลอดภัย โดยใช้คำสั่งที่ชัดพอให้ AI รู้ว่าควรแตะอะไร และไม่ควรแตะอะไร


ลงมือเพิ่มก่อน — ใส่ช่องค้นหาให้แอปเดิม

ขั้นตอนที่ 1 — เปิดแอปแล้วเช็กของเดิมก่อน

  1. เข้า Lovable แล้วเปิดโปรเจกต์แอปจดบันทึกของคุณ
  2. ลองเพิ่มโน้ต 1 อัน
  3. ลองลบโน้ต 1 อัน
  4. ดูให้แน่ใจก่อนว่าของเดิมยังทำงานปกติ

การเช็กก่อนเริ่มสำคัญมาก เพราะคุณจะได้รู้ชัดว่ามีอะไรทำงานอยู่แล้ว และถ้าอะไรพังหลังจากนี้ คุณจะจับได้ทันที

ขั้นตอนที่ 2 — ส่ง prompt เพิ่มฟีเจอร์

บทนี้เราจะเพิ่ม search (ช่องค้นหา) เพื่อให้หาโน้ตได้เร็วขึ้น

คัดลอก prompt นี้ไปวางในช่องแชทของโปรเจกต์เดิม:

เพิ่มช่องค้นหาไว้เหนือรายการโน้ต
เมื่อพิมพ์ในช่องค้นหา ให้กรองรายการโน้ตทันทีตามคำที่พิมพ์
ค้นหาทั้งจากหัวข้อและเนื้อหาของโน้ต
โดยไม่เปลี่ยนฟังก์ชันการเพิ่มและลบโน้ตที่มีอยู่แล้ว

ขั้นตอนที่ 3 — ดูว่าแอปเพิ่มอะไรใหม่เข้ามา

  1. กดส่ง prompt
  2. รอให้ AI สร้างฟีเจอร์เพิ่ม
  3. มองที่ preview ทางขวา

คุณควรเห็นช่องค้นหาใหม่เพิ่มเข้ามา โดยแอปเดิมยังหน้าตาใกล้เคียงเดิม และปุ่มบันทึกกับปุ่มลบยังอยู่

ฟีเจอร์ใหม่เข้ามาแล้ว

ถ้าคุณเห็นช่องค้นหาเพิ่มขึ้นมา โดยแอปเดิมยังอยู่ครบ แปลว่าคุณต่อยอดแอปได้สำเร็จแล้วหนึ่งขั้น


ทดสอบทั้งของใหม่และของเดิม

เพิ่มฟีเจอร์เสร็จแล้ว ยังไม่ถือว่าจบ คุณต้องเช็กด้วยว่าของใหม่ทำงานจริง และของเดิมไม่หายไป

ขั้นตอนที่ 1 — สร้างข้อมูลไว้ทดสอบ

  1. เพิ่มโน้ต 3 อัน
  2. ให้แต่ละอันมีคำต่างกัน เช่น ซื้อของ, งานวันนี้, ไอเดียแอป
  3. ใส่เนื้อหาไม่เหมือนกัน เพื่อให้ลองค้นหาได้

ขั้นตอนที่ 2 — ลองค้นหา

  1. พิมพ์คำว่า งาน ในช่องค้นหา
  2. ดูว่ารายการโน้ตเหลือเฉพาะอันที่เกี่ยวข้องหรือเปล่า
  3. ลบคำค้นออก แล้วดูว่ารายการทั้งหมดกลับมาหรือไม่

ขั้นตอนที่ 3 — ทดสอบของเดิมอีกครั้ง

  1. ลองเพิ่มโน้ตใหม่อีก 1 อัน
  2. ลองลบโน้ต 1 อัน
  3. ดูว่าฟังก์ชันเดิมยังทำงานได้ปกติ
เพิ่มของใหม่โดยไม่พังแล้ว

ถ้าค้นหาได้ และยังเพิ่มกับลบโน้ตได้เหมือนเดิม นี่คือการต่อยอดแอปแบบที่ถูกทาง

💡 เช็ก 2 อย่างเสมอ

ทุกครั้งที่เพิ่มฟีเจอร์ใหม่ ให้เช็ก 2 เรื่องเสมอ: ของใหม่ทำงานไหม และของเดิมยังอยู่ไหม


ทำไม prompt นี้ถึงปลอดภัยกว่า

ถ้าคุณพิมพ์แค่ว่า เพิ่มช่องค้นหา AI ต้องเดาเองว่าจะวางไว้ตรงไหน ค้นหายังไง และจะกระทบของเดิมหรือเปล่า

แต่ prompt ที่ดีตอนเพิ่มฟีเจอร์ ควรบอกครบ 3 เรื่อง:

  • เพิ่มอะไร
  • มันต้องทำงานยังไง
  • อะไรที่ต้องคงไว้เหมือนเดิม

ลองดูความต่าง:

แบบที่สั้นเกินไป

เพิ่มช่องค้นหา

แบบที่ปลอดภัยกว่า

เพิ่มช่องค้นหาไว้เหนือรายการโน้ต
เมื่อพิมพ์ ให้กรองรายการโน้ตทันที
ค้นหาทั้งหัวข้อและเนื้อหา
โดยไม่เปลี่ยนฟังก์ชันการเพิ่มและลบโน้ต
💡 สูตรเพิ่มฟีเจอร์

เวลาจะเพิ่มของใหม่ ให้คิดแบบนี้: “เพิ่มอะไร” + “มันทำงานยังไง” + “อย่าเปลี่ยนอะไร”


ถ้าหลังเพิ่มฟีเจอร์แล้วของเดิมพัง

บางครั้ง AI ก็เผลอไปแตะของเดิมจริง นี่เป็นเรื่องปกติของการทำงานกับ AI

ถ้าเกิดขึ้น ให้บอกปัญหาแบบตรงๆ และเฉพาะเจาะจง

ตัวอย่าง:

หลังจากเพิ่มช่องค้นหา ปุ่มบันทึกโน้ตใช้งานไม่ได้
ช่วยแก้ให้ปุ่มบันทึกกลับมาทำงานตามเดิม
โดยยังคงช่องค้นหาไว้

อย่าพิมพ์แค่ว่า มันพัง เพราะ AI ไม่รู้ว่าพังตรงไหน

⚠️ อย่าเพิ่มหลายฟีเจอร์พร้อมกัน

ถ้าคุณเพิ่มทั้งค้นหา เปลี่ยนดีไซน์ และย้าย layout ในรอบเดียว เวลามีอะไรพัง คุณจะไม่รู้ว่าอะไรทำให้พัง


คุณเพิ่งทำอะไรสำเร็จไปแล้วบ้าง

  • คุณเพิ่มฟีเจอร์ใหม่ให้แอปเดิมได้
  • คุณรู้วิธีเช็กทั้งของใหม่และของเดิมหลังแก้แอป
  • คุณเริ่มเขียน prompt แบบที่ควบคุมผลลัพธ์ได้มากขึ้น
  • คุณทำให้แอปจดบันทึกมีประโยชน์ขึ้นอีกขั้นแล้ว

บทต่อไป เราจะพาแอปนี้ออกจากหน้า preview แล้วทำให้คนอื่นเปิดใช้ได้ผ่านลิงก์จริง

🎉
ยินดีด้วย! คุณทำสำเร็จแล้ว

แอปจดบันทึกของคุณมีช่องค้นหาแล้ว และฟังก์ชันเดิมยังทำงานอยู่ครบ 🎉