Veb hazırlanmaDƏRC OLUNUB YENİLƏNİB 4 DƏQ OXUNUŞ

Bir günə vibe coding ilə sayt qurdum

Bir günə vibe coding ilə tam işləyən sayt qurmaq mümkündür - Duskroom bunun sübutudur: təsadüfi ideyadan taymeri, qeydləri və səs mikşeri olan işlək otaqlara qədər bir istirahət günü, təxminən altı-yeddi saat. İşləyən şey ardıcıllıq oldu: əvvəl spesifikasiya, sonra dizayn, kod isə ən sonda. O günün iki saatı Claude Design-da dizayna getdi, qalanı isə Claude Code sessiyasına - və o sessiya yalnız ona görə rahat keçdi ki, mühit ilk funksiya promptundan əvvəl qurulmuşdu: AGENTS.md, CLAUDE.md və copilot-instructions.md eyni skill dəstinə baxır, ümumilikdə təxminən 42 fayl. Çətin hissə kod deyildi. Çətin hissə fon videoları oldu - daha iki-üç gün, çünki bu, məndə olmayan yeganə bacarıq idi.

TL;DR

  • Duskroom - sonsuz fon videosunun üzərində taymer, qeydlər və hər səs üçün ayrıca mikşer olan otaqlar - bir günə, təxminən altı-yeddi saata quruldu.
  • Gün yalnız ardıcıllığa görə alındı: məhsul sualları, sonra referanslar, sonra Claude Design-da dizayn, sonra qurulmuş Claude Code mühiti, ən sonda funksiyalar. İlk funksiya promptuna qədər təxminən 42 fayla toxunuldu.
  • Videolar daha iki-üç gün apardı. Vibe coding artıq bacardığım hər şeyi sıxdı, bacarmadığım heç nəyi sıxmadı.

Niyə artıq açıq YouTube tabı ilə işləmirəm

Sakitlikdə diqqətimi cəmləyə bilmirəm. Sükut başımı boşaltmır, əksinə, qarşımdakı işə heç bir aidiyyatı olmayan fikirlərlə doldurur. Fon səsi bunu həll edir və illərlə bu həll bir YouTube tabı idi: yağış, pəncərə, kifayət qədər uzun sürən və varlığını unutduğun bir loop.

Ondan nəsə tələb etdiyin ana qədər işləyir. Mən pomodoro bloklarıyla işləyirəm, deməli taymer lazımdır - YouTube-da yoxdur. İş vaxtı qeyd götürürəm, deməli onlara videonun üstündə ikinci pəncərə deyil, öz yeri lazımdır. Miks isə heç vaxt düzgün olmur: yağış qalan hər şeyin fonunda çox ucadır, bir səsi ayrıca azaltmaq isə mümkün deyil.

Ona görə Duskroom otaqlardan ibarətdir. Birini seçirsən və orada qalırsan. Hər otaqda iki rejimli taymer var - saat və fokus taymeri, - qeydlər və hər səs üçün ayrıca mikşer. Fon videosu sonsuz fırlanır, ona görə qırxıncı dəqiqədə səni heç nə kəsmir. Hər otaq tam ekrana açılır və əsas məsələ də budur: bütün günü kompüter arxasında oturan tanışlarımın çoxunda ikinci monitor boş dayanır. Mənimkində Reading Room açıqdır.

Vibe coding-ə spesifikasiya lazımdırmı?

Bəli, və bu, bütün günün ən ucuz saatıdır. Hər hansı aləti açmazdan əvvəl üç suala yazılı cavab verdim: bundan kim istifadə edəcək, bu, real olaraq kimə faydalıdır və belə bir xidmət artıq mövcud olsaydı, özüm ondan istifadə edərdimmi.

Üçüncüsü filtrdir. Hələ heç kimin qurmadığı məhsul haqqında dürüst olmaq asandır. Üç sual üç olaraq qalmadı - onlardan uzun bir dəqiqləşdirici suallar siyahısı çıxdı və məhsulu formalaşdıran da o siyahıya verilən cavablar oldu. Otaqlar, taymerin iki rejimi, hər səs üçün mikşer, ikinci monitor üçün tam ekran - bunların heç biri funksiya beyin fırtınasından gəlmədi. Öz uğursuz axşamımı kifayət qədər detallı təsvir etməkdən gəldi, o qədər ki, funksiyalar artıq göz qabağında idi.

