नवशिक्यांसाठी Vibe Coding: सुरू कसे करायचे, टप्प्याटप्प्याने

नवशिक्यांसाठी vibe coding पाच पायऱ्यांवर येते: तुमच्यासाठी ॲप चालवणारे टूल निवडा, एक छोटे ॲप साध्या शब्दांत वर्णन करा, ते युझरसारखे वापरून पाहा, एका वेळी एकच दुरुस्ती मागा आणि काम झाल्यावर प्रकाशित करा. कोड कसा लिहायचा हे माहीत असण्याची गरज नाही. हे ट्युटोरियल प्रत्येक पायरी खऱ्या पहिल्या प्रोजेक्टसह, टाइप करायचे अचूक प्रॉम्प्ट्स आणि पहिल्या आठवड्यात प्रत्येक नवशिक्याकडून होणाऱ्या चुका दाखवते.

आधी पार्श्वभूमी हवी असल्यास, ही संज्ञा कुठून आली आणि लोक तिच्यावर वाद का घालतात, ते vibe coding म्हणजे काय मध्ये वाचा. हे पान व्यावहारिक बाजूसाठी आहे.

सुरू करण्यापूर्वी काय हवे

अपेक्षेपेक्षा कमी:

• एक ब्राउझर आणि अकाउंट vibe coding टूलसह. नवशिक्यांनी असा AI ॲप बिल्डर निवडावा, जो कोड लिहितो, चालवतो आणि होस्ट करतो, फाइल्स आणि सर्व्हर्स स्वतः हाताळायला लावणाऱ्या coding assistant पेक्षा.
• एक छोटी कल्पना. तुमचे स्टार्टअप नव्हे. तुमच्यासाठी (फक्त तुम्ही) एक-दोन स्क्रीनचे टूल.
• एक-दोन तास व्यत्ययाशिवाय. पहिले सत्र तुम्हाला लयीची ओळख करून देते.

बस एवढेच. इन्स्टॉल नाही, प्रोग्रामिंग कोर्स नाही, टर्मिनल नाही.

नवशिक्याने कोणते टूल निवडावे

टूलपेक्षा सवयी जास्त महत्त्वाच्या आहेत, पण त्याने तीन गोष्टी केल्याच पाहिजेत: बनवताना लाइव्ह प्रिव्ह्यू दाखवावा, चुकीचा बदल पूर्ववत करता यावा, आणि शेअर करता येणाऱ्या लिंकवर प्रकाशित व्हावे. सर्वोत्तम vibe coding टूल्स मुख्य पर्यायांची प्रामाणिक तुलना देते. Mythex हा त्यापैकी एक आहे: तुम्ही चॅटमध्ये ॲपचे वर्णन करता, ते खरे फुल-स्टॅक ॲप लाइव्ह प्रिव्ह्यूसह बनवते, ॲपला काही लक्षात ठेवायचे असेल तेव्हा डेटाबेस जोडते आणि एका क्लिकवर प्रकाशित करते. Free प्लॅनला कार्ड लागत नाही.

पायरी 1: पूर्ण करता येईल असा पहिला प्रोजेक्ट निवडा

नवशिक्या सहसा खूप मोठे ध्येय ठेवून अपयशी होतात. चांगला पहिला प्रोजेक्ट:

• तुमच्यासाठी उपयुक्त असतो, त्यामुळे तुम्ही तो नीट तपासता.
• एक-दोन स्क्रीनमध्ये बसतो.
• तुमचा थोडाच वैयक्तिक डेटा साठवतो.
• पेमेंट्स, टीम्स आणि संवेदनशील वैयक्तिक डेटा नसतो.

चांगले पहिले प्रोजेक्ट:

उर्वरित ट्युटोरियलमध्ये आपण वाचन यादी वापरू.

पायरी 2: पहिला प्रॉम्प्ट लिहा

तुमचा पहिला संदेश बाकी सर्वांचा आकार ठरवतो. ते कोणासाठी आहे, काय करते आणि कसे दिसावे हे सांगा. एका लहान परिच्छेदात ठेवा.

कमकुवत पहिला प्रॉम्प्ट:

मला एक पुस्तकांचे ॲप बनवा.

चांगला पहिला प्रॉम्प्ट:

माझ्यासाठी एक वाचन यादी ॲप बनवा. मी शीर्षक, लेखक आणि स्थिती (वाचायचे आहे, वाचत आहे, वाचून झाले) यांसह पुस्तक जोडू शकतो. पुस्तके स्थितीनुसार गटांत कार्ड्सप्रमाणे दाखवा, नवीन आधी. मी पुस्तकाची स्थिती बदलू किंवा ते काढू शकतो. स्वच्छ आणि साधे ठेवा: पांढरी पार्श्वभूमी, एक ॲक्सेंट रंग, फोनवर चालणारे. पुस्तके सेव्ह करा, म्हणजे रिफ्रेश केल्यावरही ती राहतील.

