Вайб кодинг бастаушылар үшін: қадамдап қалай бастау керек

Бастаушылар үшін вайб кодинг бес қадамға бөлінеді: сізге қосымшаны өзі іске қосатын құралды таңдаңыз, бір шағын қосымшаны қарапайым сөзбен сипаттаңыз, оны пайдаланушы сияқты сынаңыз, бір уақытта бір түзетуді сұраңыз және жұмыс істегенде жариялаңыз. Кодтай білу қажет емес. Бұл оқулық әр қадамды нақты алғашқы жобамен, теруге арналған нақты промпттармен және әр бастаушының алғашқы аптасында жасайтын қателермен түсіндіреді.

Алдымен фонды білгіңіз келсе — термин қайдан шыққанын және неге адамдар оны талқылайтынын — вайб кодинг дегеніміз не деген мақаламен танысыңыз. Бұл бет — практикалық бөлік.

Бастамас бұрын не керек

Ойлағаннан аз:

• Браузер және аккаунт вайб кодинг құралында. Бастаушылар кодты жазып, іске қосып, хостингтейтін AI қосымша құрастырушысын таңдауы керек, файлдар мен серверлерді өзі басқаруды күтетін кодтау көмекшісін емес.
• Бір шағын идея. Стартапыңыз емес. Тек сізге арналған, бір-екі экраны бар құрал.
• Бір-екі сағат үзіліссіз. Алғашқы сессия ырғағты үйретеді.

Барлығы осы. Орнату жоқ, бағдарламалау курсы жоқ, терминал жоқ.

Бастаушы ретінде қай құралды таңдау керек

Құрал әдеттерден гөрі аз маңызды, бірақ ол үш нәрсені істеуі керек: құрастыру кезінде тірі алдын ала қарауды көрсету, жаман өзгерісті қайтаруға мүмкіндік беру және бөлісуге болатын сілтемеге жариялау. Негізгі нұсқаларды шынайы салыстыратын ең жақсы вайб кодинг құралдары мақаласы бар. Mythex сол нұсқалардың бірі: қосымшаны чатта сипаттайсыз, ол толық стектегі нақты қосымша құрастырады, қосымшаға нәрсені есте сақтау керек болғанда дерекқор қосады және бір басумен жариялайды. Тегін жоспар карта талап етпейді.

Қадам 1: Аяқтай алатын бірінші жобаңызды таңдаңыз

Бастаушылар әдетте тым үлкен мақсат қойғандықтан жеңіледі. Жақсы бірінші жоба:

• Сізге жеке пайдалы, сондықтан оны мұқият сынайсыз.
• Бір-екі экранға сыяды.
• Сіздің аз мөлшердегі деректеріңізді сақтайды.
• Төлемдері, командалары және құпия жеке деректері жоқ.

Жақсы бірінші жобалар:

Осы оқулықтың қалған бөлігінде оқу тізімін қолданамыз.

Қадам 2: Алғашқы промптыңызды жазыңыз

Алғашқы хабарламаңыз бәрінің пішінін белгілейді. Бұл кімге арналғанын, не істейтінін және қалай көріну керегін айтыңыз. Қысқа абзацпен шектеңіз.

Әлсіз алғашқы промпт:

Маған кітап қосымшасын жасап бер.

Жақсы алғашқы промпт:

Мен үшін оқу тізімі қосымшасын құрастырыңыз. Кітапты атауы, авторы және күйімен қоса аламын (оқуды жоспарлаймын, оқып жатырмын, оқып бітірдім). Кітаптар күй бойынша топтастырылған карточкалар ретінде көрсетілсін, ең жаңасы бірінші. Күйін өзгертуге немесе өшіруге болады. Таза және қарапайым ұстаңыз: ақ фон, бір акцент түсі, телефоныма сай жұмыс істейтін. Беттерді жаңартқаннан кейін де кітаптар сақталып қалсын.

