यह AI टूल कोडबेस को छूने से पहले ही उसका पूरा मैप तैयार कर देता है (Understand-Anything)

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00आप एक नई टीम में शामिल होते हैं, रेपो क्लोन करते हैं, और कोडबेस खोलते हैं।
00:00:04और वहां वह मौजूद है, 200,000 लाइनों का कोडबेस जो आपको बिल्कुल घबराए हुए हिरण की तरह देख रहा है।
00:00:09तो आप वही करते हैं जो हर डेवलपर करता है।
00:00:11आप ग्रेप (grep) करते हैं, फाइलों के बीच कूदते हैं, और शायद क्लाउड (Claude) से इस रेपो को समझाने के लिए कहते हैं।
00:00:17क्या हो अगर आपको एक नक्शा मिले, एक असली इंटरैक्टिव नक्शा जो आपको कोडबेस सिखाए?
00:00:22प्रवाह, आर्किटेक्चर परतें, बदलाव, प्रभाव, यही है 'अंडरस्टैंड एनीथिंग' (Understand Anything)।
00:00:27इसे कुछ ही हफ्तों में गिटहब पर 14,000 से अधिक स्टार्स मिल चुके हैं, और बहुत से डेवलपर्स इसके बारे में बात कर रहे हैं।
00:00:32बात कर रहे हैं।
00:00:33अगले एक मिनट में, मैं आपको दिखाऊंगा कि यह कैसे काम करता है और यह कैसे
00:00:36आपके कोडबेस की समझ को काफी तेज कर देगा।
00:00:44अंडरस्टैंड एनीथिंग एक ओपन सोर्स क्लाउड कोड प्लगइन है।
00:00:47यह कर्सर, कोपायलट और जेमिनी सीएलआई जैसे टूल के साथ वर्कफ़्लो में भी फिट हो सकता है।
00:00:53आप इसे किसी रेपो या नॉलेज बेस की ओर इशारा करते हैं, और यह उस प्रोजेक्ट को एक क्वेरी करने योग्य,
00:00:58इंटरैक्टिव नॉलेज ग्राफ में बदल देता है।
00:01:00यह स्टेटिक एनालिसिस और मल्टी-एजेंट एलएलएम प्रोसेसिंग के साथ ऐसा करता है।
00:01:05लेकिन महत्वपूर्ण हिस्सा टेक स्टैक नहीं है।
00:01:07महत्वपूर्ण हिस्सा वह है जिसे यह वास्तव में हल करता है, क्योंकि हर डेवलपर ने यह समस्या झेली है।
00:01:13आप किसी पुराने कोडबेस या लेगेसी ऐप के लिए नए हैं।
00:01:16डॉक्यूमेंटेशन पुराने हो चुके हैं।
00:01:18वह इंजीनियर जिसे सब कुछ पता था, छह महीने पहले ही चला गया।
00:01:22और आपका एआई कोडिंग एजेंट बस बार-बार अंदाजा लगाता रहता है।
00:01:26यहीं पर यह टूल वास्तव में मददगार साबित होता है।
00:01:28तो चलिए इसे चलाते हैं।
00:01:29यदि आप अपने वर्कफ़्लो को तेज करने के लिए कोडिंग टूल का आनंद लेते हैं, तो सब्सक्राइब करना न भूलें।
00:01:33हमारे वीडियो हर समय आते रहते हैं।
00:01:35अब यह रहा एक मध्यम आकार का प्रोजेक्ट।
00:01:36यह इतना बड़ा है कि वास्तव में परेशान करने वाला है, लेकिन इतना छोटा कि मैं आपको दिखा सकूं कि
00:01:40यह कितना शानदार है।
00:01:42यह सिर्फ एक रेपो है जिसे मैंने गूगल माइक्रोसर्विसेज से क्लोन किया है, और यह इतना छोटा है कि हम वास्तव में
00:01:46बिना कुछ माने इसे टेस्ट कर सकते हैं।
00:01:49सबसे पहले, मैं प्लगइन इंस्टॉल करने जा रहा हूं, यहीं क्लाउड में, प्लगइन इंस्टॉल, अंडरस्टैंड
00:01:54एनीथिंग।
00:01:55जब यह जेनरेट हो जाए, तो हमें प्लगइन्स को रिलोड करना होगा, बिल्कुल, और फिर हमें बस
00:01:58अंडरस्टैंड को चलाना है।
00:02:00अब यह पूरे रेपो को स्कैन करेगा।
00:02:03यह संरचना, संबंध, मुख्य मॉड्यूल और संभावित व्यावसायिक अवधारणाओं को बाहर निकालता है।
00:02:09अब हम सब कुछ लॉन्च करने के लिए डैशबोर्ड कमांड चला सकते हैं।
00:02:11अब सबसे पहले, इसे चलने में काफी समय लगा, लगभग 30 मिनट, और इसने बहुत सारे टोकन खर्च किए।
00:02:16इसलिए एक अच्छा क्लाउड प्लान होना जरूरी है।
00:02:19मेरे पास क्लाउड मैक्स है, और इसने मेरी दर का 25% उपयोग किया, इसलिए यह जलता है और तेजी से जलता है।
00:02:24लेकिन एक बार यह हो जाने के बाद, हम यह डैशबोर्ड खोल सकते हैं, और यह वास्तव में कूल हिस्सा है जो वास्तव में
00:02:29दिल को छू जाता है।
00:02:30मैं ज़ूम आउट कर सकता हूं और उच्च-स्तरीय आर्किटेक्चर देख सकता हूं।
00:02:32मैं ज़ूम इन कर सकता हूं और आंतरिक भागों तक पहुंच सकता हूं।
00:02:35मैं कोड ब्रेकडाउन देखने के लिए क्लिक कर सकता हूं और देख सकता हूं कि सारा कोड कैसे जुड़ा है।
00:02:40मैं क्लिक करके खुद असली कोड भी देख सकता हूं।
00:02:43फिर मैं यहां किसी चीज़ के लिए सर्च कर सकता हूं जैसे पेमेंट्स।
00:02:46अब सामान्य तौर पर मैं रूट, सर्विस, मॉडल, हैंडलर के माध्यम से कूद रहा होता, बस उन डॉक्यूमेंट्स के बीच
00:02:52जो अब उपयोगी भी नहीं हैं, और यहाँ टूल टुकड़ों को एक साथ लाता है।
00:02:56अब मैं गाइडेड टूर पर क्लिक कर सकता हूं, और यह क्रम में प्रवाह के माध्यम से चलता है।
00:03:01एंट्री पॉइंट, वैलिडेशन, लॉजिक, डेटाबेस, बाहरी एपीआई, एयर हैंडल इट।
00:03:07यह पहले से ही बहुत उपयोगी है।
00:03:09यह गाइडेड टूर सब कुछ तोड़ देता है।
00:03:11हम इसमें जा सकते हैं, अलग-अलग घटकों तक पहुंच सकते हैं।
00:03:14यह फर्क है, “अरे, यह एक बहुत ही कूल ग्राफ है और मैं वास्तव में
00:03:18प्रोडक्शन कोड को छूने से पहले इसे चेक करूंगा।”
00:03:20लेकिन अब यहां स्पष्ट सवाल यह है कि क्या हमारे पास पहले से ही ऐसे टूल नहीं हैं?
00:03:25डेवलपर्स के रूप में, हमें वास्तव में किसी और सुंदर डैशबोर्ड की आवश्यकता नहीं है।
00:03:29हमें कम समय बर्बाद करने की आवश्यकता है, और यह टूल सॉफ्टवेयर में सबसे बड़े समय के नुकसान में से एक के पीछे जाता है।
00:03:35संदर्भ (Context) प्राप्त करना, है ना?
00:03:37यह सब कहाँ जुड़ा हुआ है?
00:03:38यह कैसे उपयोगी है?
00:03:39लोग इसे बड़े प्रोजेक्ट्स पर टेस्ट कर रहे हैं, लेगेसी जावा मोनोलिथ, माइक्रोसर्विस रेपो, सैकड़ों
00:03:45फाइलें, और प्रतिक्रिया कुछ वैसी ही है जो मुझे यहां मिली।
00:03:48यह नौकरी में मेरे पहले दो सप्ताह बचा लेता क्योंकि यह सब कुछ तोड़ देता है,
00:03:53यह सब कुछ जोड़ता है, और यह हमें दिखाता है कि यह कैसे आपस में जुड़ा हुआ है।
00:03:56यह पहला वास्तव में बड़ा उपयोग मामला है, ऑनबोर्डिंग।
00:03:58तो यह कहने के बजाय, “इन 12 पेजों को पढ़ें और अगर कुछ भ्रमित करने वाला है तो पूछें,” यह
00:04:03पहले से ही भ्रमित करने वाला है, अब हम कह सकते हैं, “ग्राफ खोलें, टूर लें, फिर हम बेहतर सवाल पूछ सकते हैं।”
00:04:08सकते हैं।”
00:04:09अब, दूसरा वास्तव में अच्छा उपयोग मामला एआई एजेंट है क्योंकि अधिकांश एआई कोडिंग टूल केवल
00:04:14उस संदर्भ के जितने अच्छे होते हैं जो हम उन्हें देते हैं।
00:04:17अगर एजेंट तीन फाइलें देखता है, तो वह बस अंदाजा ही लगाएगा।
00:04:20यदि इसके पास डोमेन, प्रवाह, निर्भरता और वास्तविक स्पष्टीकरण के साथ सिस्टम का एक संरचित नक्शा है,
00:04:27तो इसके पास पहली बार में सही बदलाव करने का बेहतर मौका है।
00:04:30फिर निश्चित रूप से रिफैक्टरिंग है, है ना?
00:04:32कोड को छूने से पहले, हम अब पूछ सकते हैं, “यह कोड किस पर निर्भर करता है?
00:04:36यह किस प्रवाह का हिस्सा है?
00:04:38यदि यह स्थानांतरित होता है तो क्या टूट सकता है?”
00:04:40इस तरह आप एक-पंक्ति वाले बदलाव को एक बड़ी घटना में बदलने से बचते हैं।
00:04:44और यही असली कारण है कि डेवलपर्स इस प्रोजेक्ट को लेकर काफी उत्साहित हैं।
00:04:48इसलिए नहीं कि हम आरेखों की परवाह करते हैं, मुझे आरेख पसंद हैं, है ना?
00:04:51वे कूल हैं, वे उपयोगी हैं, मैं दृश्य हूँ, लेकिन हमें खो जाना पसंद नहीं है।
00:04:55अब, यहां हमें सावधान रहने की जरूरत है क्योंकि डेवलपर्स ने पहले भी कोड विज़ुअलाइज़ेशन टूल देखे हैं।
00:05:00आईडीई ग्राफ, सोर्स ग्राफ स्टाइल नेविगेशन, एनएक्स ग्राफ, ट्री सेटर विज़ुअलाइज़र, और उनमें से बहुत सारे
00:05:05में एक ही समस्या है।
00:05:09वे क्या करते हैं?
00:05:10वे संरचना दिखाते हैं, लेकिन वे वास्तविक अर्थ नहीं समझाते।
00:05:13वे आपको बताते हैं कि यह फाइल उस फाइल को इम्पोर्ट करती है, महान, लेकिन क्यों?
00:05:18यह किस प्रवाह का हिस्सा है?
00:05:19अनुरोध कहाँ से शुरू होता है?
00:05:20यदि मैं इसे बदलूं तो क्या टूट जाएगा?
00:05:22यह वह लुप्त परत है।
00:05:24अंडरस्टैंड एनीथिंग उस परत को जोड़ने की कोशिश कर रहा है।
00:05:27सिर्फ एक टाइपस्क्रिप्ट फाइल या कुछ और दिखाने के बजाय, यह कुछ ऐसी चीज़ में बदलने की कोशिश करता है
00:05:31जो चीजें कैसे काम करती हैं, उसके वास्तविक प्रवाह के करीब है।
00:05:35ये यहाँ बड़ी चीजें हैं।
00:05:37फाइलों से अर्थ तक, इम्पोर्ट्स से सिस्टम व्यवहार तक, यहाँ से टुकड़े, यहाँ
00:05:42मशीन कैसे काम करती है, तक।
00:05:43कई एलएलएम या रैग कोड टूल की तुलना में, यह अधिक दृश्य और अधिक सिखाने योग्य भी है।
00:05:48बहुत से एआई कोड टूल मूल रूप से सिर्फ सर्च बॉक्स हैं।
00:05:52आप एक सवाल पूछते हैं, आपको एक जवाब मिलता है।
00:05:54यह आपको एक पूर्ण ब्रेकडाउन देता है, जो हमें यह समझने में मदद करता है कि सब कुछ कहाँ जा रहा है, क्या
00:06:00आपस में जुड़ा हुआ है, यह कैसे जुड़ा हुआ है, हमें वास्तव में कोड देखने की अनुमति देता है।
00:06:04अब बात करते हैं कि लोगों को वास्तव में क्या पसंद है।
00:06:05यहाँ स्पष्ट जीत ऑनबोर्डिंग थी।
00:06:07यदि आप एक बड़े कोडबेस में शामिल हो रहे हैं, तो यह आपको एक अच्छा शुरुआती बिंदु देता है।
00:06:12आर्किटेक्चर परतें भी, है ना?
00:06:13ये वास्तव में निर्मित हैं।
00:06:15आप सिस्टम स्तर पर शुरुआत कर सकते हैं और फिर मॉड्यूल और कार्यान्वयन विवरण में ड्रिल कर सकते हैं।
00:06:20विवरण।
00:06:21डिफ इम्पैक्ट एक और बड़ा है।
00:06:23हर अनुभवी डेवलपर उस कोडबेस में एक छोटा बदलाव करने का डर जानता है जिसे वे वास्तव में
00:06:27अभी तक समझते नहीं हैं।
00:06:29क्लाउड कोड उपयोगकर्ताओं के लिए, ग्राफ बेहतर संदर्भ भी बन सकता है, इसलिए रैंडम फाइलों को
00:06:34प्रॉम्प्ट में डंप करने के बजाय, आप एजेंट को संरचित आर्किटेक्चर ज्ञान देते हैं।
00:06:39यह मुफ़्त, एमआईटी लाइसेंस प्राप्त, वृद्धिशील और कई देव वातावरणों में काम करने के लिए डिज़ाइन किया गया है।
00:06:45अब संशयवादी पक्ष पर, जब कोई प्रोजेक्ट इतनी जल्दी ऊपर उठता है, तो हम सवाल पूछने लगते हैं,
00:06:49क्या यह उपयोगी है या इसने सिर्फ गिटहब एल्गोरिदम जीता है?
00:06:53यह पूछने के लिए एक अच्छा सवाल है।
00:06:55एलएलएम निर्भरताएँ भी हैं, इसका मतलब टोकन लागत है।
00:06:59यह टोकन लागत पर उड़ा।
00:07:02तो इसमें समय लगा, इसमें बहुत सारे टोकन लगे।
00:07:05यदि आप इसका उपयोग करने जा रहे हैं तो सुनिश्चित करें कि आपके पास एक अच्छी योजना है।
00:07:08आपको अभी भी अच्छे निर्णय की आवश्यकता है।
00:07:09यह सिर्फ आपको वह अवलोकन देता है।
00:07:11यह कोड पढ़ने की जगह नहीं लेता।
00:07:13यह सिर्फ आपको इसे बेहतर ढंग से समझने में मदद करता है कि सब कुछ कहाँ जा रहा है।
00:07:16यदि आप कोडिंग टूल और इस तरह के टिप्स का आनंद लेते हैं, तो बेटर स्टैक चैनल को सब्सक्राइब करना सुनिश्चित करें।
00:07:20हम आपको अगले वीडियो में देखेंगे।

