શરૂઆત કરનારાઓ માટે Vibe Coding: કેવી રીતે શરૂ કરવું, પગલું દર પગલું

શરૂઆત કરનારાઓ માટે vibe coding પાંચ પગલામાં આવે છે: એક ટૂલ પસંદ કરો જે તમારા માટે એપ ચલાવે, એક નાની એપ સાદા શબ્દોમાં વર્ણવો, તેને વપરાશકર્તાની જેમ અજમાવો, એક સમયે એક સુધારો માંગો, અને કામ કરે ત્યારે પ્રકાશિત કરો. તમારે કોડ કેવી રીતે કરવો તે જાણવાની જરૂર નથી. આ ટ્યુટોરિયલ દરેક પગલામાં એક વાસ્તવિક પહેલા પ્રોજેક્ટ, ટાઈપ કરવાના ચોક્કસ પ્રોમ્પ્ટ અને દરેક શરૂઆત કરનાર પહેલા અઠવાડિયામાં કરતી ભૂલો સાથે ચાલે છે.

જો તમને પહેલા પાછળની વાત જોઈએ છે, જ્યાંથી આ શબ્દ આવ્યો અને લોકો તેના વિશે કેમ દલીલ કરે છે, તો vibe coding શું છે વાંચો. આ પેજ વ્યવહારિક બાજુ છે.

તમને શું જોઈએ છે તે પહેલાં

તમે વિચારો છો તેના કરતાં ઓછું:

• બ્રાઉઝર અને એકાઉન્ટ vibe coding ટૂલ સાથે. શરૂઆત કરનારાઓએ AI એપ બિલ્ડર પસંદ કરવું જોઈએ, જે કોડ લખે છે, ચલાવે છે અને હોસ્ટ કરે છે, તેના બદલે કોડિંગ સહાયક જે તમારી પાસે ફાઈલો અને સર્વર જાતે સંભાળવાની અપેક્ષા રાખે છે.
• એક નાનો વિચાર. તમારો સ્ટાર્ટઅપ નહીં. એક વ્યક્તિ (તમે) માટે એક સાધન, એક કે બે સ્ક્રીન સાથે.
• એક-બે કલાક વિક્ષેપ વગર. પહેલું સત્ર તમને લય શીખવે છે.

બસ. કોઈ ઇન્સ્ટોલ નહીં, કોઈ પ્રોગ્રામિંગ કોર્સ નહીં, કોઈ ટર્મિનલ નહીં.

શરૂઆત કરનાર તરીકે કયું ટૂલ પસંદ કરવું

ટૂલ આદતો કરતાં ઓછું મહત્વનું છે, પરંતુ તેણે ત્રણ વસ્તુઓ કરવી જોઈએ: બનતી વખતે લાઇવ પ્રિવ્યૂ બતાવે, ખરાબ ફેરફાર પાછો લેવા દે, અને શેર કરી શકાય તેવી લિંક પર પ્રકાશિત કરે. શ્રેષ્ઠ vibe coding ટૂલ્સ ની અમારી સરખામણી મુખ્ય વિકલ્પો પ્રામાણિકપણે આવરી લે છે. Mythex તેમાંથી એક છે: તમે ચેટમાં એપનું વર્ણન કરો છો, તે લાઇવ પ્રિવ્યૂ સાથે વાસ્તવિક સંપૂર્ણ સ્ટેક એપ બનાવે છે, એપને યાદ રાખવાની જરૂર પડે ત્યારે ડેટાબેઝ ઉમેરે છે, અને એક ક્લિકમાં પ્રકાશિત કરે છે. ફ્રી પ્લાનને કાર્ડની જરૂર નથી.

પગલું 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 ક્લિક કરું છું ત્યારે મને "કંઈક ખોટું થયું" દેખાય છે અને પુસ્તક રહે છે. શોધો કે કેમ અને ઠીક કરો. મને કારણ કહો.

કારણ પૂછવું મહત્વનું છે. તે તમને શીખવે છે કે એપ કેવી રીતે કામ કરે છે, અને AI ને અનુમાન કરતા અટકાવે છે. AI થી બનેલી એપને ડીબગ કેવી રીતે કરવી માર્ગદર્શિકા વધુ ઊંડાણમાં જાય છે.

પગલું 5: તેને તમારું બનાવો

એકવાર તે કામ કરે, પછી તેને એ જ નાના પગલામાં સુધારો:

• "પૂરાં થયેલાં પુસ્તકો પર બતાવાતું 1–5 સ્ટાર રેટિંગ ઉમેરો."
• "કાર્ડની ઉપર એક સર્ચ બોક્સ ઉમેરો જે શીર્ષક કે લેખક પ્રમાણે ફિલ્ટર કરે."
• "ગરમ ઑફ-વ્હાઇટ પૃષ્ઠભૂમિ અને ઘેરો લીલો ઍક્સેન્ટ વાપરો."
• "ટોચ પર એક કાઉન્ટર ઉમેરો: આ વર્ષે પૂરા કરેલા પુસ્તકો."

દરેક એક એક જ, પરીક્ષણ કરી શકાય તેવો ફેરફાર છે.

પગલું 6: પ્રકાશિત કરો અને શેર કરો

