အစပြုသူများအတွက် Vibe Coding: အဆင့်ဆင့် စတင်နည်း

အစပြုသူများအတွက် vibe coding ကို အဆင့်ငါးဆင့်အဖြစ် ချုပ်နိုင်ပါတယ်: အက်ပ်ကို သင့်အတွက် run ပေးတဲ့ tool တစ်ခု ရွေး၊ အက်ပ်သေးသေး တစ်ခုကို ရိုးရိုးစကားနဲ့ ဖော်ပြ၊ အသုံးပြုသူလို စမ်း၊ တစ်ကြိမ်ကို ပြင်ဆင်ချက် တစ်ခုတည်း တောင်း၊ အလုပ်ဖြစ်ပြီဆိုရင် publish လုပ်ပါ။ ကုဒ်ရေးတတ်ဖို့ မလိုပါဘူး။ ဒီသင်ခန်းစာမှာ ပရောဂျက်အစစ်တစ်ခုနဲ့ ရိုက်ရမယ့် prompt အတိအကျ၊ အစပြုသူအများစု ပထမတစ်ပတ်မှာ လုပ်မိတဲ့ အမှားတွေကို အဆင့်ဆင့် ရှင်းပြထားပါတယ်။

ဝေါဟာရရဲ့ နောက်ခံ၊ ဘာကြောင့် လူတွေ အငြင်းပွားကြလဲ သိချင်ရင် vibe coding ဆိုတာ ဘာလဲ ကို အရင်ဖတ်ပါ။ ဒီစာမျက်နှာက လက်တွေ့ ဘက်ကို ပြောတာပါ။

သင်လိုအပ်တာများ စတင်ခင်

ထင်ထားတာထက် နည်းပါတယ်:

• Browser နဲ့ account။ Vibe coding tool တစ်ခုရဲ့ account။ အစပြုသူများက ဖိုင်နဲ့ server တွေကို ကိုယ်တိုင်စီမံဖို့ မျှော်လင့်တဲ့ coding assistant အစား ကုဒ်ကို ရေးပြီး run ပြီး host လုပ်ပေးတဲ့ AI app builder ကို ရွေးပါ။
• အိုင်ဒီယာ တစ်ခု။ သင့် startup မဟုတ်ပါ။ သင်တစ်ယောက်တည်းအတွက် စခရင် တစ်ခု သို့မဟုတ် နှစ်ခုပါတဲ့ tool တစ်ခု။
• နာရီ တစ်ခုနှစ်ခု အနှောင့်အယှက်မရှိဘဲ။ ပထမ session က ချက်ချင်းမှာ ရှိတဲ့ ဟန်ချက်ကို သင်ပေးပါလိမ့်မယ်။

ဒါပါပဲ။ Install မလို၊ programming သင်တန်း မလို၊ terminal မလိုပါဘူး။

အစပြုသူအနေနဲ့ ဘယ် tool ကို ရွေးမလဲ

Tool က habit တွေထက် အရေးနည်းပါတယ်၊ သို့သော် အောက်ပါ အလုပ်သုံးခုကို လုပ်နိုင်သင့်ပါတယ်: တည်ဆောက်နေစဉ် live preview ပြခြင်း၊ ဆိုးတဲ့ ပြောင်းလဲမှုကို ပြန်ဖျက်ခွင့်ပေးခြင်း၊ မျှဝေနိုင်တဲ့ link သို့ publish လုပ်ခြင်း။ အကောင်းဆုံး vibe coding tool များ နှိုင်းယှဉ်ချက်က အဓိက ရွေးချယ်စရာတွေကို ရိုးရိုးသားသား ဖော်ပြထားပါတယ်။ Mythex လည်း ထိုရွေးချယ်စရာတစ်ခု ဖြစ်ပါတယ်: chat ထဲ အက်ပ်ကို ဖော်ပြရုံနဲ့ live preview ပါတဲ့ တကယ့် full-stack အက်ပ် တည်ဆောက်ပြီး၊ app က ဒေတာ မှတ်ထားဖို့ လိုတဲ့အခါ database ထည့်ပေးကာ တစ်ချက်နှိပ်ရုံနဲ့ publish လုပ်ပေးပါတယ်။ Free plan မှာ ကဒ် မလိုပါဘူး။

