Khariidadda Isla Midka Ah, Saddex Qaab: SVG, Rust iyo Flutter

EVnSteven wuxuu gaaray meel raaxo leh. Madaldu waa mid deggan mana u baahna dayactir badan, taasoo ah waxa aan dooneynay markii aan bilownay: nidaam yar oo si deggan u shaqeeya. Taas ayaa ka tagtay meel yar oo tijaabo lagu sameeyo, waxayna aasaasayaashayadu heleen waqti ay ku bilaabaan mashaariic kale oo dhowr ah, kuwaas oo aad ka heli doonto dhamaadka.

Markaa waxaan sameynay tijaabo. Waxaan qaadnay khariidada boggayaga hore oo laba jeer dib u dhisnay: mar Rust oo loo rogmaday WebAssembly, marna Flutter. Maqaalkaan wuxuu saddexda midba midka kale ku soo bandhigayaa hal bog oo isbarbardhigaya.

1. Asalka: SVG, CSS iyo JavaScript yar

Si fudud: tani waa khariidada boggayaga hore. Waxaa lagu dhisay sida bogga webka intiisa kale loo dhiso: sawir ka kooban qaabab ay browser-kaagu hore u yaqaan sida loo soo bandhigo loona dhaqaajiyo. Waa tan ugu sahlan saddexda, waana tan inta badan booqdayaashu arkaan.

Waa hal sawir SVG ah. Browser-ku wuxuu inta badan ka shaqeeyaa animation-ka CSS, waxaana script yar ka shaqeeya inta kale.

Faa’iidada: ma jiro tallaabo dhisid, sidaas darteed template Hugo ayaa ku filan. Waa vector, sidaas darteed waxay sii ahaataa mid fiiqan cabbir kasta. Dhammaan 44 dhibic waa lagu gaari karaa keyboard-ka, mid kasta oo leh calaamad loogu talagalay akhristayaasha shaashadda. Erayadiisii yar-yaraa waxaa lagu turjumay dhammaan luqadaha aan isticmaalno.

Qiimaha waa culeyska bogga. Calaamadaynta khariidada waa ku dhawaad 107 KB (ku dhawaad 30 KB oo la cadaadiyey), marka la socdo waxay leedahay ku dhawaad 670 walxood iyo ku dhawaad 200 animation CSS ah. Xeerarka sidoo kale way adag tahay in la tijaabiyo: waqtiga wuxuu ku jiraa CSS keyframes iyo script ku jira bogga, sidaas darteed tijaabada keliya waa in la eego.

2. Rust iyo WebAssembly

Si fudud: Rust waa luuqad barnaamij oo caan ku ah xawaaraha iyo qabashada khaladaad badan ka hor inta barnaamijku uusan ordi. Halkan waxaan ku qornay “maskaxda” khariidada Rust, waxaan u xirnay qaab kooban oo browser-yadu ordi karaan (loo yaqaan WebAssembly), waxaana u ogolaanay inay isku sawirto khariidada oo dhan, sida farshaxanle sawiraya hal maro marar badan ilbiriqsi kasta. Adiga waxay kuu muuqataa mid isku mid ah.

Khariidada oo dhan waxaa lagu sawiraa hal maro oo Rust ah oo loo turjumay WebAssembly. Koodhka Rust ayaa leh dhammaan dhaqanka khariidada wuxuuna mar kasta dib u sawiraa wax walba.

Qaybta aan jeclayn ayaa ah in macquulka uu yahay Rust nadiif ah oo aan wax browser ah ku jirin: xisaabta meesha wax u socdaan iyo goorta ay isbedelaan, iyo parser-ka akhriya xadka dhulka. Waxay leedahay 13 tijaabo oo orda daqiiqad qayb ka mid ah, haddii waqtiga wareegga uu qaldan yahay, tijaabo ayaa fashilanta halkii qof uu ogaan lahaa inay muuqato mid aan caadi ahayn. Qiyaastii saddex meelood meel 1,070 xariiq oo Rust ah waa aasaaska la tijaabiyey (iyo tijaabooyinkiisa); inta kale waxay sawirtaa marooyinka waxayna maamushaa dhacdooyinka jiirka.

Boggu wuxuu noqdaa mid aad u fudud: hal element maro ah. Laakiin soo dejintu way ka weyn tahay. Module-ka la turjumay waa ku dhawaad 254 KB (ku dhawaad 92 KB oo la cadaadiyey) iyo ku dhawaad 28 KB oo JavaScript ah oo qalabka dhismaha soo saaro. Waxaa jira kharashyo aan dareemno marka aan ka shaqeyneyno:

• Qalab dhismeed. Dhismaha wuxuu u baahan yahay Rust, bartilmaameedka WebAssembly iyo qalab amarka khadka ah oo noociisu uu si sax ah ula jaanqaado maktabadda. Qoraalka dhismaheena wuxuu marka hore tijaabiyaa imtixaannada wuxuuna joojiyaa haddii mid guuldareysto.
• Ma jiro marin kumbuyuutar ama akhristaha shaashadda ee magaalooyinka gaar ah. Canvas waa sawir. Nooca SVG-ga ee leh 44 dhibcood oo la diiradda saari karo waa la waayey.
• Ingiriisi kaliya. Calaamadaha waxaa lagu qoray barnaamijka.
• Madow. Geeska hooska jilicsan wuxuu isticmaalaa shaandhada canvas blur, taas oo aan dhammaan biraawsarradu taageerin. Ma tijaabin Safari, halkaas oo geesku uu adkaan karo.

3. Flutter

Si fudud: Flutter waa qalab ka socda Google oo loogu talagalay dhisidda barnaamijyo ku shaqeeya taleefannada, kombiyuutarada iyo webka iyadoo laga soo bilaabayo hal kood. Ma isticmaasho qaybaha dhismaha bogga webka ee asalka ah. Wax walba waa uu sawiraa isaga. Halkan khariidada waa barnaamij yar oo lagu soo bandhigay boggan, isla qalabkaas oo awood u leh xisaabiyaha lacagta dallacaadda.

Waxay khariidada ku sawirtaa rinjiile khaas ah, waxaana lagu soo bandhigayaa halkan qaab qaabeed. Flutter sidoo kale waxay dhisi kartaa barnaamijyo taleefan iyo desktop ah iyadoo la adeegsanayo isla koodhka, taasoo ah dooda ugu weyn: hal mar ku qor khariidada, ku socodsii meelo badan.

Waa isla fikradda sida khariidada Rust, oo loo beddelay Dart, iyadoo leh 11 tijaabo. Ku dhawaad 1,100 sadar oo ay ku jiraan tijaabooyinka. Flutter waxay magaalo kasta u gudbisaa akhristayaasha shaashadda sida badhan calaamadeysan, taas oo nooca canvas-ka ka maqan (ma aanan hubin sida ay ula shaqeyso akhristaha shaashadda dhabta ah). Sidoo kale waa soo dejinta ugu weyn: app-ku waa ku dhawaad 1.8 MB (ku dhawaad 535 KB oo la isku cadaadiyey). Mashiinka sawiridda Flutter waa soo dejin dheeraad ah, laakiin goobtu horey ayaa nuqul ula wadaagtaa kalkuleytarka, sidaas darteed booqde furay kalkuleytarka mar hore ma soo dejisanayo mar kale. Qoraalkiisu wuxuu ku qoran yahay farta goobta, Merriweather, taas oo browser-ku ka soo qaato waqtiga orodka.

Waxa aan helnay

Hal qoraal oo dheeraad ah oo ku saabsan xawaaraha. Baaritaankeenna, khariidada SVG iyo khariidada Rust labaduba waxay ku shaqeeyeen heerka cusboonaysiinta shaashadda (ku dhawaad 120 frame ilbiriqsi kasta shaashadda tijaabada), sidaas darteed heerka frame-ka ma kala soocin. Ma aanan cabirin heerka frame-ka Flutter, mana aanan cabirin isticmaalka batteriga ama CPU-ga, sidaas darteed ma sheegi karno midka telefoonka ka khafiifsan.

Waxyaabaha nagu yaabiyay

Qaar ka mid ah faahfaahinta way fududahay in si khaldan loo fahmo. Nuqulkeena ugu horreeyay wuxuu sawiray furaha iyo saacadaha qayb go’an oo khariidada ah, sidaas darteed way yaraadeen marka shaashadaha yaryar la eego waxayna u muuqdeen kuwo yaryar marka loo eego asalka. Asalka wuxuu cabbiraa cabbirkiisa unugga farta bogga (rem, kaas oo isbeddela marka ballaca shaashadu isbeddelo). Nuqulka hadda wuxuu ka akhriyaa cabbirkaas bogga. Saacadaha sidoo kale way kala duwan yihiin: gacmaha asalka waxay u dhaqaaqaan tallaabooyin 15-daqiiqo ah, halka noocyada Rust iyo Flutter ay si joogto ah u wareegaan.

