บทที่ 2 ⏱ 18 นาที

บอก AI ว่าต้องจำอะไร

ตอนนี้แอปของคุณมี database แล้ว แต่ถ้าเปิดหน้าจออยู่เฉยๆ มันก็ยังไม่รู้ว่าจะต้องเก็บอะไร

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


คิดเรื่องข้อมูลให้เหมือนกำลังอธิบาย spreadsheet

วิธีที่ง่ายที่สุดในการคิดเรื่อง database คือ คิดเหมือนคุณกำลังขอให้ใครสักคนสร้าง spreadsheet ให้

ถ้าคุณพูดว่า “ฉันอยากเก็บค่าใช้จ่าย” มันยังกว้างเกินไป แต่ถ้าคุณพูดว่า “หนึ่งรายการค่าใช้จ่ายควรมีชื่อรายการ จำนวนเงิน และวันที่” ภาพจะเริ่มชัดทันที

ในภาษาของ database สิ่งนี้คือ Table (ตาราง — เหมือน sheet ใน spreadsheet)

แต่ละรายการคือ Row (แถว — ข้อมูลหนึ่งรายการ) และแต่ละอย่างที่เก็บ เช่น ชื่อ จำนวนเงิน วันที่ คือ Field (ช่องข้อมูล — ประเภทของข้อมูลในแต่ละรายการ)

💡 ไม่ต้องกลัวคำศัพท์

ถ้าคำว่า table, row หรือ field ยังดูใหม่ ให้คิดแค่ว่า คุณกำลังอธิบาย spreadsheet ธรรมดาๆ อยู่ sheet หนึ่งมีหลายแถว และแต่ละแถวมีหลายช่อง แค่นั้นเอง


แอปจะจำอะไรได้ ก็ขึ้นอยู่กับคุณบอกมันชัดแค่ไหน

สำหรับแอปติดตามค่าใช้จ่ายของเรา คำถามไม่ใช่ “จะใช้ database ยังไง”

คำถามคือ “หนึ่งรายการค่าใช้จ่ายควรเก็บอะไรบ้าง เพื่อที่พรุ่งนี้กลับมาเปิดใหม่แล้วมันยังมีความหมายอยู่”

คำตอบพื้นฐานที่สุดมีแค่ 3 อย่าง:

  • ชื่อรายการ
  • จำนวนเงิน
  • วันที่

แค่นี้พอแล้วสำหรับรอบแรก ไม่ต้องรีบเพิ่มหมวดหมู่ หมายเหตุ หรือข้อมูลอย่างอื่นในบทนี้


Prompt ที่จะส่งในบทนี้

พอรู้แล้วว่าจะเก็บอะไร ต่อไปคือบอก AI เป็นภาษาคนธรรมดาให้ชัด

ใช้ prompt นี้ได้เลย:

เชื่อมต่อแอปกับ Supabase database เพื่อให้ข้อมูลไม่หายเมื่อรีเฟรช

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

เมื่อผู้ใช้เพิ่มรายการใหม่ ให้บันทึกลง database ทันที
เมื่อเปิดแอป ให้โหลดรายการทั้งหมดจาก database มาแสดง
ไม่เปลี่ยน design หรือฟังก์ชันอื่นที่มีอยู่แล้ว

สิ่งสำคัญของ prompt นี้มีอยู่ 3 ส่วน:

  1. บอกให้เชื่อมการทำงานกับ database
  2. บอกชัดว่าหนึ่งรายการต้องเก็บอะไรบ้าง
  3. บอกพฤติกรรมของแอปตอนเพิ่มข้อมูลและตอนเปิดแอปใหม่

นี่คือหัวใจของบทนี้ทั้งหมด


ลงมือทำ — ส่ง prompt แล้วรอให้ AI จัดการให้

  1. เปิดโปรเจกต์ expense tracker ของคุณใน Lovable
  2. เช็กก่อนว่า Supabase ยังเชื่อมต่ออยู่เรียบร้อยจากบทที่แล้ว
  3. คัดลอก prompt ด้านบนไปวางในแชท
  4. ส่งให้ AI ทำงาน
  5. รอจนเห็นว่าแอปอัปเดตเสร็จ

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