အဆင့် ၁: ပြီးနိုင်မယ့် ပထမ project ကို ရွေးပါ

အစပြုသူတွေ ပျက်တတ်တာက ကြီးလွန်းတာကို ရည်ရွယ်လို့ပါ။ ကောင်းတဲ့ ပထမ project ဟာ:

• သင်ကိုယ်တိုင် အသုံးဝင်တာကြောင့် ကောင်းကောင်း စမ်းနိုင်ပါတယ်။
• စခရင် တစ်ခု သို့မဟုတ် နှစ်ခုအတွင်း ဆန့်ကျင်ပါတယ်။
• ဒေတာ အနည်းငယ် သိမ်းပါတယ်။
• ငွေပေးချေမှု၊ အဖွဲ့ဝင်များ၊ ကိုယ်ရေး အရေးကြီးဒေတာ မပါပါဘူး။

ကောင်းတဲ့ ပထမ project များ:

ဒီသင်ခန်းစာရဲ့ ကျန်တဲ့ အပိုင်းမှာ ဖတ်စရာစာရင်း ကို သုံးပါမယ်။

အဆင့် ၂: ပထမ prompt ကို ရေးပါ

သင့် ပထမ message က အရာအားလုံးရဲ့ ပုံသဏ္ဌာန်ကို သတ်မှတ်ပါတယ်။ ဘယ်သူအတွက်လဲ၊ ဘာလုပ်လဲ၊ ဘယ်လို ကြည့်ရမလဲ ပြောပါ။ စာပိုဒ်တိုတစ်ခုအတွင်း ထားပါ။

အားနည်းတဲ့ ပထမ prompt:

ကျွန်တော့်အတွက် စာအုပ် app တစ်ခု လုပ်ပါ။

ကောင်းတဲ့ ပထမ prompt:

ကျွန်တော့်အတွက် ဖတ်စရာစာရင်း app တစ်ခု တည်ဆောက်ပါ။ စာအုပ်ကို ခေါင်းစဉ်၊ စာရေးသူနဲ့ အခြေအနေ (ဖတ်ချင်တယ်၊ ဖတ်နေတယ်၊ ဖတ်ပြီးပြီ) နဲ့ ထည့်နိုင်ရမယ်။ စာအုပ်တွေကို အခြေအနေအလိုက် အုပ်စုဖွဲ့ပြီး အသစ်ဆုံးက ရှေ့ဆုံးမှာ card အဖြစ် ပြပါ။ အခြေအနေ ပြောင်းနိုင်ရမယ်၊ ဖျက်နိုင်ရမယ်။ ရိုးရှင်းရှင်းထားပါ: အဖြူနောက်ခံ၊ အရောင်တစ်ခု၊ ဖုန်းပေါ်မှာ အလုပ်လုပ်ရမယ်။ စာအုပ်တွေကို သိမ်းပြီး refresh လုပ်ပြီးနောက်လည်း ရှိနေအောင် လုပ်ပါ။

ဒုတိယ prompt က ဘာကို ထူးထူးခြားခြား ပါလဲ သတိထားပါ။ Field တွေ၊ လုပ်ဆောင်ချက်တွေ၊ layout နဲ့ အစောပိုင်းမှာ မေ့တတ်တဲ့ စည်းမျဉ်းတစ်ခု ပါတယ်: ဒေတာကို refresh လုပ်ပြီးနောက် ကျန်နေအောင် သိမ်းပါ။ အဲဒါမပါရင် tool အများစုက ပြီးပြီးသားဟု ထင်ရတဲ့ စာမျက်နှာ တည်ဆောက်ပေးပေမယ့် reload လုပ်တာနဲ့ အရာအားလုံး မေ့သွားပါလိမ့်မယ်။

ပိုမို စတင်စရာအတွက် vibe coding prompt cheat sheet ကို ကြည့်ပါ။

မသေချာရင် အစီစဉ် တောင်းပါ

ဘယ်လို ဖော်ပြရမလဲ မသေချာရင် AI ကို တည်ဆောက်ခင် အစီအစဉ်ဆွဲခိုင်းပါ:

ဘာမဆို တည်ဆောက်ခင် ဘယ်စခရင်တွေ လုပ်မလဲ၊ ဘယ်ဒေတာ သိမ်းမလဲ၊ ကျွန်တော်ဆုံးဖြတ်ဖို့ လိုတာ ဘာတွေရှိလဲ ရိုးရိုးစကားနဲ့ ပြောပါ။

