Vibe coding սկսնակների համար. ինչպես սկսել, քայլ առ քայլ

Vibe coding սկսնակների համար հանգում է հինգ քայլի. ընտրեք գործիք, որը ծրագիրը գործարկում է ձեր փոխարեն, նկարագրեք մեկ փոքր ծրագիր սովորական բառերով, փորձարկեք այն որպես օգտատեր, խնդրեք մեկ շտկում մեկ անգամ և հրապարակեք, երբ այն աշխատում է։ Կոդավորել իմանալու կարիք չունեք։ Այս ուղեցույցը անցնում է յուրաքանչյուր քայլով իրական առաջին նախագծի վրա, ճշգրիտ հրահանգներով, որոնք պետք է մուտքագրել, և այն սխալներով, որոնք գրեթե բոլոր սկսնակներն են անում առաջին շաբաթում։

Եթե նախ ուզում եք ֆոն՝ որտեղից է եկել տերմինը և ինչու են մարդիկ վիճում դրա շուրջ, կարդացեք vibe coding-ը ինչ է։ Այս էջը գործնական մասն է։

Ինչ է պետք մինչ սկսելը

Քիչ, քան կարծում եք.

• Բրաուզեր և հաշիվ vibe coding գործիքով։ Սկսնակները պետք է ընտրեն AI ծրագրի կառուցող, որը գրում է կոդը, գործարկում և հոսթում է այն, այլ ոչ թե կոդային օգնական, որը ակնկալում է, որ դուք ինքներդ կկառավարեք ֆայլերն ու սերվերները։
• Մեկ փոքր գաղափար։ Ոչ ձեր startup-ը։ Գործիք մեկ անձի (ձեզ) համար, մեկ կամ երկու էկրանով։
• Մեկ-երկու ժամ առանց ընդհատումների։ Առաջին նստաշրջանը սովորեցնում է ռիթմը։

Սա այն ամենն է։ Ոչ տեղադրումներ, ոչ ծրագրավորման դասընթաց, ոչ տերմինալ։

Ո՞ր գործիքն ընտրել որպես սկսնակ

Գործիքը պակաս կարևոր է, քան սովորությունները, բայց այն պետք է երեք բան անի. ցույց տա կենդանի նախադիտում, երբ կառուցում է, թույլ տա հետ շրջել վատ փոփոխությունը և հրապարակել կիսվելու հղումով։ Մեր համեմատությունը լավագույն vibe coding գործիքների մասին ազնիվ կերպով ներկայացնում է հիմնական տարբերակները։ Mythex-ը դրանցից մեկն է. չատում նկարագրում եք ծրագիրը, այն կառուցում է իսկական ամբողջական stack ծրագիր կենդանի նախադիտումով, ավելացնում է տվյալների բազա, երբ ծրագիրը պետք է հիշի բաներ, և հրապարակում է մեկ կտտոցով։ Անվճար պլանը քարտ չի պահանջում։

Քայլ 1. Ընտրեք առաջին նախագիծ, որ կարողանաք ավարտել

Սկսնակները սովորաբար ձախողվում են՝ չափազանց մեծ նպատակ ունենալով։ Լավ առաջին նախագիծը.

• Օգտակար է ձեզ անձամբ, որպեսզի պատշաճ փորձարկեք։
• Տեղավորվում է մեկ կամ երկու էկրանի վրա։
• Պահում է ձեր սեփական փոքր քանակությամբ տվյալներ։
• Չունի վճարումներ, թիմեր և զգայուն անձնական տվյալներ։

Լավ առաջին նախագծեր.

Այս ուղեցույցի մնացած մասում կօգտագործենք ընթերցանության ցուցակը։

Քայլ 2. Գրեք ձեր առաջին հրահանգը

Ձեր առաջին հաղորդագրությունը որոշում է ամեն ինչի ձևը։ Ասեք, թե ում համար է, ինչ է անում և ինչպես պետք է երևա։ Պահեք այն կարճ պարբերությամբ։

Թույլ առաջին հրահանգ.

Կառուցիր ինձ գրքերի ծրագիր։

Լավ առաջին հրահանգ.

Կառուցիր ինձ համար ընթերցանության ցուցակի ծրագիր։ Կարող եմ ավելացնել գիրք՝ վերնագրով, հեղինակով և կարգավիճակով (ուզում եմ կարդալ, կարդում եմ, ավարտել եմ)։ Գրքերը ցույց տուր քարտերով, խմբավորված ըստ կարգավիճակի, նորերը առաջինը։ Կարող եմ փոխել գրքի կարգավիճակը կամ ջնջել այն։ Պահեք մաքուր և պարզ. սպիտակ ֆոն, մեկ շեշտադրող գույն, աշխատում է հեռախոսիս վրա։ Պահիր գրքերը, որ դրանք մնան նույնը թարմացնելուց հետո։