दुसरा प्रॉम्प्ट काय करतो ते पाहा. तो फील्ड्स, कृती, लेआउट आणि एक नियम सांगतो जो नवशिक्या नेहमी विसरतात: डेटा सेव्ह करा जेणेकरून रिफ्रेशनंतरही टिकेल. ती ओळ नसेल तर अनेक टूल्स पूर्ण दिसणारे पान बनवतात, पण रीलोड केल्यावर सर्व विसरतात.

अधिक सुरुवातीच्या कल्पनांसाठी vibe coding प्रॉम्प्ट्सची चीटशीट पाहा.

तुम्ही खात्री नसताना योजना मागा

एखादी गोष्ट कशी वर्णन करायची ते माहीत नसेल, तर AI ला बनवण्यापूर्वी योजना द्यायला सांगा:

काहीही बनवण्यापूर्वी साध्या शब्दांत सांगा की तुम्ही कोणती स्क्रीन्स बनवाल, कोणता डेटा साठवाल आणि मला कोणते निर्णय घ्यायचे आहेत.

Mythex मध्ये हेच Plan मोड करतो: एजंट दृष्टिकोन मांडतो आणि कोणतीही फाइल बदलण्यापूर्वी तुम्ही त्याला मंजुरी देता.

पायरी 3: युझरसारखे तपासा, ज्याने ते बनवले त्याच्यासारखे नाही

प्रिव्ह्यू आल्यावर फक्त कौतुक करू नका. ते वापरा:

1. तीन पुस्तके जोडा, त्यातले एक खूप लांब शीर्षक असलेले.
2. स्थिती बदला. कार्ड योग्य गटात जाते का?
3. रिफ्रेश करा. पुस्तके अजूनही आहेत का?
4. रिकाम्या शीर्षकाने पुस्तक जोडण्याचा प्रयत्न करा. काय होते?
5. फोनवर प्रिव्ह्यू उघडा, किंवा ब्राउझर विंडो अरुंद करा.

काय चुकीचे आहे ते साध्या शब्दांत लिहा. "लांब शीर्षकामुळे कार्डचा लेआउट तुटतो" हा परिपूर्ण बग रिपोर्ट आहे. "ते तुटले आहे" नाही.

पायरी 4: एका संदेशात एकच दुरुस्ती

हीच सवय पूर्ण करणाऱ्यांना सोडून देणाऱ्यांपासून वेगळे करते. एक बदल पाठवा, तपासा, मग पुढचा.

"The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" हे लांब शीर्षक कार्डच्या बाहेर जाते. लांब शीर्षके दोन ओळींत गुंडाळा आणि उरलेले "…" ने कापा.

मग:

रिकाम्या शीर्षकासह फॉर्म सबमिट केल्यावर काहीच होत नाही आणि कोणताही संदेश येत नाही. फील्डच्या खाली "Add a title" दाखवा आणि पुस्तक सेव्ह करू नका.

एका वेळी एक का? एका संदेशात पाच बदल मागितले, तर AI चार चांगले करेल आणि शांतपणे दुसरे काहीतरी तोडेल, आणि कोणता बदल त्याला कारणीभूत ठरला ते तुम्हाला कळणार नाही. लहान पायऱ्या पूर्ववत करणे (undo) उपयोगीही बनवतात: एखादा बदल चुकला तर त्याच्या आधीच्या आवृत्तीवर परत जा आणि स्पष्ट विनंती पुन्हा करा.

काही तुटले तर

तुटेल. प्रत्येक बिल्डरला एरर्स येतात. एररचा नेमका मजकूर कॉपी करा, किंवा तुम्ही काय क्लिक केले आणि काय दिसले ते नेमके सांगा, आणि परत पेस्ट करा:

मी कार्डवर Delete क्लिक करतो तेव्हा "Something went wrong" दिसते आणि पुस्तक तसेच राहते. का ते शोधा आणि दुरुस्त करा. कारण काय होते ते सांगा.

कारण विचारणे महत्त्वाचे आहे. त्यामुळे तुम्हाला ॲप्स कसे चालतात ते शिकायला मिळते, आणि AI अंदाज बांधण्यापासून थांबते. AI ने बनवलेल्या ॲपमधील बग कसा शोधायचा याचे सखोल मार्गदर्शन आहे.

पायरी 5: ते तुमचे बनवा

एकदा ते चालले की त्याच लहान पायऱ्यांनी सुधारा:

• "पूर्ण झालेल्या पुस्तकांवर दिसणारे 1–5 स्टार रेटिंग जोडा."
• "कार्ड्सच्या वर शीर्षक किंवा लेखकानुसार फिल्टर करणारा शोध बॉक्स जोडा."
• "उबदार ऑफ-व्हाइट पार्श्वभूमी आणि गडद हिरवा ॲक्सेंट वापरा."
• "वर एक काउंटर जोडा: या वर्षी पूर्ण केलेली पुस्तके."