Key Takeaway

Understand Anything कोडबेस को एक इंटरैक्टिव विज़ुअल मैप में बदलकर डेवलपर्स को जटिल लेगेसी सिस्टम्स को तेज़ी से समझने, ऑनबोर्डिंग को सुव्यवस्थित करने और रिफैक्टरिंग के जोखिमों को कम करने में सक्षम बनाता है।

Highlights

  • Understand Anything एक ओपन-सोर्स क्लाउड कोड प्लगइन है जो कोडबेस को इंटरैक्टिव नॉलेज ग्राफ में बदल देता है।

  • यह टूल कोड संरचना, मॉड्यूल संबंधों और व्यावसायिक अवधारणाओं को स्पष्ट करने के लिए स्टेटिक एनालिसिस और मल्टी-एजेंट एलएलएम प्रोसेसिंग का उपयोग करता है।

  • गिटहब पर लॉन्च होने के कुछ ही हफ्तों में इस प्रोजेक्ट ने 14,000 से अधिक स्टार्स प्राप्त किए हैं।

  • यह टूल ऑनबोर्डिंग समय को कम करता है क्योंकि यह पुराने डॉक्यूमेंटेशन पर निर्भर रहने के बजाय कोडबेस का विज़ुअल मैप प्रदान करता है।

  • उपयोगकर्ताओं को इस टूल के बड़े स्कैन के दौरान अधिक टोकन खर्च करने और लंबी प्रोसेसिंग अवधि के लिए तैयार रहना चाहिए।

  • यह कोडबेस में किए जाने वाले परिवर्तनों के संभावित प्रभावों को पहले ही समझने में मदद करता है ताकि अनपेक्षित त्रुटियों से बचा जा सके।