Aagagga waqtiga lama dhisin. Labadaba Rust oo loo turjumay WebAssembly iyo Dart midna ma laha keyd xogeed aag-waqtiga ah oo yaqaan “Asia/Dubai”. Labaduba waxay weydiiyaan biraawsarka, iyada oo loo marayo adeegga Intl ee ku dhex jira, kaas oo sidoo kale si sax ah u maareeya badalida waqtiga iftiinka maalintii.

Saddexduba waxay wadaagaan gelintooda. Khariidadaha Rust iyo Flutter waxay ka akhriyaan liiska magaalooyinka iyo xariiqda dhulka bogga ay ku jiraan, xogtaas oo la mid ah tan uu isticmaalo khariidada SVG. Haddii magaalo la beddelo, saddexduba way is beddelaan. Taas macnaheedu waa in khariidaduhu kaliya ka shaqeyn karaan bog bixiya xogtaas.

Flutter web wuu xasuustaa. Flutter web wuxuu rakibaa kaydkiisa gaarka ah, sidaas darteed markii dib loo dhisay waxaan sii arki jirnay noocii hore ilaa aan ka nadiifinay.

Gunaanadkeenna

Khariidada SVG waxay ku sii jirtaa bogga guriga. Sawirkan cabbirkiisu yahay mid fudud, waa mid la heli karo, waa la turjumay, mana u baahna wax dhisid ah. Rust waa kan labaad ee xiisaha leh: haddii aan mar walba u baahanno in macquulka khariidada la caddeeyo inuu sax yahay, ama aan u baahanno xisaab culus oo biraawsarka lagu sameeyo, asalka Rust ee la tijaabiyey waa hab wanaagsan oo taas lagu sameeyo. Flutter waxay macno samaynaysaa haddii khariidaddu mar walba u baahato inay ku dhex noolaato app Flutter ah.

Tijaabo ma aha in badeecada la beddelo si loo qiimeeyo. Waxaan helnay sawir cad oo ku saabsan kharashka hab kasta, sharaxaad la tijaabiyey oo ku saabsan sida khariidaddu u dhaqanto, iyo bog aad ku arki karto saddexda noocba adiga kuu gaar ah.

Waxa aasaasayaasheennu ku dhisayaan xiga

Madasha xasilloon waxay u oggolaaneysaa waqti fikrado kale. Marka laga reebo EVnSteven, aasaasayaasheennu waxay ka shaqeynayaan kuwaan:

Adeeg gaadiid qaadis, si dhow u soo baxaya Kimem ↗ (opens in a new tab) Adeeg gaadiid qaadis ah oo loogu talagalay Bahir Dar, Itoobiya, oo uu sameeyay aasaasaha Mekonnen Alemu. Rarayaashu waxay arkaan qiyaasta kharashka ka hor inta aysan ballansan, waxayna daawan karaan darawalka ugu dhow oo ku soo socda khariidada, waxayna bixiyaan kharashka metered-ka lacag caddaan ah dhamaadka safarka.

Aan faa'iido doon ahayn, il furan StrayCats ↗ (opens in a new tab) Mashruuc ka yimid David oo loogu talagalay dadka daryeela bisadaha waddooyinka, bisadaha duurjoogta ah, ama bisad kasta, xitaa haddii bisaddaas ay tahay eey. Weli waa heerka fikradda, ma jirto app weli, David-na wuxuu jeclaan lahaa fikradahaaga iyo jawaab celintaada. Waxaa loo hibeeyay Saibo, 2010–2026.

La socodka lacagta caddaanka ah, bilaash, si dhow u soo baxaya Effectivo ↗ (opens in a new tab) Xisaabinta aan dhamaystirnayn oo leh hal-abuurnimo, kuwa isticmaala lacag caddaan ah. Diiwaangeli iibsasho dhowr taabasho gudaheed, tiriso waxa ku jira boorsadaada, oo dib u eeg waxa qiimo lahaa. Hal-abuurnimadu waa in qof kasta oo sii wato isticmaalka lacagta caddaanka ah uu ka caawiyaa in lacagtaas la sii hayo qof walba oo kale. Bilaash iyo xayaysiis la’aan, waxay imaaneysaa Android iyo iPhone, iyadoo leh beta iyo demo web ah oo hadda socda.