Məsləhət kiçik və darıxdırıcıdır. Spesifikasiyanı ideya hələ isti ikən yaz, çünki bu, heç nə qurmadan bir saat sərf etməyə razı olduğun yeganə andır. Sonra model gedib sənin diqqətlə oxumadığın 200 sətir yazanda, o sətirlərin ümumiyyətlə məhsulda yeri olub-olmadığını sənə spesifikasiya deyəcək.

Mövcud olmayan bir şey üçün referansı haradan tapırsan?

Əvvəlcə açıq-aydın yerlərə baxdım: YouTube kanalları, forumlar, oxşar iş görən saytlar. Landing üçün bu işə yaradı və landing-i birbaşa tapdıqlarımdan formalaşdırdım. Otaqlar üçün isə alınmadı. Götürüb uyğunlaşdıra biləcəyim qədər yaxın heç nə yox idi - bu ya pis əlamətdir, ya da qurmaq üçün səbəb. Mən ikincisini seçdim.

Sonra dizayn, Claude Design-da. Burada insanların süni intellekt alətlərində ən çox səhv etdiyi şeyi açıq deyim: dəyişən model deyil, sənin promptundur. İndi mövcud olan ən güclü agentə belə dumanlı, strukturlaşdırılmamış prompt versən, bir dəqiqədən sonra unudacağın nəsə alacaqsan. Zövq promptda yaşayır: hansı referansları adlandırırsan, hansı əhvalı təsvir edirsən, hansı məhdudiyyətləri qoyursan, nədən açıq şəkildə imtina edirsən. Promptu strukturlaşdır - modelin də yaxşı olacağı bir şey olsun.

Bütün saytın dizaynı ilk bir neçə saatda hazır oldu. Eskiz yox. Sonra kod yazdığım real vizual istiqamət.

İlk funksiyadan əvvəl toxunduğum 42 fayl

Claude Code sessiyası funksiya ilə başlamadı. Mühitlə başladı: skill-lər, təlimatlar, promptlar, layihə konteksti. Quraşdırma bitəndə təxminən 42 fayl yaradılmış və ya yenilənmişdi.

Məsələnin özəyi budur ki, AGENTS.md, CLAUDE.mdcopilot-instructions.md eyni layihəni təsvir etməlidir. Mən Claude və Copilot-u yan-yana işlədirəm və hər biri qaydaların öz şəxsi versiyasını oxuyursa, günü kod bazan haqqında fərqli fikirdə olan iki köməkçi arasında hakimlik edərək keçirirsən. Bir həqiqət mənbəyi, hamısı ona istinad edir. Layihəni hər sessiyada yenidən izah etmək əvəzinə bu ümumi təlimatlara vaxt qoymaq - AI-dan düzgün istifadə üçün öyrəndiyim 4 qayda arasındadır.

Bu hissəni ona görə ötürürlər ki, görünən heç nə vermir. Sonrakı kod sessiyasının hadisəsiz keçməsinin səbəbi də elə budur. Spesifikasiya yazılıb, dizayn qərarlaşıb, təlimat faylları yerindədir - model mənim niyyətimi təxmin etmirdi, artıq mövcud olan planı icra edirdi. Rahat sessiya modelin xüsusiyyəti deyil. Sessiyadan əvvəl etdiklərinin xüsusiyyətidir.

İdeyadan işlək otaqlara altı saat

Plan iki istirahət günü idi. Birini şəxsi işlər apardı, ona görə bütün quruluşa bir gün qaldı - təxminən altı-yeddi saat. Bu məhdudiyyət layihəyə əlavə bir günün verəcəyindən çoxunu verdi.

O günün içində kod yazmaq ən sakit hissə oldu. Ağır yükü markdown faylları və plan daşıyırdı, ona görə sessiya əsasən mənim çıxışı oxumağıma və istiqaməti təsdiqləməyimə çevrildi, məhsulu onuncu dəfə izah etməyimə yox. Otaqlar, taymerin hər iki rejimi, qeydlər, mikşer, tam ekran rejimi - hamısı bir günə yerləşdi.

Bir günlük quruluşun dürüst forması budur: bu, artıq qurmağı bildiyin hər şeyin üzərində bir günlük iş deməkdir. Stek tanış, dizayn qərarlaşmış, mühit qurulmuş. O gündə heç nə məndən öyrənmək tələb etmirdi. Növbəti hissə tələb etdi.

Videolar bütün saytdan çox vaxt apardı

Divar otaqları doldurmaq oldu. Duskroom-a fon videoları lazımdır, video isə heç vaxt işləmədiyim bir sahə idi. Hansı alətlərin sınamağa dəyər olduğunu, onlardan necə istifadə edəcəyimi və iki saat işinin arxasında dövr etməsini həqiqətən istəyəcəyin nəticəni verən promptu necə yazacağımı bilmirdim.