Timeline

कोडबेस को समझने की समस्या और समाधान

  • 200,000 लाइनों वाले कोडबेस को समझना डेवलपर्स के लिए एक आम चुनौती है।
  • Understand Anything कोड के प्रवाह और आर्किटेक्चर को विज़ुअलाइज़ करने के लिए एक इंटरैक्टिव नक्शा प्रदान करता है।

एक नई टीम में शामिल होने पर पुराने कोडबेस को समझना मुश्किल होता है, खासकर जब डॉक्यूमेंटेशन पुराने हो चुके हों। यह टूल फाइलों के बीच भटकने के बजाय सीधे कोड की संरचना, आर्किटेक्चर और संबंधों को समझने का विकल्प देता है।

उपकरण का संचालन और प्रक्रिया

  • यह टूल कर्सर, कोपायलट और जेमिनी सीएलआई के साथ वर्कफ़्लो में एकीकृत होता है।
  • स्कैनिंग प्रक्रिया में लगभग 30 मिनट का समय लग सकता है और काफी टोकन खर्च होते हैं।
  • डैशबोर्ड के माध्यम से उच्च-स्तरीय आर्किटेक्चर से लेकर विशिष्ट कोड लाइनों तक को ज़ूम और एक्सप्लोर किया जा सकता है।

