🗯️ 🍜 🎦 रूबी मेमे जनरेटर भाषा में रुचि को आकर्षित करने के लिए 👏🏽 💚 👼

मेरी राय में, रूबी भाषा 2012 - 2014 में उतनी ही लोकप्रिय हो गई थी, और इसलिए मेरी एक इच्छा थी, जब तक कि भाषा पूरी तरह से भूल न जाए, इसे फिर से जनता तक पहुंचाने की कोशिश करना, क्योंकि रूबी, मेरी राय में, वेब विकास के लिए सबसे सुविधाजनक और व्यावहारिक भाषा है।
लगभग एक हफ्ते पहले, मैं अपने समुदाय को टेलीग्राम में बनाने, शुरुआती प्रोग्रामर खोजने और रूबी विकास को उज्ज्वल पक्ष में लाने के लिए उत्सुक था।

योजनाएं एक समुदाय बनाने के लिए थीं, लेकिन जिसमें सभी लोग परियोजनाओं पर अपनी समस्याओं और बगों के बारे में नहीं लिखेंगे (ऐसे पर्याप्त समुदाय हैं), लेकिन एक समुदाय जिसमें रूबी दुनिया से उपयोगी जानकारी पोस्ट की जाएगी।

सबसे पहले, मैं मेम के रूप में पोस्ट बनाना चाहता था, लेकिन शैक्षिक सामग्री के साथ।

ऐसे ही

जब मैंने मेम जनरेटर की साइट के माध्यम से 10 चित्र बनाए, तो मुझे एहसास हुआ कि सब कुछ बहुत धीमा और समस्याग्रस्त था, साथ ही हर चीज के लिए, मैंने केवल 10 रूबी तरीके बनाए और उनमें से लगभग 1,000 से अधिक टाइप किए जा सकते हैं। यह अपना मेमे जनरेटर बनाने और यहां तक कि इस सब के लिए इंटरफ़ेस टाई और रूबी भाषा का उपयोग करके यह सब करने का निर्णय लिया गया था।

आरएमजिक के साथ छवि निर्माण

रेंडरिंग के साथ ज्यादा परेशान न करने के लिए, पहले से मौजूद मणि `rmagick` को एक आधार के रूप में लिया गया था। इस रत्न के लिए धन्यवाद, हम आसानी से चित्रों को संशोधित कर सकते हैं।

नीचे दिए गए कोड में, मैंने एक चित्र के रूप में नई वस्तुओं (ग्रंथों) को बनाया और उन्हें आधार के रूप में ली गई तस्वीर पर रखा।

मुख्य तर्क कोड

 img = Magick::ImageList.new("1.jpg") title = Magick::Draw.new title.pointsize = 126 title.font_weight = Magick::BoldWeight title.fill = 'white' title.gravity = Magick::CenterGravity title.annotate(img, 0, 0, 0, -400, first_text) descritpion = Magick::Draw.new descritpion.pointsize = 72 descritpion.font_weight = Magick::BoldWeight descritpion.fill = 'white' descritpion.gravity = Magick::CenterGravity descritpion.annotate(img, 0, 0, 0, 300, second_text) img.write("actual_mem/#{first_text}.jpg")

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

सिनात्रा में वेब इंटरफेस

अब इंटरफ़ेस को लागू करना आवश्यक था। एक छोटे से आवेदन के लिए एक बड़ी रेल परियोजना को तैनात नहीं करने के लिए, मैंने सिनात्रा नामक एक और रूबी ढांचे का उपयोग करने का फैसला किया

परिणाम एप्लिकेशन को चलाने के लिए कोड के साथ एक छोटी फ़ाइल है

सिनात्रा एप्लिकेशन लॉन्च फ़ाइल

 require 'sinatra' get('/') do haml :index end post('/') do if params[:title] && params[:description] require 'rmagick' b = params[:description].scan(/[-a-zA-Z-0-9_.,()—-]+/) second_text = "" b.each_with_index do |text, index| if index.modulo(4) == 3 second_text += text + "\n" else second_text += text + " " end end img = Magick::ImageList.new("../1.jpg") title = Magick::Draw.new title.font = '' title.pointsize = 126 title.font_weight = Magick::BoldWeight title.fill = 'white' title.gravity = Magick::CenterGravity title.annotate(img, 0, 0, 0, -400, params[:title]) descritpion = Magick::Draw.new descritpion.font = '' if b.size > 20 descritpion.pointsize = 48 else descritpion.pointsize = 72 end descritpion.font_weight = Magick::BoldWeight descritpion.fill = 'white' descritpion.gravity = Magick::CenterGravity descritpion.annotate(img, 0, 0, 0, 300, second_text) img.write("../actual_mem/#{params[:title]}.jpg") end haml :index end

आप आधिकारिक वेबसाइट पर पापाट्रा पर प्रलेखन पा सकते हैं, मैं यहां बहुत कुछ नहीं समझाता।
मैंने CSS Grid को थोड़ा खराब कर दिया और haml का उपयोग करके मैंने एक मेम बनाने के लिए डेटा प्रविष्टि पृष्ठ बनाया

Haml कोड:

 !!! 5 %html(lang="en") %head %title C  %link{:rel => "stylesheet", :type => "text/css", :href => "/style/main.css"} %body %h1    %form{ :action => "/", method: "post"} %label   %input{ name: "title" } %label   %textarea{ name: "description" } %input{type: "submit"}

सीएसएस कोड:

 form { display: grid; grid-template-columns: 200px 1fr; grid-gap: 16px; } label { grid-column: 1 / 2; } input, button { grid-column: 2 / 3; }

ब्राउज़र में प्रदर्शित करें:

मैंने पहले चरण में कोई सौंदर्य नहीं जोड़ा, मुझे केवल कार्यात्मक के स्पष्ट कार्यान्वयन की आवश्यकता थी। इसलिए, पृष्ठ में केवल एक शीर्षक, दो लेबल टैग, ऊपरी पाठ के लिए इनपुट और निचले के लिए textarea है। और फॉर्म को सर्वर में जमा करने के लिए इनपुट भी करें।

भविष्य की योजना

भविष्य में मैं फ़ॉर्म को पूरा करने के बारे में नहीं सोच रहा हूँ - मैं ऊपरी और निचले पाठ के फ़ॉन्ट आकार को सेट करने के लिए एक स्लाइडर जोड़ूँगा, पाठ को स्थिति देने के लिए स्लाइडर्स, और आप एक पूर्वावलोकन ब्लॉक भी बना सकते हैं।

मेमे जनरेटर के अलावा, मेरे पास समूह के लिए एक बॉट भी है जो कमांड पर समुदाय को एक तस्वीर भेजता है और चित्र को वास्तविक_मम फ़ोल्डर से sended_mem फ़ोल्डर में ले जाता है। रूबी में बॉट भी बनाया गया है, लेकिन अगर यह दिलचस्प है, तो मैं इसके बारे में एक बार एक लेख करूँगा।

लेख इसलिए लिखा गया था ताकि नौसिखिए प्रोग्रामर समझ सकें कि भाषा जटिल नहीं है और आप अपने विचारों और परियोजनाओं को जल्द से जल्द और बिना किसी तनावपूर्ण स्थितियों के केवल कुछ घंटों में महसूस कर सकते हैं।

स्रोत कोड

github लिंक

रूबी मेमे जनरेटर भाषा में रुचि को आकर्षित करने के लिए

आरएमजिक के साथ छवि निर्माण

सिनात्रा में वेब इंटरफेस

भविष्य की योजना

स्रोत कोड

रूबी को चुनें

More articles: