Эхлэгчдэд зориулсан vibe coding: яаж эхлэх вэ, алхам алхмаар

Эхлэгчдэд зориулсан vibe coding таван алхамд хураагдана: app-ийг танд ажиллуулдаг хэрэгсэл сонгох, нэг жижиг app-ийг энгийн үгээр тайлбарлах, хэрэглэгчийн адил туршиж үзэх, нэг удаад нэг засвар хүсэх, ажилласан үед publish хийх. Та код бичиж мэдэх шаардлагагүй. Энэ заавар нь бодит анхны төсөл, бичих яг prompt-ууд, эхний долоо хоногт ихэнх эхлэгчдийн гаргадаг алдааг алхам бүрээр авч үзнэ.

Эхлээд ойлголтыг хүсвэл vibe coding гэж юу вэ гэдгийг уншаарай: нэр хаанаас гарсан, яагаад маргаан дагуулдагийг тайлбарласан. Энэ хуудас бол практик тал юм.

Эхлэхээсээ өмнө юу хэрэгтэй вэ

Бодсоноосоо бага:

• Браузер болон vibe coding хэрэгслийн данс. Эхлэгчид кодыг өөрөө бичиж, ажиллуулж, хостолдог AI app builder-ийг сонгох ёстой. Харин файл, сервер өөрөө удирдахыг хүлээдэг coding assistant-аас илүү.
• Нэг жижиг санаа. Таны стартап биш. Нэг хүнд (танд) зориулсан, нэг эсвэл хоёр дэлгэцтэй хэрэгсэл.
• Нэг, хоёр цаг тасалдалгүйгээр. Анхны сесс танд ритмийг заана.

Энэ л бүх юм. Суулгалт, программчлалын курс, терминал шаардлагагүй.

Эхлэгчид ямар хэрэгсэл сонгох вэ

Хэрэгсэл нь зуршлаас бага чухал боловч гурван зүйлийг хийх ёстой: бүтээх явцдаа шууд урьдчилан харах, муу өөрчлөлтийг буцаах, хуваалцах линк рүү publish хийх. Бидний хамгийн сайн vibe coding хэрэгслүүдийн харьцуулалт гол сонголтуудыг шударгаар тайлбарласан. Mythex бол тэдгээрийн нэг: чатад app-аа тайлбарлана, энэ нь бодит бүрэн stack-тай app бүтээж, шууд урьдчилан харах боломжтой, app-д санах зүйл хэрэгтэй үед мэдээллийн сан нэмж, нэг товшилтоор publish хийдэг. Үнэгүй багцад карт хэрэггүй.

Алхам 1: Дуусгах боломжтой анхны төслөө сонго

Эхлэгчид ихэвчлэн хэт том зорилго тавьснаас бүтэлгүйтдэг. Сайн анхны төсөл нь:

• Танд өөрт хэрэгтэй тул сайн туршина.
• Нэг эсвэл хоёр дэлгэцэнд багтана.
• Таны өөрийн бага хэмжээний өгөгдлийг хадгална.
• Төлбөр, олон хэрэглэгч, мэдрэмтгий хувийн мэдээлэлгүй.

Сайн анхны төслүүд:

Энэ зааврын үлдсэн хэсэгт бид номын жагсаалтыг ашиглана.

Алхам 2: Эхний prompt-ээ бич

Таны эхний мессеж бүх зүйлийн хэлбэрийг тогтооно. Энэ нь хэнд зориулсан, юу хийдэг, ямар харагдахыг хэлнэ. Богино догол мөрөнд багтаа.

Сул эхний prompt:

Надад ном хийдэг app хий.

Сайн эхний prompt:

Надад зориулсан номын жагсаалтын app бүтээ. Би ном нэмж болно: гарчиг, зохиолч, төлөв (уншина, уншиж байна, уншсан). Номуудыг төлвөөр нь бүлэглэн, шинэ нь эхэнд байхаар карт хэлбэрээр харуул. Номын төлвийг солих эсвэл устгах боломжтой байх. Энгийн, цэвэр байлга: цагаан дэвсгэр, нэг өнгөт онцолгоо, утсан дээр ажиллах. Хуудсыг дахин ачаалахад номууд үлдэх ёстой.

