वाइब कोडिंग: खुद एक छोटा ऐप बनाएँ
वाइब कोडिंग (vibe coding) में आप सामान्य शब्दों में बताते हैं कि आप क्या बनाना चाहते हैं। सहायक कोड लिखता है, नतीजा दिखाता है और आपकी प्रतिक्रिया के आधार पर उसमें बदलाव करता है। आपको खुद प्रोग्रामिंग आने की ज़रूरत नहीं है। उदाहरण के लिए, आप अपनी कक्षा के लिए एक अभ्यास क्विज़, एक छोटा खेल या कोई काम का टूल बना सकते हैं।
आपको बस डेस्कटॉप एप्लिकेशन चाहिए। Node.js और git इंस्टॉल करने की ज़रूरत नहीं है: ये ऐप में पहले से शामिल हैं।
1. कार्य फ़ोल्डर चुनें
अपने कंप्यूटर पर एक खाली फ़ोल्डर बनाएँ, जैसे गणित-क्विज़, और उसे अपनी चैट का कार्य फ़ोल्डर चुनें। यह कैसे होता है, यह स्थानीय फ़ाइल पहुँच में पढ़ें। सहायक केवल इसी फ़ोल्डर में काम करता है।
2. बताइए कि आप क्या चाहते हैं
जितना हो सके, साफ़-साफ़ बताइए कि आप क्या बनाना चाहते हैं। उदाहरण के लिए:
कक्षा 4 के लिए एक HTML पेज में गणित क्विज़ बनाओ। 10 तक के पहाड़ों पर दस सवाल, बड़े बटन, आख़िर में स्कोर और फिर से शुरू करने का एक बटन।
ऐसा सरल पेज सहायक ऐप के बिल्ट-इन वेब सर्वर से दिखाता है। नतीजा बिल्ट-इन ब्राउज़र में दिखता है: ऊपरी पट्टी में दाईं ओर ब्राउज़र बटन (ग्लोब आइकन)। इसके बारे में और जानकारी लोकल सर्वर और बिल्ट-इन ब्राउज़र में पढ़ें।
संतुष्ट नहीं हैं? बस बताइए कि क्या बदलना है:
बटन हरे कर दो और गलत जवाब पर सही जवाब दिखाओ।
अपनी तस्वीरें और सहायक से पेज दिखवाना
अपने संदेश के साथ एक फ़ोटो जोड़ें और कहें:
इस फ़ोटो को वेब पेज पर लगाओ।
सहायक फ़ोटो को प्रोजेक्ट फ़ोल्डर में, जैसे img/ में, सहेजता है और पेज पर लगा देता है। यह उस इमेज के साथ भी काम करता है जो सहायक ने अभी आपके लिए बनाई है।
बिल्ट-इन ब्राउज़र में खुले पेज में कुछ गड़बड़ है? कहें:
देखो पेज पर क्या गड़बड़ है।
तब सहायक पेज का टेक्स्ट, एक स्क्रीनशॉट और त्रुटि संदेश देखता है। देखें सहायक से पेज दिखवाना।
जब सहायक ख़ुद बिल्ट-इन ब्राउज़र में कोई पेज खोलता है, तो वह पेज लोड होने तक रुकता है और उसके त्रुटि संदेश देखता है, जैसे स्क्रिप्ट की त्रुटि या कोई फ़ाइल जो लोड नहीं होती। यह कहने से पहले कि सब काम कर रहा है, वह उन्हें ठीक करता है। इसके बाद वह पेज को एक उपयोगकर्ता की तरह आज़माता है: बटन क्लिक करता है, फ़ील्ड भरता है, कुंजियाँ दबाता है और इस दौरान आने वाली त्रुटियाँ ठीक करता है। सब कुछ आपकी इच्छा के अनुसार काम करता है या नहीं, यह आप ख़ुद जाँचते हैं।
3. बड़े ऐप
अगर आप कुछ बड़ा बनाना चाहते हैं, जैसे कई स्क्रीन वाला ऐप, तो सहायक उदाहरण के लिए Vite और React से एक प्रोजेक्ट बना सकता है:
इस फ़ोल्डर में Vite से शब्दावली क्विज़ के लिए एक React ऐप बनाओ। सब कुछ इंस्टॉल करो, ऐप शुरू करो और नतीजा दिखाओ।
ऐसा प्रोजेक्ट शुरू करना (जैसे npm create vite@latest से) आप कमांड कार्ड पर स्वीकृत करते हैं। इसके बाद सहायक पैकेज इंस्टॉल करता है। इसे भी आप स्वीकृत करते हैं, या बिना पूछे पैकेज इंस्टॉल की अनुमति दें चालू करते हैं। देखें पैकेज इंस्टॉल करना। हर कमांड के लिए कार्ड नहीं चाहिए? पहले कार्ड पर इस प्रोजेक्ट पर भरोसा करें चुनें।
4. संस्करण सहेजें
संस्करण आपके प्रोजेक्ट का किसी एक पल का स्नैपशॉट होता है। अगर कोई बदलाव पसंद न आए, तो आप किसी पिछले संस्करण पर लौट सकते हैं। सही मौके पर सहायक से कहें:
एक संस्करण सहेजो।
पहली बार सहायक फ़ोल्डर के लिए संस्करण इतिहास शुरू करता है। जो फ़ाइलें गोपनीय जानकारी जैसी लगती हैं, जैसे पासवर्ड या कुंजियाँ (Google API कुंजियाँ भी), वे कभी किसी संस्करण में शामिल नहीं होतीं। अगर सहायक कुछ छोड़ता है, तो वह आपको बताता है।
5. अपना प्रोजेक्ट GitHub पर डालें
GitHub पर आप अपना प्रोजेक्ट ऑनलाइन सहेजते हैं। इससे आपके पास एक बैकअप रहता है और आप किसी दूसरे कंप्यूटर पर उस पर काम जारी रख सकते हैं।
GitHub जोड़ें
हर व्यक्ति अपना खुद का GitHub अकाउंट जोड़ता है। अभी अकाउंट नहीं है? पहले github.com/signup पर मुफ़्त अकाउंट बनाएँ।
- सेटिंग्स पर जाएँ और डेस्कटॉप स्थिति में GitHub पैनल ढूँढें।
- GitHub जोड़ें पर क्लिक करें। ऐप एक कोड दिखाता है और आपके ब्राउज़र में
github.com/login/deviceखोलता है। - GitHub पर कोड डालें (कोड कॉपी करें से आप उसे कॉपी कर सकते हैं) और अनुमति दें। अगर पेज नहीं खुला, तो GitHub खोलें पर क्लिक करें।
- पैनल में अब @आपका-नाम के रूप में जुड़ा दिखता है।
GitHub क्या माँगता है। GitHub HandiHow-B-V का ऐप AI-School Desktop दिखाता है और आपकी रिपॉज़िटरी (repo) तक पहुँच माँगता है: पढ़ना और लिखना, निजी रिपॉज़िटरी में भी। आपका प्रोजेक्ट बनाने और अपडेट करने के लिए यह पहुँच ज़रूरी है। अनुमति तभी दें जब पेज github.com पर हो।
कोड की अवधि खत्म हो गई? कोड लगभग 15 मिनट तक मान्य रहता है। अवधि खत्म हो जाए तो फिर से GitHub जोड़ें पर क्लिक करें।
किसी संगठन की रिपॉज़िटरी, जैसे आपके स्कूल का GitHub संगठन:
- अगर संगठन तृतीय-पक्ष ऐप पर रोक लगाता है, तो अनुमति स्क्रीन पर संगठन के बगल में Request (पहुँच का अनुरोध) पर क्लिक करें। यह बाद में github.com/settings/applications > AI-School Desktop पर भी किया जा सकता है।
- संगठन का कोई मालिक इसे संगठन की Settings > Third-party access > OAuth application policy में स्वीकृत करता है।
- इस स्वीकृति के बिना आपकी अपनी रिपॉज़िटरी काम करती हैं, पर संगठन की नहीं।
दूसरा अकाउंट इस्तेमाल करना है? डिस्कनेक्ट करें पर क्लिक करें और दोबारा जोड़ने से पहले ब्राउज़र में github.com से साइन आउट करें (या निजी विंडो इस्तेमाल करें)। वरना GitHub उसी अकाउंट का इस्तेमाल करता है जिसमें आप पहले से साइन इन हैं।
ऐप के पुराने संस्करण "इस ऐप संस्करण में GitHub से साइन-इन अभी उपलब्ध नहीं है" दिखाते हैं। ऐसे में ऐप को अपडेट करें।
ऑनलाइन डालना और अपडेट करना
इसके बाद उदाहरण के लिए कहें:
इस प्रोजेक्ट को GitHub पर डालो।
सहायक एक कार्ड दिखाता है, जिसमें सटीक पता और ऐप में बिल्ट-इन और नेटवर्क चालू लेबल होते हैं। आगे बढ़ने के लिए चलाएँ पर, या रुकने के लिए अस्वीकार करें पर क्लिक करें। नई रिपॉज़िटरी निजी होती है, जब तक आप सार्वजनिक रिपॉज़िटरी न माँगें। अगर पता github.com नहीं है या रिपॉज़िटरी सार्वजनिक बनेगी, तो कार्ड चेतावनी देता है। ऑनलाइन डालते समय आप देखते हैं कि कौन-सी फ़ाइलें भेजी जाएँगी।
बाद में आप उदाहरण के लिए ये कह सकते हैं:
- "नया संस्करण ऑनलाइन डालो।" सहायक आपके नए संस्करण GitHub पर भेजता है।
- "सबसे नया संस्करण लाओ।" सहायक GitHub से बदलाव लाता है।
- "प्रोजेक्ट https://github.com/naam/project को इस फ़ोल्डर में डाउनलोड करो।" सहायक एक मौजूदा प्रोजेक्ट डाउनलोड करता है।
सार्वजनिक प्रोजेक्ट आप बिना कनेक्शन के भी डाउनलोड कर सकते हैं। ऑनलाइन डालने और नई रिपॉज़िटरी बनाने के लिए कनेक्शन ज़रूरी है।
6. सुरक्षा सुझाव
- नई रिपॉज़िटरी निजी होती हैं। किसी रिपॉज़िटरी को सार्वजनिक तभी बनाएँ, जब हर कोई कोड देख सकता हो।
- अपने ऐप में कभी भी पासवर्ड, कुंजियाँ या दूसरी गोपनीय जानकारी न डालें।
- क्या आप Google API कुंजी का उपयोग करते हैं (
AIzaसे शुरू होती है, जैसे किसी Firebase ऐप की वेब कुंजी)? तो उसे ऐसी फ़ाइल में रखें जिसे सहायक संस्करणों से बाहर रखता है, जैसे.env। अगर कुंजी आपके कोड में है, तो वह फ़ाइल ऑनलाइन नहीं जाती। - चलाएँ पर क्लिक करने से पहले कार्ड पर पता हमेशा जाँच लें।
- कनेक्शन इस कंप्यूटर पर आपके उपयोगकर्ता खाते में एन्क्रिप्ट करके सहेजा जाता है। सहायक आपकी GitHub कुंजी कभी नहीं देखता। अगर आप किसी साझा कंप्यूटर पर काम करते हैं, तो काम खत्म होने पर डिस्कनेक्ट करें पर क्लिक करें।
- डिस्कनेक्ट करें कनेक्शन को केवल इस कंप्यूटर से हटाता है। अगर आप पहुँच पूरी तरह रद्द करना चाहते हैं, तो यह GitHub पर Settings > Applications में करें।