⚠️ อย่าแก้ prompt หลายอย่างพร้อมกัน

บทนี้ขอให้ทำแค่เรื่องการจำข้อมูลก่อน อย่าเพิ่งแทรกคำสั่งเปลี่ยนสี เปลี่ยน layout หรือเพิ่มฟีเจอร์อื่น เพราะจะทำให้ดูผลยากขึ้นมาก


ช่วงที่สำคัญที่สุดของทั้งคอร์สนี้ — ลองบันทึก แล้วรีเฟรช

เมื่อ AI ทำเสร็จแล้ว อย่าเพิ่งเชื่อว่ามันทำงาน

ให้ทดสอบแบบนี้ทีละขั้น

ขั้นตอนที่ 1 — เพิ่มข้อมูลจริง

  1. เพิ่มค่าใช้จ่ายอย่างน้อย 2-3 รายการ
  2. ใช้ข้อมูลที่ต่างกัน เช่น ค่ากาแฟ, ค่าแท็กซี่, ค่าข้าว
  3. เช็กว่ารายการขึ้นบนหน้าจอตามปกติ

ขั้นตอนที่ 2 — รีเฟรชหน้า

  1. กดรีเฟรชเบราว์เซอร์หนึ่งครั้ง
  2. รอให้แอปโหลดกลับมา
  3. ดูว่ารายการที่คุณเพิ่งเพิ่ม ยังอยู่ครบไหม

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

นี่แหละช่วงที่แอปเริ่มมีความทรงจำ

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

ขั้นตอนที่ 3 — ลองอีกครั้งให้หายสงสัย

ถ้ายังรู้สึกไม่แน่ใจ ลองเพิ่มอีก 1 รายการ แล้วรีเฟรชอีกครั้ง

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

💡 อย่ารีบผ่านช่วงนี้ไป

ถ้าคุณเพิ่งเห็นข้อมูลยังอยู่หลังรีเฟรชเป็นครั้งแรก ลองหยุดดูมันสัก 5 วินาที นี่คือหนึ่งในจุดเปลี่ยนใหญ่ที่สุดของการสร้างแอป


ถ้ายังไม่อยู่ ลองเช็กแบบนี้ก่อน

ถ้าคุณรีเฟรชแล้วข้อมูลยังหายอยู่ ยังไม่ต้องตกใจ

ให้เช็กทีละอย่าง:

  1. Supabase ยังเชื่อมกับโปรเจกต์นี้จริงไหม
  2. คุณส่ง prompt ครบทั้งส่วนที่บอกให้บันทึกและโหลดข้อมูลกลับมาหรือยัง
  3. หลัง AI ทำเสร็จ คุณได้ลองเพิ่มข้อมูลใหม่หลังจากการเปลี่ยนแปลงนั้นแล้วหรือยัง

ถ้ายังไม่ได้ ลองส่ง prompt เดิมอีกครั้งแบบชัดๆ แล้วทดสอบใหม่ทีละขั้น


สำหรับแอปของคุณเอง

ถ้าคุณไม่ได้ทำ expense tracker คำถามก็ยังเหมือนเดิม

แอปของคุณมี “หนึ่งรายการ” เป็นอะไร และหนึ่งรายการนั้นต้องมีช่องข้อมูลอะไรบ้าง เช่น โน้ตหนึ่งอัน งานหนึ่งชิ้น หรือการจองหนึ่งครั้ง

แค่คุณตอบได้ว่า “หนึ่งรายการของแอปฉันต้องมีอะไรบ้าง” คุณก็เริ่มเขียน prompt แบบเดียวกันได้แล้ว


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

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

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

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

คุณรีเฟรชหน้าจอแล้ว ข้อมูลยังอยู่ — แอปของคุณจำได้แล้วจริงๆ 🎉