प्रत्येक एक वेगळा, तपासता येणारा बदल आहे.

पायरी 6: प्रकाशित करा आणि शेअर करा

ते हवे तसे काम करू लागले की प्रकाशित करा. Mythex वर ते एका क्लिकचे काम आहे, आणि कोणत्याही डिव्हाइसवर उघडता येईल किंवा मित्राला पाठवता येईल अशी सार्वजनिक URL मिळते. नंतर स्वतःचे डोमेन हवे असेल तर ते Pro फीचर आहे, आणि कस्टम डोमेन जोडणे मार्गदर्शक ते समजावते.

मूठभर मित्रांपलीकडे काहीही शेअर करण्यापूर्वी vibe coding सुरक्षित आहे का? वाचा. वैयक्तिक वाचन यादीसाठी धोका कमी आहे. अनोळखी लोक साइन अप करून डेटा साठवतील अशा ॲपसाठी आधी काही तपासण्या कराव्या लागतात.

नवशिक्यांच्या टाळायच्या चुका

• एकाच वेळी सर्व मागणे. "मला Goodreads बनवा" असे म्हटल्याने काहीतरी प्रभावी दिसणारे, पण वाईट चालणारे ॲप मिळते. सर्वात लहान उपयुक्त आवृत्तीने सुरुवात करा.
• रिफ्रेश चाचणी न करणे. रीलोडवर डेटा गायब होणे ही नवशिक्यांना सर्वात सामान्य धक्कादायक गोष्ट आहे.
• प्रत्येक वेळी विनंती नव्याने लिहिणे. काय बदलायचे आणि काय ठेवायचे ते सांगा: "लेआउट तसेच ठेवा, फक्त रंग बदला."
• "ते दुरुस्त झाले आहे" यावर विश्वास ठेवणे. AI अनेकदा बग दुरुस्त झाला असे म्हणते. प्रत्येक वेळी स्वतः तपासा.
• चॅटमध्ये पासवर्ड किंवा API की पेस्ट करणे. तुमच्या ॲपला बाहेरील सेवेसाठी की लागली तर ती टूलच्या सीक्रेट्स सेटिंग्जमध्ये ठेवा, संदेशात किंवा कोडमध्ये नव्हे. API की सुरक्षित कशा ठेवायच्या पाहा.
• पहिल्या एररनंतर थांबणे. एरर्स सामान्य आहेत. त्या परत पेस्ट करा आणि कारण विचारा.

प्रवासात काय शिकायचे

कोर्सची गरज नाही, पण काही संकल्पना प्रत्येक विनंती धारदार बनवतील. त्या तुमच्या स्वतःच्या ॲपच्या संदर्भात AI ला समजावायला सांगा:

• फ्रंटएंड आणि बॅकएंड: अभ्यागताच्या ब्राउझरमध्ये काय चालते आणि सर्व्हरवर काय. (Frontend vs backend)
• डेटाबेस: तुमचे ॲप डेटा कुठे ठेवते. (डेटाबेस म्हणजे काय?)
• ऑथेंटिकेशन: ॲपला कोण आहे हे कसे कळते.
• सीक्रेट्स: ॲप वापरत असलेल्या खाजगी की, ज्या अभ्यागतांनी कधीच पाहू नयेत.

यासाठी एक चांगला प्रॉम्प्ट: "माझी वाचन यादी पुस्तक कसे सेव्ह करते ते समजावा, Add वर क्लिक करण्यापासून डेटा साठवला जाईपर्यंत. साध्या शब्दांत लिहा आणि प्रत्यक्ष फाइल्सचा संदर्भ द्या."

तुमचा दुसरा आणि तिसरा प्रोजेक्ट

पहिल्या ॲपनंतर एक पायरी कठीण निवडा. साप्ताहिक चार्टसह सवय ट्रॅकर. तुम्हाला ईमेल पाठवणारा बुकिंग फॉर्म. Google Sheet वाचणारा छोटा डॅशबोर्ड. आमची vibe coding उदाहरणे प्रत्यक्ष ॲप प्रकार, त्यामागचे प्रॉम्प्ट्स आणि काय चुकले ते दाखवतात, आणि vibe coding सह ॲप कसे बनवायचे मोठा प्रोजेक्ट कल्पनेपासून वापरकर्ते असलेल्या प्रकाशित ॲपपर्यंत नेते.

तयार असाल तेव्हा AI ॲप बिल्डर उघडा, वरील वाचन यादी प्रॉम्प्ट पेस्ट करा आणि त्यात तुमची कल्पना टाका.

प्रश्न