Hadi yeni yayınlanan https://same.dev sitesine bir göz atalım.”
Same nedir
Same, kullanıcıların herhangi bir UI arayüzünü hızlı bir şekilde kopyalamasına yardımcı olan bir web sitesidir.
Ana işlevi, hedef web sitesinin URL’sini girdikten sonra, bilgisayarlı görü, makine öğrenimi modelleri, web tarama teknolojileri ve kod üretim motorları gibi en son teknolojileri kullanarak bu web sitesinin UI öğelerini hassas bir şekilde analiz edip çıkarmaktır. Ardından, orijinal siteye neredeyse birebir benzeyen bir kopya oluşturur.
Karmaşık düzenlerden şık renk şemalarına, hatta benzersiz etkileşim efektlerine kadar, Same hepsini zahmetsizce halleder.
Bu, özellikle hızlı bir şekilde prototip oluşturmak, tasarım referansı almak veya başarılı UI örneklerini incelemek isteyen tasarımcılar ve geliştiriciler için büyük bir nimet.
Örneğin, bir girişim şirketinin ürün yöneticisi olduğunuzu düşünelim. Temiz ve etkili bir giriş sayfası tasarımı arıyorsunuz. İhtiyaçlarınıza mükemmel şekilde uyan bir web sayfası buluyorsunuz, ancak yeterli tasarım becerisine sahip olmadığınız için bunu sıfırdan oluşturamıyorsunuz. İşte tam da bu noktada, yalnızca URL’yi Same’e girerek, tamamen işlevsel ve yüksek doğrulukta bir kopya elde edebilirsiniz. Daha sonra bunu kendi ihtiyaçlarınıza göre özelleştirerek büyük miktarda zaman ve emek tasarrufu sağlayabilirsiniz.
Eskiden, ön uç geliştiriciler sürekli küçük ve tekrarlayan görevlerle meşgul olmakla eleştirilirdi. Ama artık, bu görevleri yapmak için geliştiricilere bile ihtiyaç kalmayabilir!
Üstelik Same, yalnızca UI’yi kopyalamakla kalmaz, aynı zamanda tam teşekküllü bir ön uç projesi oluşturur!
TypeScript, ESLint, Prettier, Vite gibi modern ön uç araç zincirlerini içeren eksiksiz bir proje oluşturabiliyor.
Dürüst olmak gerekirse, bu proje kurma yeteneği, çoğu orta ve giriş seviyesindeki ön uç geliştiriciyi açık ara geride bırakıyor!
Örneğin, ben Bilibili’nin web sitesini girdim, Enter tuşuna bastım ve birkaç dakika bekledim…
Sonuç? Bilibili’nin eksiksiz bir ana sayfa klonu, üstelik anında yayınlanmış halde! (Gözler yaşlı… 😭)
👉 Bilibili Clone App
Ne kadar kusursuz değil mi? Eğer beğenmediğiniz bir şey olursa, sadece birkaç küçük düzenleme yaparak 2 günlük iş yükünü 5 dakikada halledebilirsiniz.
Üstelik kod kalitesi sizinkinden daha iyi olursa ne yaparsınız? Sinirlenir misiniz? 😆
Same’in Getirdiği Değişim
Ön Uç Geliştiriciler İçin
Same, ön uç geliştiricilerin verimliliğini önemli ölçüde artırabilecek bir araç.
Bu sayede geliştiriciler, UI tasarımına saatler harcamak yerine, iş mantığı, karmaşık etkileşimler ve yüksek performans optimizasyonları gibi daha kritik konulara odaklanabilirler. Özellikle, tasarımcıların takıntılı olduğu 1 piksel farklarıyla uğraşmaya gerek kalmayabilir. 😆
Ayrıca kod kalitesinde de bir artış sağlar.
Same, nispeten standart bir kod yapısı oluşturduğu için geliştiriciler, bu temel üzerine daha iyi bir yapı kurabilir ve kodun okunabilirliği ve sürdürülebilirliğini artırabilir.
Ayrıca geliştiriciler, Same’in ürettiği kod ile kendi yazdıkları kodu karşılaştırarak eksikliklerini fark edebilir ve kendilerini geliştirme şansı yakalayabilirler.
Ancak, bu durum bazı geliştiriciler için baskı yaratabilir. Özellikle giriş ve orta seviyedeki ön uç geliştiriciler (sadece “sayfa yapanlar”), eğer kendilerini hızla geliştirmezlerse, UI tabanlı işlerin çoğu AI tarafından yapılmaya başlayabilir.
Bağımsız Geliştiriciler İçin
Şüphesiz, Same’in ortaya çıkışı bağımsız geliştiricilerin iş yükünü önemli ölçüde azaltıyor.
Çünkü hem başarılı web sitelerinin UI tasarımlarını taklit edebilir hem de kaliteli ön uç kodu üretebilir.
Bu da tasarım ve geliştirme maliyetlerini yarıya indirir.
Böylece bağımsız geliştiriciler, kendi projelerine veya hayatın keyfini çıkarmaya daha fazla zaman ayırabilirler. Sonuçta, hayat işten daha önemlidir, değil mi? 😃
[Saitama] Sıcak hatırlatma:
1. Bu sitede yayınlanan makaleler ve ekler çalışma ve araştırma ile sınırlı olup, ticari veya yasadışı amaçlarla kullanılamaz veya sonuçlarından lütfen kullanıcı sorumlu olsun!
2. Kaynaklar ağdan alınmıştır, kaynakların bütünlüğünü garanti etmez, yalnızca öğrenme ve araştırma içindir, herhangi bir ihlal varsa, silmek için lütfen müşteri hizmetleriyle iletişime geçin！
3. Bizi beğendiyseniz, VIP satın almaya hoş geldiniz, daha iyi hizmet alacaksınız!
İletişim