Նկատեք, թե ինչ է անում երկրորդը։ Այն թվարկում է դաշտերը, գործողությունները, դասավորությունը և մեկ կանոն, որ սկսնակները միշտ մոռանում են. պահեք տվյալները, որ դրանք գոյատևեն թարմացումը։ Առանց այդ տողի շատ գործիքներ կառուցում են էջ, որը թվում է պատրաստ, բայց մոռանում է ամեն ինչ վերբեռնելիս։

Ավելի շատ մեկնարկային գաղափարների համար տե՛ս մեր vibe coding-ի հրահանգների թերթիկը։

Խնդրեք պլան, երբ անորոշ եք

Եթե ճշգրիտ չգիտեք, թե ինչպես նկարագրել որևէ բան, խնդրեք AI-ից պլանավորել նախքան կառուցելը.

Նախքան որևէ բան կառուցելը, պարզ բառերով ասա, թե ինչ էկրաններ կստեղծես, ինչ տվյալներ կպահես և ինչ պետք է որոշեմ ես։

Mythex-ում հենց դրա համար է Plan ռեժիմը. գործակալը ներկայացնում է մոտեցումը, և դուք հաստատում եք այն, նախքան որևէ ֆայլ փոխվի։

Քայլ 3. Փորձարկեք որպես օգտատեր, ոչ որպես այն մարդը, ով կառուցել է

Երբ հայտնվում է նախադիտումը, մի պարզապես հիացեք դրանով։ Օգտագործեք այն.

1. Ավելացրեք երեք գիրք, այդ թվում մեկը շատ երկար վերնագրով։
2. Փոխեք կարգավիճակը. արդյոք քարտը տեղափոխվում է ճիշտ խմբում։
3. Թարմացրեք էջը. գրքերը դեռ կա՞ն։
4. Փորձեք ավելացնել գիրք դատարկ վերնագրով. ինչ է լինում։
5. Բացեք նախադիտումը ձեր հեռախոսում կամ նեղացրեք բրաուզերի պատուհանը։

Գրեք պարզ բառերով, թե ինչն է սխալ։ «Երկար վերնագիրը խախտում է քարտի դասավորությունը» հիանալի սխալի հաղորդում է։ «Կոտրված է» չէ։

Քայլ 4. Շտկեք մեկ բան յուրաքանչյուր հաղորդագրությամբ

Սա այն սովորությունն է, որ տարբերում է ավարտողներին հրաժարվողներից։ Ուղարկեք մեկ փոփոխություն, ստուգեք այն, հետո ուղարկեք հաջորդը.

«The Hitchhiker's Guide to the Galaxy: The Complete Trilogy» երկար վերնագիրը դուրս է գալիս քարտից։ Երկար վերնագրերը տեղափոխիր երկու տողի վրա, իսկ մնացածը կտրիր «…» նշանով։

Հետո.

Եթե ձևը ուղարկեմ դատարկ վերնագրով, ոչինչ չի լինում և հաղորդագրություն չկա։ Ցույց տուր «Ավելացրու վերնագիր» դաշտի տակ և մի պահիր գիրքը։

Իսկ ինչու մեկ-մեկ։ Երբ հինգ փոփոխություն եք խնդրում մեկ հաղորդագրությամբ, AI-ը կարող է չորսը լավ անել և լուռ մեկ այլ բան կոտրել, և դուք չեք իմանա, թե որ փոփոխությունն է պատճառը։ Փոքր քայլերը նաև հետ շրջելը օգտակար են դարձնում. եթե մի փոփոխություն սխալ գնա, վերադարձեք դրան նախորդող տարբերակին և փորձեք ավելի պարզ հարցում։

Երբ բան կոտրվի

Կկոտրվի։ Յուրաքանչյուր կառուցող հանդիպում է սխալների։ Պատճենեք ճշգրիտ սխալի տեքստը կամ նկարագրեք, թե ինչի վրա սեղմեցիք և ինչ տեսաք, և տեղադրեք հետ.

Երբ սեղմում եմ Delete քարտի վրա, տեսնում եմ «Something went wrong» և գիրքը մնում է։ Պարզիր, թե ինչու և շտկիր այն։ Ասա, թե ինչն էր պատճառը։

Պատճառ հարցնելը կարևոր է։ Այն սովորեցնում է, թե ինչպես են աշխատում ծրագրերը, և կանխում է, որ AI-ը կռահի։ Մեր ուղեցույցը ինչպես վրիպազերծել AI-ով կառուցված ծրագիրը ավելի խորն է գնում։

Քայլ 5. Դարձրեք այն ձերը

Երբ աշխատում է, բարելավեք այն նույն փոքր քայլերով.