Mythex မှာ ဒါက Plan mode ရဲ့ အလုပ်ဖြစ်ပါတယ်: agent က ချဉ်းကပ်ပုံကို ဖော်ပြပြီး ဖိုင်တွေ မပြောင်းခင် သင်က အတည်ပြုပါတယ်။

အဆင့် ၃: အသုံးပြုသူလို စမ်းပါ၊ တည်ဆောက်သူလို မဟုတ်ဘဲ

Preview ပေါ်လာတဲ့အခါ ကြည့်ရုံနဲ့ မရပ်ပါနဲ့။ သုံးကြည့်ပါ:

1. စာအုပ် သုံးအုပ် ထည့်ပါ၊ ခေါင်းစဉ် အလွန်ရှည်တဲ့ တစ်အုပ်ပါ ထည့်ပါ။
2. အခြေအနေ တစ်ခု ပြောင်းပါ။ Card က မှန်ကန်တဲ့ အုပ်စုသို့ ရွှေ့သွားလား။
3. Page ကို refresh လုပ်ပါ။ စာအုပ်တွေ ရှိနေသေးလား။
4. ခေါင်းစဉ် အလွတ်နဲ့ စာအုပ် ထည့်ကြည့်ပါ။ ဘာဖြစ်လဲ။
5. Preview ကို ဖုန်းပေါ်မှာ ဖွင့်ပါ၊ သို့မဟုတ် browser window ကို ကျဉ်းအောင် လုပ်ပါ။

ဘာမှားနေလဲ ရိုးရိုးစကားနဲ့ ရေးမှတ်ပါ။ "ရှည်တဲ့ ခေါင်းစဉ်က card layout ကို ပျက်စေတယ်" ဆိုတာ ပြီးပြည့်စုံတဲ့ bug အစီရင်ခံစာပါ။ "ပျက်နေတယ်" ဆိုတာ မဟုတ်ပါ။

အဆင့် ၄: message တစ်ခုလျှင် ပြင်ဆင်ချက် တစ်ခု

ဒါက ပြီးမြောက်သူတွေနဲ့ စွန့်လွှတ်သူတွေကို ခွဲခြားတဲ့ အလေ့အကျင့်ပါ။ ပြောင်းလဲမှု တစ်ခုပို့၊ စစ်၊ ပြီးမှ နောက်တစ်ခု ပို့ပါ။

"The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" ဆိုတဲ့ ခေါင်းစဉ်ရှည်က card ကို ကျော်နေတယ်။ ရှည်တဲ့ ခေါင်းစဉ်တွေကို စာကြောင်း နှစ်ကြောင်းအဖြစ် ပြပြီး ကျန်တာကို "…" နဲ့ ဖြတ်ပါ။

ပြီးရင်:

ခေါင်းစဉ် အလွတ်နဲ့ form ကို ပို့ရင် ဘာမှ မဖြစ်ပြီး မက်ဆေ့ချ် လည်း မပေါ်ဘူး။ Field အောက်မှာ "ခေါင်းစဉ် ထည့်ပါ" ကို ပြပြီး စာအုပ်ကို မသိမ်းပါနဲ့။

ဘာကြောင့် တစ်ခုချင်းစီလား? ပြင်ဆင်ချက် ငါးခုကို message တစ်ခုတည်းမှာ တောင်းရင် AI က လေးခုကို ကောင်းကောင်းလုပ်ပေမယ့် တစ်ခုကို တိတ်တိတ်ကြီး ဘာတစ်ခုခု ပျက်စေနိုင်ပြီး ဘယ်ပြောင်းလဲမှုက ဖြစ်စေသလဲ သင်သိမှာ မဟုတ်ပါ။ အဆင့်သေးသေးတွေက undo ကိုလည်း အသုံးဝင်စေပါတယ်: ပြောင်းလဲမှု တစ်ခု မှားရင် အဲဒီမတိုင်ခင် ဗားရှင်းကို ပြန်သွားပြီး ပိုရှင်းတဲ့ တောင်းဆိုချက် ပြန်ရေးပါ။

ပြဿနာ ဖြစ်တဲ့အခါ