Екінші промпттың не істейтінін байқаңыз. Ол өрістерді, әрекеттерді, макетті және бастаушылар әрқашан ұмытатын бір ережені тізеді: деректі сақтаңыз, сонда бет жаңартылғаннан кейін жоғалмайды. Бұл жолсыз көптеген құралдар аяқталған сияқты көрінетін, бірақ жаңартқанда бәрін ұмытатын бет жасайды.

Басқа бастау нұсқалары үшін вайб кодинг промпттар парағын қараңыз.

Сенімсіз болсаңыз, жоспар сұраңыз

Егер нәрсені қалай сипаттауды білмесеңіз, AI құрастырмас бұрын жоспар жасауын сұраңыз:

Ештеңе құрастырмас бұрын, қандай экрандар жасайтыныңызды, қандай деректерді сақтайтыныңызды және мен шешуім керек нәрселерді қарапайым сөзбен айтыңыз.

Mythex-те бұл үшін Жоспар режимі бар: агент тәсілді сипаттайды, ал файлдар өзгермес бұрын сіз мақұлдайсыз.

Қадам 3: Оны құрастырушы емес, пайдаланушы ретінде сынаңыз

Алдын ала қарау пайда болғанда, оған тек қараумен шектелмеңіз. Оны пайдаланыңыз:

1. Үш кітап қосыңыз, соның бірі өте ұзын атаулы болсын.
2. Күйді өзгертіңіз. Карточка дұрыс топқа көшті ме?
3. Бетті жаңартыңыз. Кітаптар әлі бар ма?
4. Бос атаумен кітап қосуға тырысыңыз. Не болады?
5. Алдын ала қарауды телефонда ашыңыз немесе браузер терезесін тарылтыңыз.

Қате туралы қарапайым сөзбен жазыңыз. «Ұзын атау карточканы бұзады» — тамаша қате туралы хабарлама. «Бұзылған» деген — жоқ.

Қадам 4: Бір хабарламада бір түзету

Осы әдет аяқтайтындарды беретіндерден ажыратады. Бір өзгеріс жіберіңіз, тексеріңіз, содан кейін келесісін жіберіңіз.

Ұзын атау «The Hitchhiker's Guide to the Galaxy: The Complete Trilogy» карточканың шетінен шығып кетеді. Ұзын атауларды екі жолға бөліңіз, қалғанын «…» белгісімен қысқартыңыз.

Содан кейін:

Бос атаумен форманы жіберсем, ештеңе болмайды және хабарлама жоқ. Өріс астында «Атауын жазыңыз» деп көрсетіңіз және кітапты сақтамаңыз.

Неге бірден бір? Бір хабарламада бес өзгеріс сұрасаңыз, AI төртеуін жақсы жасауы мүмкін, ал біреуі ештеңені бұзуы мүмкін, және қайсысы себеп болғанын білмейсіз. Шағын қадамдар кері қайтаруды да пайдалы етеді: бір өзгеріс дұрыс болмаса, соған дейінгі нұсқаға оралып, нақтырақ сұрау жіберіңіз.

Қате шыққанда

Ол шығады. Барлық құрастырушылар қателерге тап болады. Қатенің дәл мәтінін көшіріңіз немесе нені басқаныңызды және не көргеніңізді сипаттап, қайта жіберіңіз:

Карточкадағы Delete түймесін басқанда «Бірдеңе дұрыс болмады» деген хабарлама шығады, ал кітап қалады. Себебін табыңыз және түзетіңіз. Себебі не екенін айтыңыз.

Себебін сұрау маңызды. Ол сізге қосымшалардың қалай жұмыс істейтінін үйретеді және AI-ды болжаудан сақтайды. AI арқылы құрастырылған қосымшаның қатесін қалай түзету керек нұсқаулығы тереңірек түсіндіреді.

Қадам 5: Оны өзіңізге бейімдеңіз

Жұмыс істегеннен кейін оны дәл сол шағын қадамдармен жақсартыңыз:

• «Аяқталған кітаптарда көрінетін 1–5 жұлдызды рейтинг қосыңыз.»
• «Карточкалардың үстіне атауы немесе авторы бойынша сүзетін іздеу өрісін қосыңыз.»
• «Жылы сүт түсті фонды және қою жасыл акцентті пайдаланыңыз.»
• «Жоғарыға санауыш қосыңыз: осы жылы аяқталған кітаптар.»

Әрқайсысы — бір-бірлеп тексерілетін бір өзгеріс.

Қадам 6: Жариялаңыз және бөлісіңіз

Керегін атқарған кезде жариялаңыз. Mythex-те бұл бір басу, және кез келген құрылғыда ашуға немесе досыңызға жіберуге болатын ашық URL аласыз. Егер кейін өз доменіңіз керек болса, бұл Pro мүмкіндігі, ал теңшелген доменді қосу нұсқаулығы түсіндіреді.

Бірнеше досыңыздан тысқа ештеңе бөліспес бұрын, вайб кодинг қауіпсіз бе? деген мақаланы оқыңыз. Жеке оқу тізімі үшін тәуекел төмен. Ал адамдар тіркеліп, деректерін сақтайтын қосымша үшін алдын ала тексеру қажет.

Бастаушылар жіберетін қателер

• Бәрін бірден сұрау. «Маған Goodreads жасап бер» — әсерлі көрінетін, бірақ нашар жұмыс істейтін нәрсе шығарады. Ең аз пайдалы нұсқадан бастаңыз.
• Жаңарту сынауын өткізбеу. Бетті жаңартқанда жоғалатын деректер — бастаушылардың ең жиі таңқалдыратын жері.
• Сұрауды әр жолы бастан жазу. Нені өзгерту және нені сақтау керектігін айтыңыз: «Макетті сақтаңыз, тек түстерді өзгертіңіз».
• «Түзетілді» дегеніне сену. AI көбіне қатенің түзетілгенін айтады. Әр жолы өзіңіз тексеріңіз.
• Чатқа құпия сөздерді немесе API кілттерін қою. Қосымшаңызға сыртқы қызметке кілт керек болса, оны құралдың құпиялар баптауларына қойыңыз, хабарламаға немесе кодқа емес. API кілттерін қалай қауіпсіз ұстау керек деген мақала бар.
• Алғашқы қатеден кейін тастау. Қателер қалыпты. Оларды қайта қойып, себебін сұраңыз.

Жүре отырып үйренетін нәрселер

Курс қажет емес, бірақ бірнеше идея әр сұрауды анығырақ етеді. Оларды өз қосымшаңыз контекстінде түсіндіруін сұраңыз:

• Фронтенд және бэкенд: не визитордың браузерінде, не серверде жұмыс істейтіні. (Фронтенд және бэкенд)
• Дерекқор: қосымша деректерін қайда сақтайды. (Дерекқор дегеніміз не?)
• Аутентификация: қосымша кім екенін қалай біледі.
• Құпиялар: қосымша пайдаланатын, визиторлар ешқашан көрмеуі тиіс жеке кілттер.

Осыған жақсы промпт: «Оқу тізімім кітапты «Қосу» түймесін басқаннан бастап, деректің сақталуына дейін қалай сақтайтынын түсіндір. Қарапайым сөзбен жаз және нақты файлдарға сілтеме жаса.»

Екінші және үшінші жобаларыңыз

Алғашқы қосымшадан кейін бір қадам қиынырағын таңдаңыз. Апталық диаграммасы бар әдет трекері. Хабарлама жіберетін брондау формасы. Google Sheets-тен оқитын шағын дашборд. Біздің вайб кодинг мысалдары нақты қосымша түрлерін және олардың промпттарын көрсетеді, ал вайб кодинг көмегімен қосымша құрастыру үлкенірек жобаны идеядан пайдаланушылары бар жарияланған қосымшаға дейін жеткізеді.

Бастауға дайын болғанда, AI құрастырушысын ашыңыз, жоғарыдағы оқу тізімі промптын қойыңыз және оны өз идеяңызға өзгертіңіз.

Сұрақтар