प्लस-इन इंस्टॉल करने के बाद, यह पूरे रेपो को स्कैन करके मुख्य मॉड्यूल और व्यावसायिक अवधारणाओं को निकालता है। यह केवल फ़ाइल सूची नहीं, बल्कि गाइडेड टूर के ज़रिए सिस्टम के प्रवाह (एंट्री पॉइंट से डेटाबेस और एपीआई तक) को व्यवस्थित रूप से दिखाता है।

डेवलपर वर्कफ़्लो में लाभ

  • यह टूल नए डेवलपर्स के लिए ऑनबोर्डिंग समय को काफी कम कर देता है।
  • एआई एजेंटों को अधिक संरचित संदर्भ देकर, यह उनके द्वारा किए जाने वाले कोड सुझावों की सटीकता को बढ़ाता है।
  • कोड में बदलाव करने से पहले यह निर्भरताओं को दिखाकर रिफैक्टरिंग के दौरान टूटने वाले हिस्सों को रोकता है।

मौजूदा कोड विज़ुअलाइज़ेशन टूल अक्सर केवल स्ट्रक्चर दिखाते हैं, लेकिन यह टूल सिस्टम के वास्तविक व्यवहार और प्रवाह को समझाता है। यह डेवलपर्स को कोड छूने से पहले उसके संभावित प्रभावों का आकलन करने की क्षमता देता है।

सीमाएं और विचार

  • यह टूल कोड पढ़ने का विकल्प नहीं है, बल्कि केवल उसे बेहतर ढंग से समझने का एक माध्यम है।
  • टोकन लागत और लंबी स्कैनिंग अवधि के कारण इसे बड़े प्रोजेक्ट्स पर उपयोग करते समय सावधानी बरतनी चाहिए।
  • यह सुनिश्चित करना आवश्यक है कि उपकरण का आउटपुट केवल एक सुंदर आरेख न होकर वास्तविक तार्किक अंतर्दृष्टि प्रदान करे।

उपयोगकर्ताओं को टूल की निर्भरता और टोकन खपत का ध्यान रखना चाहिए। यह टूल केवल एक शुरुआती बिंदु प्रदान करता है और डेवलपर्स को अंतिम निर्णय लेने के लिए अभी भी स्वयं कोड की समीक्षा करने की आवश्यकता होती है।

Community Posts

No posts yet. Be the first to write about this video!

Write about this video