यह मूल पोलिश लेख का एक एआई-जनित अनुवाद है और इसमें मामूली त्रुटियां हो सकती हैं।
एक व्यक्तिगत वेब उपकरण पारिस्थितिकी तंत्र का निर्माण
सॉफ़्टवेयर इंजीनियरों के रूप में, हर दिन हम छोटी समस्याओं का सामना करते हैं जिनके लिए त्वरित, तकनीकी गणना की आवश्यकता होती है: base64 को डिकोड करना, SHA-256 हैश की जाँच करना, टूटी हुई JSON फ़ाइल को प्रारूपित करना, या rem को पिक्सेल में बदलना।
मानक प्रतिक्रिया Google खोज में समस्या टाइप करना और पहले "ऑनलाइन JSON फ़ॉर्मेटर" पर क्लिक करना है। समस्या यह है कि ये साइटें अक्सर:
- विज्ञापनों और कुकी बैनर से भरी होती हैं।
- इंटरनेट कनेक्शन की आवश्यकता है (जो बिना सिग्नल वाली ट्रेन में चिड़चिड़ी हो जाती है)।
- हमारे अक्सर संवेदनशील डेटा या API कुंजियों को बाहरी, अप्रमाणित सर्वरों पर भेजते हैं ताकि उन्हें वहां संसाधित किया जा सके!
मुझे एहसास हुआ कि यह "उपकरण कचरा" मेरी सुरक्षा और आराम को बहुत अधिक प्रभावित करता है। इसलिए मैंने tools-app बनाया - मेरे अपने सुविधाजनक उपकरणों का एक केंद्रीकृत भंडार।
परियोजना को मेरे Gitea उदाहरण: gkucmierz/tools-app पर देखा और सह-निर्मित किया जा सकता है।
वास्तुकला और परियोजना धारणाएं
tools-app परियोजना एक भारी, फूला हुआ व्यावसायिक अनुप्रयोग नहीं है। यह अनुकूलित कैलकुलेटर और विजेट का एक चुस्त सेट है जो एक अच्छे फ्रंटएंड फ्रेमवर्क के साथ बंधा हुआ है।
1. शून्य बैकएंड प्रोसेसिंग (केवल क्लाइंट-साइड)
अपने टूल में नए मॉड्यूल जोड़ते समय मेरे द्वारा पालन किया जाने वाला सबसे महत्वपूर्ण नियम बैकएंड डेटा प्रोसेसिंग पर पूर्ण प्रतिबंध है। उन्नत अण्डाकार वक्र हैश या जटिल स्वरूपण की गणना भी विशेष रूप से उपयोगकर्ता के ब्राउज़र के RAM में होनी चाहिए।
- यह 100% गोपनीयता की गारंटी देता है। उपकरण में पेस्ट किया गया कोड कभी भी ऑपरेटिंग मशीन को नहीं छोड़ता है।
- नेटवर्क विफलता लचीलापन। यदि पृष्ठ लोड होता है, तो टूल को ऑफ़लाइन रहने के बाद भी काम करेगा।
2. वैनिला जेएस (Vanilla JS) / Vue की बदौलत गति
हालाँकि मुझे Vue 3 फ्रेमवर्क के साथ Vite इंजन जैसे अच्छे वातावरण पसंद हैं, लेकिन मैं हठपूर्वक इन "टूल्स" को हल्के घटकों का उपयोग करके लिखता हूँ या देशी वेब घटकों की जड़ों में वापस आ जाता हूँ।
एक साधारण युग (epoch) घड़ी या HEX-RGB कैलकुलेटर के मामले में एक आभासी DOM की कमी (या Vue में इसका सख्त नियंत्रण) का सीधा अर्थ है एक छोटा टाइम-टू-इंटरैक्टिव (TTI)। एप्लिकेशन एक सेकंड में खुलना चाहिए और सिस्टम क्लिपबोर्ड से तुरंत पेस्ट स्वीकार करना चाहिए।
3. प्रोग्रेसिव वेब ऐप (PWA)
अपने स्वयं के उपकरण बनाने का एक बहुत बड़ा लाभ यह है कि उन्हें सर्विस वर्कर (Service Worker) के साथ बांधना आसान है। इसकी बदौलत, पूरा tools-app सेट macOS के डॉक में या मेरे फोन की होम स्क्रीन पर एक पूर्ण रूप से विकसित, पृथक एप्लिकेशन (PWA) के रूप में आता है, जो ऑफ़लाइन काम करने के लिए तैयार है।
कभी न खत्म होने वाली कहानी की खुशी
अपना खुद का tools-app रखने और उसका पोषण करने का सबसे अच्छा हिस्सा यह है कि यह परियोजना कभी पूरी नहीं होती है। हर हफ्ते मैं एक नया फलन लिख सकता हूँ - कभी यह एक JWT (JSON वेब टोकन) पार्सर होता है, जिस पर मैंने क्लाइंट के बैकएंड के साथ काम करते समय अभद्र भाषा का इस्तेमाल किया था, तो कभी एक छोटा रंग सिम्युलेटर।
Gitea में यह भंडार नए CSS ब्राउज़र API, अनुकूलन और शुद्ध इंजीनियरिंग शिल्प कौशल के साथ खेलने के लिए एक परीक्षण मैदान है। किसी की पहुंच को मुफ्त क्लिक के साथ बनाने के बजाय, मैं अपने स्वयं के कार्यशाला का विस्तार करने के लिए इन मॉड्यूल को लोड करता हूं।
मैं आपको लेआउट को अपनी पसंद के अनुसार क्लोन करने, संशोधित करने और अपने स्वयं के विजेट्स जोड़ने के लिए आमंत्रित करता हूं!