Хоёр дахь нь юу хийсийг анзаарах хэрэгтэй. Энэ нь талбаруудыг, үйлдлүүдийг, layout-ийг, нэг дүрмийг жагсаасан. Эхлэгчид үргэлж мартдаг дүрэм нь өгөгдлөө хадгалж, дахин ачаалахаас амьд үлдэх явдал юм. Энэ мөргүйгээр олон хэрэгсэл гадаад харагдах нь дууссан хуудас бүтээдэг боловч дахин ачаалахад бүгдийг мартдаг.

Илүү эхлэлийн санаа хэрэгтэй бол vibe coding prompt-ийн товч лавлах байгаа.

Тодорхойгүй үед төлөвлөгөө гуйх

Хэрэв танд зүйлийг яаж дүрслэхээ мэдэхгүй бол бүтээхээсээ өмнө AI-аас төлөвлөхийг хүс:

Юу ч бүтээхээсээ өмнө надад энгийн үгээр хэлээрэй: ямар дэлгэц хийх, ямар мэдээлэл хадгалах, надаас шийдүүлэх зүйл байгаа эсэх.

Mythex-д энэ нь Plan горимын үүрэг: agent арга замаа тайлбарлаж, та зөвшөөрсний дараа л файл өөрчлөгдөнө.

Алхам 3: Хэрэглэгч шиг туршаарай, бүтээгч шиг биш

Урьдчилан харах гарч ирэхэд зүгээр л биширч бүү сууг. Ашиглаарай:

1. Гурван ном нэм, нэг нь маш урт гарчигтай байг.
2. Төлөв солиорой. Карт зөв бүлэгт шилжих үү?
3. Хуудсыг дахин ачаал. Номууд үлдсэн үү?
4. Хоосон гарчигтай ном нэмэхээр оролдоорой. Юу болох вэ?
5. Урьдчилан харахыг утсан дээрээ нээ эсвэл браузерийн цонхыг нарийсга.

Буруу зүйлээ энгийн үгээр бичиж тэмдэглээрэй. "Урт гарчиг карт layout-ийг эвдэж байна" гэдэг нь төгс алдааны тайлан юм. "Энэ эвдэрсэн" гэдэг нь тийм биш.

Алхам 4: Нэг мессеж бүр дээр нэг зүйл засаарай

Энэ бол дуусгадаг хүмүүсийг орхидог хүмүүсээс ялгадаг зуршил юм. Нэг өөрчлөлт илгээж, шалгаад, дараагийнхыг илгээ.

Урт "Галактикийн тухай хичээл: Бүрэн гурвалсан" гэсэн гарчиг карт дээрээс хэтэрч байна. Урт гарчгийг хоёр мөр болгон таслаж, үлдсэнийг "…" тэмдэгтээр тасалж үз.

Дараа нь:

Хоосон гарчигтай маягтыг илгээвэл юу ч болохгүй, ямар ч мессеж гарахгүй байна. Талбарын доор "Гарчиг нэмнэ үү" гэж харуулж, номыг хадгалахгүй бай.

Яагаад нэг удаад нэг? Та нэг мессежээр таван засвар хүсвэл AI дөрвийг нь сайн хийж, нэг нь бусад зүйлийг эвдэж магадгүй, та аль өөрчлөлт эвдсэнийг мэдэхгүй. Жижиг алхмууд буцаах боломжийг бас илүү хэрэгтэй болгодог: нэг өөрчлөлт буруу болбол өмнөх хувилбар руу буцаагаад илүү тодорхой хүсэлт илгээ.

Юу эвдэрвэл

Эвдэрнэ. Бүх builder алдаанд тулгардаг. Яг алдааны текстийг хуулж эсвэл яг юу дарж, юу харсаныг нь тайлбарлаад буцааж наа:

Картын Устгах дээр дарахад "Алдаа гарлаа" гэж гарч, ном үлдсэн байна. Шалтгааныг нь олж засаад, шалтгаан нь юу байснаа надад хэл.

Шалтгаан асуух нь чухал. Энэ нь апп хэрхэн ажилладагийг заадаг бөгөөд AI таамаглахаас сэргийлдэг. Илүү гүнзгий мэдлэгт AI-аар бүтээсэн app-ийн алдааг яаж дебаг хийх вэ гарын авлагыг харна уу.

Алхам 5: Өөрийнхөөрөө болго

Ажиллаж эхэлмэгц ижил жижиг алхмаар сайжруул:

• "Дууссан номонд харагдах 1–5 одны үнэлгээ нэм."
• "Картуудын дээр гарчиг эсвэл зохиолчоор шүүдэг хайлтын хайрцаг нэм."
• "Бүдүүн шар өнгийн дэвсгэр, гүн ногоон онцолгоо ашигла."
• "Дээд талд тоологч нэм: энэ жил уншсан ном."

Тус бүр нь нэг, шалгаж болох өөрчлөлт юм.

Алхам 6: Publish хийж хуваалцаарай

Хэрэгтэйгээрээ ажиллаж эхлэхэд publish хийгээрэй. Mythex дээр энэ нь нэг товшилт бөгөөд аль ч төхөөрөмж дээр нээж эсвэл найздаа явуулах нийтийн URL авна. Дараа нь өөрийн domain хүсвэл энэ бол Pro боломж, мөн custom domain холбох гарын авлага үүнийг тайлбарлана.

хэдэн найзаас цааш хэн нэгэнд хуваалцахынхаа өмнө vibe coding аюулгүй юу гэдгийг уншаарай. Хувийн номын жагсаалтын эрсдэл бага. Харин хүмүүс бүртгүүлж, мэдээлэл хадгалдаг app-д урьдчилан шалгах зүйлс байна.

Эхлэгчдийн гаргадаг алдаанууд

• Бүгдийг нэг дор хүсэх. "Надад Goodreads бүтээ" гэвэл гайхалтай харагдах, гэхдээ муу ажилладаг зүйл гарна. Хамгийн бага хэрэгтэй хувилбараас эхэл.
• Дахин ачаалах туршилт хийхгүй байх. Дахин ачаалахад алга болдог өгөгдөл бол эхлэгчдийн хамгийн түгээмэл гайхшрал юм.
• Хүсэлтээ бүр дахин эхнээс бичих. Юуг өөрчлөх, юуг хадгалахаа хэл: "Layout-ийг хадгал, зөвхөн өнгийг солиорой."
• "Засагдлаа" гэдэгт итгэх. AI ихэвчлэн алдааг засагдсан гэж хэлдэг. Өөрөө шалга.
• Чатад нууц үг эсвэл API түлхүүр наах. Хэрэв app-д гадны үйлчилгээний түлхүүр хэрэгтэй бол түүнийг хэрэгслийн нууцын тохиргоонд хийгээрэй, мессеж эсвэл кодонд бүү хий. API түлхүүрээ хэрхэн хамгаалах вэ үзнэ үү.
• Эхний алдааны дараа орхих. Алдаа бол хэвийн. Текстийг нь буцааж наагаад шалтгааныг нь асуу.

Явцдаа юу сурах вэ

Та курс хэрэггүй, гэхдээ хэдэн санаа бүр хүсэлтээ илүү хурц болгоно. Эдгээрийг өөрийн app дээрээ тайлбарлуулаарай:

• Frontend ба backend: хэрэглэгчийн браузерт юу ажиллаж, серверт юу ажилладаг. (Frontend ба backend)
• Мэдээллийн сан: app өгөгдлөө хаана хадгалдаг. (Мэдээллийн сан гэж юу вэ?)
• Нэвтрэлт: app хэн бэ гэдгийг хэрхэн мэддэг.
• Нууцууд: app ашигладаг, зочдод харагдах ёсгүй хувийн түлхүүрүүд.

Үүний тулд сайн prompt: "Номной жагсаалт яаж ном хадгалдагийг Нэмэх дарснаас эхлээд өгөгдөл хадгалагдах хүртэл тайлбарла. Энгийн үгээр, бодит файлуудыг дурдаад тайлбарла."

Таны хоёр, гурав дахь төсөл

Анхны app-ийн дараа нэг алхам хэцүү зүйл сонго. Долоо хоногийн график бүхий зуршлын трекер. Имэйлээр мэдэгдэх захиалгын маягт. Google Sheet-ээс унших жижиг dashboard. Бидний vibe coding жишээнүүд бодит app төрлүүдийг, тэдгээрийн ард байгаа prompt-уудыг, юу буруу болсныг харуулсан; vibe coding-оор app бүтээх хуудас илүү том төслийг санаанаас хэрэглэгчидтэй нийтлэгдсэн app хүртэл дагуулдаг.

Эхлэхэд бэлэн болмогц AI app builder нээж, дээрх номын жагсаалтын prompt-оо наагаад өөрийн санаатай тохируулж солиорой.

Асуултууд