Bunda funksional olmaq iki-üç gün apardı və bu təcrübəni ayrıca yazdım: İlk dəfə video üçün süni intellekt sınadım. Nə alındı. Sonda yayımlamağa razı olduğum üç video vardı.

Üç videoya üç gün, işlək məhsula isə bir gün. Bu nisbət bu quruluşun əsl dərsidir və "vibe coding" ifadəsinin adətən nəzərdə tutduğu dərs deyil. Süni intellekt işi aradan qaldırmadı. Artıq yüz dəfə etdiyim işi aradan qaldırdı və bundan sonra ayaqda qalan yeganə şey tanış olmayan iş oldu - və indi bütün layihə elə o idi.

Bir günlük vibe coding nə verir və nəyə başa gəlir

Nə verir

Nəyə başa gəlir

İdeya hələ isti ikən işlək məhsul

Öz defolt seçimlərini yayımlayırsan - tanış stek, tanış patternlər, sıfır kəşfiyyat

Dizayn həftələrlə tab yığmaqla yox, saatlarla qərarlaşır

Dizayn yalnız prompt qədər yaxşıdır, tənbəl prompt isə dərhal görünür

Sürtünməsiz kod sessiyası

Sürtünmə əvvələ, spesifikasiya və konfiqurasiyaya köçdü və o, seçim deyil

Bu işi davam etdirməyə dəyər olduğunun sübutu

Heç vaxt etmədiyin hər şey yenə də öz günlərini alacaq

Quraşdırma xərci sətrinə ən çox məhəl qoyulmur və ötürüləndə ən bərk səslə sınan da odur. Spesifikasiyanı ötür - kimsənin istəmədiyi funksiyaları alarsan. Təlimat fayllarını ötür - sessiyanı hansı layihədə olduğunu daim unudan modelə eyni şeyi təkrarlamaqla keçirərsən.

Duskroom işləyir və mən özüm demək olar hər iş günü ondan istifadə edirəm. Hələ boş qalan otaqlar kodu yox, videonu gözləyir - bu da növbəti hansı bacarığı qaldırmalı olduğumu dəqiq deyir.

Süni intellekt işi aradan qaldırmadı. Yüz dəfə etdiyimi qaldırdı, heç vaxt etmədiyimi isə yerində saxladı.

Ogtay Iskandarov

Dizayner və fullstack tərtibatçı, Bakıda tək nəfərlik klauzzdcode studiyasını aparıram. 2023-cü ildən frilansdayam: məhsulları Figma-dan proda qədər özüm çıxarıram, prodla təmasdan sağ çıxanları isə yazıya salıram.

HEKAYƏ →

FAQ

Praktikada vibe coding nədir?

Praktikada bu, hər sətri özün yazmaq əvəzinə istədiyini AI agentinə təsvir etmək və onun qurduğunu yoxlamaqdır. Düşünməyi ötürmək demək deyil. Mənim günümdə ilk funksiya promptundan əvvəl yazılmış spesifikasiya, qərarlaşmış dizayn və qurulmuş mühit vardı - "vibe" yalnız son hissədə qaldı.

Bir günə tam sayt qurmaq realdırmı?

Bəli, əgər gün artıq bacardığın işlərə sərf olunursa. Duskroom spesifikasiyadan işlək otaqlara qədər təxminən altı-yeddi saat apardı, çünki stek tanış idi və dizayn əvvəlcədən qərarlaşmışdı. Eyni layihənin tanış olmayan hissəsi - AI video - ayrıca iki-üç gün apardı.

AI sessiyasından əvvəl hansı faylları qurmaq lazımdır?

AGENTS.md, CLAUDE.md və copilot-instructions.md - hamısı eyni layihəni təsvir etməli və eyni skill dəstinə baxmalıdır. Birdən çox köməkçi işlədirsənsə, ayrı-ayrı qayda faylları kod bazan haqqında fərqli fikirdə olan iki köməkçi deməkdir. Mənim quraşdırmam ilk funksiyaya qədər 42 fayla toxundu.

Duskroom konkret olaraq nə edir?

İçində işləyəcəyin otaqlar verir: sonsuz dövr edən fon videosu, taymer, qeydlər və hər səs üçün mikşer. Taymerin iki rejimi var - saat və pomodoro üçün fokus, - hər otaq isə ikinci monitorda yaşaya bilsin deyə tam ekrana açılır.