คุณไม่ได้อยากมาเรียนเขียนโค้ด คุณแค่อยากให้ไอเดียในหัวกลายเป็นของจริง
บทนี้เราจะข้ามช่วงงงๆ ตรงนั้นไปเลย แล้วสร้างแอปจดบันทึกอันแรกของคุณให้ขึ้นบนหน้าจอภายในไม่กี่นาที
ลงมือทำก่อน — สร้างแอปแรกจาก prompt เดียว
ขั้นตอนที่ 1 — เข้า Lovable
- เปิดเบราว์เซอร์แล้วไปที่
lovable.dev - สมัครหรือเข้าสู่ระบบให้เรียบร้อย
- เมื่อเข้ามาแล้ว ให้มองหาปุ่ม New Project
- กดเข้าไปเพื่อเริ่มโปรเจกต์ใหม่
ถ้าคุณเห็นช่องพิมพ์ข้อความขนาดใหญ่กลางหน้าจอ แปลว่าพร้อมแล้ว
ถ้าคุณอยู่ในหน้าโปรเจกต์ใหม่และเห็นช่องพิมพ์ข้อความ นั่นคือจุดเริ่มต้นของแอปคุณ
ขั้นตอนที่ 2 — วาง prompt นี้ลงไป
สิ่งที่คุณกำลังจะพิมพ์คือ prompt (คำสั่งที่เราพิมพ์ให้ AI)
คัดลอกข้อความนี้ไปวางได้เลย:
สร้างแอปจดบันทึกอย่างง่าย
มีหัวข้อแอปว่า "บันทึกของฉัน"
มีช่องกรอกหัวข้อโน้ต
มีช่องกรอกเนื้อหาโน้ต
มีปุ่ม "บันทึกโน้ต"
เมื่อกดปุ่ม ให้โน้ตใหม่ไปแสดงเป็นรายการด้านล่าง
แต่ละโน้ตต้องมีปุ่ม "ลบ"
ใช้หน้าตาเรียบง่าย อ่านง่าย พื้นหลังสีขาวขั้นตอนที่ 3 — ส่ง prompt แล้วรอดูผล
- กดปุ่มส่ง หรือกด Enter
- รอให้ AI สร้างแอป
- มองไปที่ preview (หน้าตัวอย่างแอป) ทางขวา
คุณควรเห็นแอปจดบันทึกที่มีช่องพิมพ์ ปุ่มบันทึก และพื้นที่แสดงรายการโน้ต
ถ้าคุณเห็นฟอร์มจดโน้ตกับปุ่มบันทึกใน preview แปลว่าคุณมีแอปจริงอันแรกแล้ว
บางครั้ง Lovable ใช้เวลานิดหน่อย ถ้ายังไม่เห็น preview ให้รอสักครู่แล้วลองรีเฟรชหน้า
ทดสอบแอปของคุณ
ตอนนี้อย่าเพิ่งคิดว่าแอปสวยหรือยัง ให้ลองแค่ว่ามันทำงานไหมก่อน
ขั้นตอนที่ 1 — เพิ่มโน้ตแรก
- พิมพ์หัวข้อ เช่น
ซื้อของเข้าบ้าน - พิมพ์เนื้อหา เช่น
นม ไข่ ขนมปัง - กดปุ่ม บันทึกโน้ต
ถ้าทุกอย่างทำงาน คุณจะเห็นโน้ตนั้นไปโผล่ในรายการด้านล่าง
ขั้นตอนที่ 2 — ลองลบโน้ต
- มองหาปุ่ม ลบ บนโน้ตที่เพิ่งสร้าง
- กดปุ่มนั้นหนึ่งครั้ง
ถ้าโน้ตหายไปจากรายการ แปลว่าฟีเจอร์ลบทำงานแล้ว
ถ้าคุณเพิ่มโน้ตได้และลบโน้ตได้ แอปนี้ไม่ใช่ภาพตัวอย่างเฉยๆ แต่มันทำงานจริง
ถ้ากดบันทึกแล้วไม่มีโน้ตเพิ่ม หรือกดลบแล้วไม่หาย ยังไม่ต้องตกใจ บทต่อไปเราจะใช้คำสั่งสั้นๆ เพื่อบอก AI ให้แก้ตรงจุด
ทำไม prompt นี้ถึงเวิร์ก
คุณยังไม่ต้องเขียน prompt เก่งตั้งแต่ครั้งแรก แค่บอกให้ครบว่าอยากได้อะไร
prompt เมื่อกี้ได้ผล เพราะมันระบุชัดว่าแอปนี้มีอะไรบ้างและต้องทำอะไรได้บ้าง ไม่ได้บอกแค่ว่า “ทำแอปโน้ตให้หน่อย”
สิ่งที่ควรมีใน prompt แรกของคุณมีแค่ 3 อย่าง:
- แอปนี้คืออะไร
- มีส่วนประกอบอะไรบ้าง
- ผู้ใช้ทำอะไรได้บ้าง
เวลาคิด prompt แรก ให้เรียงในหัวแบบนี้: “อยากสร้างอะไร” + “มีอะไรบนหน้าจอ” + “กดแล้วเกิดอะไรขึ้น”
คุณเพิ่งทำอะไรสำเร็จไปแล้วบ้าง
- คุณสร้างโปรเจกต์แรกใน Lovable ได้แล้ว
- คุณส่ง prompt แรกให้ AI ได้แล้ว
- คุณได้แอปจดบันทึกที่เพิ่มและลบโน้ตได้จริง
- คุณเห็นแล้วว่าไอเดียในหัวแปลงเป็นของที่ใช้งานได้บนหน้าจอได้ยังไง
บทต่อไป แอปของคุณจะยังไม่สมบูรณ์ และนั่นเป็นเรื่องปกติ เราจะเรียนวิธีบอก AI ให้แก้เฉพาะจุด โดยไม่ต้องเริ่มใหม่ทั้งหมด