જ્યારે તે તમને જોઈએ તે કરે, ત્યારે તેને પ્રકાશિત કરો. Mythex પર તે એક ક્લિક છે, અને તમને કોઈપણ ઉપકરણ પર ખોલી શકાય અથવા મિત્રને મોકલી શકાય એવી જાહેર URL મળે છે. જો પછીથી તમારે તમારું પોતાનું ડોમેન જોઈએ, તો તે Pro ફીચર છે, અને કસ્ટમ ડોમેન જોડવું માર્ગદર્શિકા તે સમજાવે છે.

થોડા મિત્રોથી આગળ કંઈપણ શેર કરતાં પહેલાં, vibe coding સુરક્ષિત છે? વાંચો. વ્યક્તિગત વાંચવાની યાદી માટે જોખમ ઓછું છે. જે એપમાં અજાણ્યા લોકો સાઇન અપ કરે છે અને ડેટા સાચવે છે, ત્યાં પહેલા તમારે તપાસ કરવાની જરૂર છે.

શરૂઆત કરનારાની ભૂલો જે ટાળવી

• બધું એક સાથે માંગવું. "મારા માટે Goodreads બનાવો" પ્રભાવશાળી દેખાતું પણ ખરાબ રીતે કામ કરતું કંઈક આપે છે. સૌથી નાની ઉપયોગી આવૃત્તિથી શરૂ કરો.
• રિફ્રેશનું પરીક્ષણ ન કરવું. રિલોડ પર ગાયબ થતો ડેટા શરૂઆત કરનારાઓ માટે સૌથી સામાન્ય આશ્ચર્ય છે.
• દર વખતે તમારી વિનંતી શૂન્યથી ફરી લખવી. શું બદલવું અને શું રાખવું તે કહો: "લેઆઉટ રાખો, ફક્ત રંગો બદલો."
• "તે ઠીક થઈ ગયું" પર વિશ્વાસ કરવો. AI ઘણીવાર કહેશે કે બગ ઠીક થયો છે. દરેક વખતે જાતે તપાસો.
• ચેટમાં પાસવર્ડ કે API કી પેસ્ટ કરવી. જો તમારી એપને બહારની સેવા માટે કી જોઈએ, તો તેને ટૂલની સિક્રેટ સેટિંગ્સમાં મૂકો, ક્યારેય સંદેશ કે કોડમાં નહીં. જુઓ API કી સુરક્ષિત કેવી રીતે રાખવી.
• પહેલી ભૂલ પછી છોડી દેવું. ભૂલો સામાન્ય છે. તેને પાછી પેસ્ટ કરો અને કારણ પૂછો.

તમે જતાં શું શીખવું

તમને કોર્સની જરૂર નથી, પરંતુ થોડા વિચારો દરેક વિનંતીને વધુ તીક્ષ્ણ બનાવશે. AI ને તમારી પોતાની એપના સંદર્ભમાં તે સમજાવવા કહો:

• ફ્રન્ટએન્ડ અને બેકએન્ડ: મુલાકાતીના બ્રાઉઝરમાં અને સર્વર પર શું ચાલે છે. (ફ્રન્ટએન્ડ વિ બેકએન્ડ)
• ડેટાબેઝ: તમારી એપ તેનો ડેટા ક્યાં રાખે છે. (ડેટાબેઝ શું છે?)
• ઓથેન્ટિકેશન: એપ કેવી રીતે જાણે છે કે કોઈ કોણ છે.
• સિક્રેટ્સ: ખાનગી કી જે એપ વાપરે છે અને મુલાકાતીઓએ ક્યારેય ન જોવી જોઈએ.

આ માટે સારો પ્રોમ્પ્ટ: "સમજાવો કે મારી વાંચવાની યાદી પુસ્તક કેવી રીતે સાચવે છે, Add પર ક્લિક કરવાથી લઈને ડેટા સંગ્રહાય ત્યાં સુધી. સાદા શબ્દો વાપરો અને વાસ્તવિક ફાઈલોનો સંદર્ભ આપો."

તમારો બીજો અને ત્રીજો પ્રોજેક્ટ

પહેલી એપ પછી, એક પગલું વધુ મુશ્કેલ પસંદ કરો. સાપ્તાહિક ચાર્ટ સાથે આદત ટ્રેકર. ઈમેલ મોકલતું બુકિંગ ફોર્મ. Google Sheet માંથી વાંચતું નાનું ડેશબોર્ડ. અમારા vibe coding ઉદાહરણો વાસ્તવિક એપ પ્રકારો તેમના પાછળના પ્રોમ્પ્ટ અને શું ખોટું થયું તે સાથે બતાવે છે, અને vibe coding વડે એપ કેવી રીતે બનાવવી મોટા પ્રોજેક્ટને વિચારથી વપરાશકર્તાઓ સાથે પ્રકાશિત એપ સુધી લઈ જાય છે.

જ્યારે તમે શરૂ કરવા તૈયાર હો, ત્યારે AI એપ બિલ્ડર ખોલો, ઉપરનો વાંચવાની યાદીનો પ્રોમ્પ્ટ પેસ્ટ કરો, અને તેને તમારા પોતાના વિચારમાં બદલો.

પ્રશ્નો