Spec နဲ့ Prompt ရေးဆွဲမှု လေ့ကျင့်ခန်းများ

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

အရင်ခန်းတွေမှာ spec ရေးနည်း၊ prompt ရေးနည်းနဲ့ context ပေးနည်းတွေကို သင်ခဲ့ပါပြီ။ ဒီ lesson က အဲဒီ skill တွေကို memory ထဲမှာပဲ ချန်ထားမယ့်အစား လက်တွေ့ လက်ကျင့် ပြန်သုံးဖို့ ရည်ရွယ်ပါတယ်။ Teaching အသစ်မပါဘဲ၊ ကိုယ့်ဟာကိုယ် စစ်ဆေးနိုင်တဲ့ self-test အနေနဲ့ ပြင်ဆင်ထားပါတယ်။ Task တစ်ခုချင်းစီကို paper ပေါ်မှာ ဒါမှမဟုတ် text editor မှာ ရေးပြီး AI tool တစ်ခုခုကို တကယ်ပေးကြည့်ပါ။

လေ့ကျင့်ခန်းများ

Task 1: "To-do list app" အတွက် one-paragraph spec တစ်ခု ရေးပါ — features, constraints, edge cases သုံးမျိုးလုံး ပါဝင်ရမယ်။ Task 2: အဲဒီ spec ကနေ AI ကို ပေးမယ့် coding prompt တစ်ခု ရေးပါ၊ role၊ context၊ constraint၊ output format လေးမျိုး ပါအောင် စစ်ပါ။ Task 3: prompt ကို run ကြည့်ပြီး output က spec နဲ့ ကိုက်/မကိုက် လေ့လာပါ — မကိုက်ရင် ဘယ်အချက်ကြောင့်လဲဆိုတာ တစ်ကြောင်းစီ ချရေးပါ။

• Spec မှာ edge case အနည်းဆုံး ၃ ခု ပါ
• Prompt မှာ role/context/constraint/output format ပါ
• AI output ကို spec နဲ့ တိုက်ဆိုင်စစ်ဆေးပြီးပြီ

Code နမူနာ

## Spec: To-do List App

### Goal
User တစ်ယောက်က task list ကို add/complete/delete လုပ်နိုင်ရမည်။

### Must have
- Add task (title text, empty မဖြစ်ရ)
- Mark complete/incomplete
- Delete task

### Edge cases
- Empty title နဲ့ submit လုပ်ရင် reject ရမည်
- Task list ဗလာဖြစ်ရင် "No tasks yet" ပြရမည်
- Title character 200 ကျော်ရင် truncate/reject ရမည်

---

## Prompt draft
Role: You are a senior frontend engineer.
Context: React + TypeScript project, function components only.
Task: Build a TodoList component per the spec above.
Constraint: no external state library, inline validation only.
Output: single .tsx file, no explanation text.

Spec, prompt, နဲ့ AI output သုံးခုစလုံးကို side-by-side နှိုင်းယှဉ်ကြည့်ပြီး ကွာဟမှုစာရင်း တစ်ခု ရရှိပါလိမ့်မယ်။