• «Ավելացրու 1–5 աստղի գնահատական, որ երևա ավարտված գրքերի վրա»։
• «Ավելացրու որոնման դաշտ քարտերից վերև, որ ֆիլտրի ըստ վերնագրի կամ հեղինակի»։
• «Օգտագործիր տաք, մոխրագույնի մոտ ֆոն և մուգ կանաչ շեշտադրում»։
• «Ավելացրու հաշվիչ վերևում. այս տարի ավարտված գրքեր»։

Յուրաքանչյուրը մեկ, փորձարկելի փոփոխություն է։

Քայլ 6. Հրապարակեք և կիսվեք

Երբ այն անում է այն, ինչ ձեզ պետք է, հրապարակեք։ Mythex-ում դա մեկ կտտոց է, և ստանում եք հանրային URL, որը կարող եք բացել ցանկացած սարքում կամ ուղարկել ընկերոջը։ Եթե հետագայում ուզում եք ձեր սեփական դոմեյնը, դա Pro գործառույթ է, և մեր ուղեցույցը անհատական դոմեյն միացնելու մասին բացատրում է այն։

Մինչև մի քանի ընկերից ավելի բան կիսելը, կարդացեք արդյո՞ք vibe coding-ն անվտանգ է։ Անձնական ընթերցանության ցուցակի համար ռիսկը ցածր է։ Այն ծրագրի համար, որտեղ անծանոթները գրանցվում են և պահում տվյալներ, կան ստուգումներ, որ նախ պետք է անեք։

Սկսնակների սխալներ, որից խուսափել

• Ամեն ինչ միանգամից խնդրել։ «Կառուցիր ինձ Goodreads» հրահանգը արտադրում է բան, որը տպավորիչ է թվում և վատ է աշխատում։ Սկսեք ամենափոքր օգտակար տարբերակից։
• Չփորձարկել թարմացումը։ Տվյալները, որոնք անհետանում են վերբեռնելիս, սկսնակների ամենատարածված անակնկալն է։
• Ամեն անգամ նորից գրել հրահանգը սկզբից։ Ասեք, թե ինչ փոխել և ինչ պահել. «Պահիր դասավորությունը, փոխիր միայն գույները»։
• Վստահել «դա շտկված է»-ին։ AI-ը հաճախ կասի, որ սխալը շտկված է։ Ամեն անգամ ինքներդ ստուգեք։
• Գաղտնաբառեր կամ API բանալիներ չատում տեղադրել։ Եթե ձեր ծրագիրը արտաքին ծառայության բանալի է պետք, դրեք այն գործիքի գաղտնիքների կարգավորումներում, երբեք հաղորդագրության կամ կոդի մեջ։ Տե՛ս ինչպես պահել API բանալիները անվտանգ։
• Առաջին սխալից հետո հրաժարվել։ Սխալները նորմալ են։ Տեղադրեք դրանք հետ և խնդրեք պատճառը։

Ինչ սովորել ճանապարհին

Դասընթաց պետք չէ, բայց մի քանի գաղափար յուրաքանչյուր հարցումը ավելի սուր կդարձնի։ Խնդրեք AI-ին բացատրել դրանք ձեր սեփական ծրագրի համատեքստում.

• Frontend և backend. Ինչ է աշխատում այցելուի բրաուզերում և ինչ՝ սերվերի վրա։ (Frontend և backend)
• Տվյալների բազա. որտեղ է ձեր ծրագիրը պահում իր տվյալները։ (Ինչ է տվյալների բազան)
• Մուտք (authentication). ինչպես է ծրագիրը իմանում, թե ով է ինչ-որ մեկը։
• Գաղտնիքներ. մասնավոր բանալիներ, որոնք ծրագիրը օգտագործում է և որոնք այցելուները երբեք չպետք է տեսնեն։

Այս համար լավ հրահանգ. «Բացատրիր, թե ինչպես է իմ ընթերցանության ցուցակը պահում գիրք՝ սեղմելուց Add-ից մինչև տվյալների պահպանում։ Օգտագործիր պարզ բառեր և հղիր իրական ֆայլերին»։

Ձեր երկրորդ և երրորդ նախագծերը

Առաջին ծրագրից հետո ընտրեք մի քայլ ավելի դժվար բան։ Սովորությունների հետևող շաբաթական գծապատկերով։ Ամրագրման ձև, որը էլ. նամակ է ուղարկում ձեզ։ Փոքր վահանակ, որը կարդում է Google Sheet-ից։ Մեր vibe coding-ի օրինակները ցույց են տալիս իրական ծրագրերի տեսակներ՝ հրահանգներով և այն, ինչ սխալվեց, իսկ ինչպես կառուցել ծրագիր vibe coding-ով տանում է ավելի մեծ նախագիծ գաղափարից մինչև հրապարակված ծրագիր օգտատերերով։

Պատրաստ լինելու դեպքում բացեք AI ծրագրի կառուցողը, տեղադրեք վերևի ընթերցանության ցուցակի հրահանգը և փոխեք այն ձեր գաղափարով։

Հարցեր