ဖြစ်လာမှာပါ။ Builder တိုင်းမှာ error ကြုံရပါတယ်။ Error စာသား အတိအကျကို ကူးပါ၊ သို့မဟုတ် ဘာကို နှိပ်ခဲ့လဲ ဘာကို မြင်ခဲ့လဲ ဖော်ပြပြီး ပြန် paste လုပ်ပါ:

Card ပေါ်က Delete ကို နှိပ်တဲ့အခါ "Something went wrong" ပေါ်ပြီး စာအုပ် ကျန်နေတယ်။ ဘာကြောင့်လဲ ရှာပြီး ပြင်ပါ။ အကြောင်းရင်းကို ပြောပြပါ။

အကြောင်းရင်း မေးတာက အရေးကြီးပါတယ်။ အက်ပ်တွေ ဘယ်လို အလုပ်လုပ်လဲ သင်ယူစေပြီး AI က ခန့်မှန်းတာကို တားပေးပါတယ်။ AI နဲ့ တည်ဆောက်ထားတဲ့ အက်ပ်ကို ဘယ်လို debug လုပ်မလဲ က ပိုအသေးစိတ် ပါပါတယ်။

အဆင့် ၅: ကိုယ်ပိုင်ဖြစ်အောင် လုပ်ပါ

အလုပ်ဖြစ်ပြီးနောက် တူညီတဲ့ အဆင့်သေးသေးတွေနဲ့ တိုးတက်အောင် လုပ်ပါ:

• "ပြီးပြီးသား စာအုပ်တွေမှာ ၁ ကနေ ၅ ကြယ် အဆင့်သတ်မှတ်ချက် ပြပါ။"
• "ခေါင်းစဉ် သို့မဟုတ် စာရေးသူအလိုက် စစ်ထုတ်တဲ့ search box ကို card အပေါ်မှာ ထည့်ပါ။"
• "နွေးတဲ့ အဖြူရောင်နောက်ခံနဲ့ အစိမ်းရင့် accent အရောင် သုံးပါ။"
• "ထိပ်မှာ counter ထည့်ပါ: ဒီနှစ် ဖတ်ပြီးစာအုပ်အရေအတွက်။"

တစ်ခုစီက စမ်းသပ်နိုင်တဲ့ ပြောင်းလဲမှု တစ်ခုတည်း ဖြစ်ပါတယ်။

အဆင့် ၆: Publish လုပ်ပြီး မျှဝေပါ

သင်လိုတာ လုပ်နိုင်ပြီဆိုရင် publish လုပ်ပါ။ Mythex မှာ တစ်ချက်နှိပ်ရုံဖြင့် ဖြစ်ပြီး မည်သည့် စက်မှာမဆို ဖွင့်နိုင်တဲ့ သို့မဟုတ် သူငယ်ချင်းကို ပို့နိုင်တဲ့ public URL ရပါတယ်။ နောက်ပိုင်း ကိုယ်ပိုင် domain လိုချင်ရင် ဒါက Pro feature ဖြစ်ပြီး custom domain ချိတ်ဆက်ခြင်း လမ်းညွှန်က ရှင်းပြထားပါတယ်။

သူငယ်ချင်းအနည်းငယ်ထက် ပိုမျှဝေခင် vibe coding လုံခြုံလား ကို ဖတ်ပါ။ ကိုယ်ပိုင် ဖတ်စရာစာရင်းအတွက် အန္တရာယ် နည်းပါတယ်။ လူစိမ်းတွေ စာရင်းသွင်းပြီး ဒေတာ သိမ်းမယ့် အက်ပ်အတွက်တော့ အရင်စစ်ဆေးရမယ့် အချက်တွေ ရှိပါတယ်။

အစပြုသူများ ရှောင်ရမယ့် အမှားများ

• တစ်ကြိမ်တည်း အရာအားလုံး တောင်းခြင်း။ "Goodreads တည်ဆောက်ပေး" ဆိုတာ ကြည့်ရတာ အံ့ဩစရာကောင်းပေမယ့် အလုပ်မကောင်းပါ။ အသေးဆုံး အသုံးဝင်တဲ့ ဗားရှင်းကနေ စပါ။
• Refresh ကို မစမ်းခြင်း။ Reload လုပ်တာနဲ့ ပျောက်သွားတဲ့ ဒေတာက အစပြုသူ အံ့သြမှု အများဆုံးပါ။
• တောင်းဆိုချက်ကို အစကနေ ပြန်ရေးခြင်း အမြဲ။ ဘာပြောင်းရမလဲ၊ ဘာထားရမလဲ ပြောပါ: "layout ကို ထားပါ၊ အရောင်တွေကိုသာ ပြောင်းပါ။"
• "ပြင်ပြီးပြီ" ကို ယုံကြည်ခြင်း။ AI က bug ပြင်ပြီးပြီဟု မကြာခဏ ပြောပါတယ်။ အကြိမ်တိုင်း သင်ကိုယ်တိုင် စစ်ပါ။
• Password သို့မဟုတ် API key ကို chat ထဲ paste လုပ်ခြင်း။ အက်ပ်က ပြင်ပ service အတွက် key လိုရင် tool ရဲ့ secrets settings မှာ ထည့်ပါ၊ message ထဲ သို့မဟုတ် ကုဒ်ထဲ ဘယ်တော့မှ မထည့်ပါနဲ့။ API key တွေကို ဘယ်လို လုံခြုံအောင် ထားမလဲ ကို ကြည့်ပါ။
• ပထမ error ကြုံပြီး စွန့်လွှတ်ခြင်း။ Error တွေက ပုံမှန်ပါ။ ပြန် paste လုပ်ပြီး အကြောင်းရင်း မေးပါ။

ဆက်သွားရင် သင်ယူရမယ့် အရာများ

သင်တန်း မလိုပေမယ့် အိုင်ဒီယာအနည်းငယ်က တောင်းဆိုချက်တိုင်းကို ပိုကောင်းစေပါလိမ့်မယ်။ သင့်ကိုယ်ပိုင် အက်ပ်နဲ့ ဆက်စပ်ပြီး AI ကို ရှင်းပြခိုင်းပါ:

• Frontend နဲ့ backend: visitor ရဲ့ browser မှာ ဘာ run လဲ၊ server မှာ ဘာ run လဲ။ (Frontend နဲ့ backend ကွာခြားချက်)
• Database: အက်ပ်က ဒေတာကို ဘယ်မှာ သိမ်းလဲ။ (Database ဆိုတာ ဘာလဲ?)
• Authentication: အက်ပ်က တစ်ယောက်ယောက်ကို ဘယ်လို သိလဲ။
• Secrets: အက်ပ်သုံးတဲ့ visitor တွေ ဘယ်တော့မှ မမြင်ရမယ့် လျှို့ဝှက် key များ။

ဒီအတွက် ကောင်းတဲ့ prompt: "ကျွန်တော့် ဖတ်စရာစာရင်းက စာအုပ်တစ်အုပ်ကို Add ကိုနှိပ်ခြင်းကနေ ဒေတာ သိမ်းခြင်းအထိ ဘယ်လို သိမ်းလဲ ရှင်းပြပါ။ ရိုးရိုးစကား သုံးပြီး ဖိုင်အမှန်တွေကို ညွှန်ပြပါ။"

ဒုတိယနဲ့ တတိယ project များ

ပထမ အက်ပ်ပြီးရင် တစ်ဆင့်ပိုခက်တာ ရွေးပါ။ အပတ်စဉ် chart ပါတဲ့ အလေ့အကျင့် tracker။ Email ပို့ပေးတဲ့ booking form။ Google Sheet ကနေ ဖတ်တဲ့ သေးငယ်တဲ့ dashboard။ vibe coding ဥပမာများ မှာ အမျိုးအစား အစစ်တွေနဲ့ သုံးထားတဲ့ prompt နဲ့ ဘာ မှားခဲ့လဲ ပြထားပါတယ်၊ vibe coding နဲ့ အက်ပ်တည်ဆောက်ပုံ က project ကြီးတစ်ခုကို စိတ်ကူးကနေ အသုံးပြုသူ ရှိတဲ့ publish လုပ်ထားတဲ့ အက်ပ်အထိ လမ်းညွှန်ပေးပါတယ်။

စတင်ဖို့ အဆင်သင့်ဖြစ်ရင် AI app builder ကို ဖွင့်ပါ၊ အထက်က ဖတ်စရာစာရင်း prompt ကို paste လုပ်ပြီး သင့်ကိုယ်ပိုင် အိုင်ဒီယာနဲ့ ပြောင်းပါ။

မေးခွန်းများ