Bu konuda bu üçüncü yazım. Trendyol teknoloji olarak temelli evden çalışma kararını aldı. Tabi bu bazı tercihleri yapmamı kolaylaştırdı. Ek bazı ihtiyaçlar doğdu.
Soğutma (Samsung Wind-Free Klima)
Tamamen evden çalışma kararı sonrası çalışma odama bir klima almalıyım dedim. Geçen sene ki vantilatör deneyimim bu kararı almamda etkili oldu. Trendyol’un evden çalışma için açtığı 3.000 TL’lik ödeneğinin de yardımıyla Samsung Wind-Free 12000 BTU Inverter Duvar Tipi Klima aldım. Gayet memnunum telefon üzerinden yönetilebilmesi ve Google Home entegrasyonu ve asıl Wind-Free ile sizi çarpmadan serinletmesi güzel. Diğer kullandığım klimaya göre daha sessiz. Biraz pahalı. 9/10 Yeni 🟢
Webcam (Logitech Brio 4k Ultra Hd Webcam)
İlk evden çalışmaya başladığımda webcam almak çok mantıklı gelmiyordu. Hatta cep telefonlarımızın yeterli olduğunu düşünüyordum. Telefonu bilgisayarın web kamerası olarak tanımlamak adlı bir yazı da yazmıştım. Sonra evden çalışmanın sabitlenmesi ve görüntülü konuşmalarda ki artış nedeniyle bir tane webcam almak gerektiğini düşündüm. Murat Çorlu ve daha sonra Sercan Eraslan‘ın önerisiyle ben de Logitech Brio 4k Ultra Hd Webcam aldım. Her ne kadar toplantılarda karşıya 4k görüntü aktarmasa da ışığı ayarlayan yazılımı ve odaklanma performansı nedeniyle tercih ettim. Gayet memnunum. Biraz pahalı. 9/10 Yeni 🟢
Akıllı Priz
Prizlerin yetmemesi ve akıllı teknolojilerinin hayatımıza girmesiyle akıllı tekli priz almaktansa Aliexpress’ten 4’lü priz + 3 adet usb olan akıllı bir priz aldım. Telefon üzerinden kontrol etmek güzel. Ayrıca toplantı saatlerine ayarladığım otomatik ayarla ışığımı açması sayesinde toplantı hatırlatma özellği de var. USB’leri hızlı şarj destekli olduğu için o da ayrı bir avantaj. Çin’den 3 haftada gelmesi ayrı sevibdirdi beni. 9/10 Yeni 🟢
Elektrik destek sistemi
Elektrik destek sistemi de nedir? Elektrikler gittiğinde internetin de gitmesi sorun. Elektrikler gidince bilgisayarın şarjı belli bir saat beni idare ediyor olması güzel. Burada sorunum internet ile ilgili, internetin kesilmesi beni mobil ağa yönlendiriyordu. Youtube’da elektrikler kesilse de modemi idare edebilecek sistemler konusunda 3-5 video seyrettikten sonra bende böyle birşey yapmalıyım dedim.
Üç parça alet aldım
Xiaomi Redmi 10000 Mah Taşınabilir Hızlı Şarj Cihazı - Powerbank (Talha Turhan‘ın önerisiyle aldım. Bu güç kaynağının mac’leri dahi şarj ettiği söyleniyor.)
USB Güçlendirici Gerilim Regülatörü (5V to 3.3V-24V)
Modeme gücü aktaracak ara kablo (elektrikçiden aldım.)
Üçünü birleştirip bir destek sistemi oluşturdum. Şimdiye kadar bir kere lazım oldu ama elektrikler gittiğinde alternatif bir çözümümün olması beni rahatlatıyor. Ayrıca tümleşik çözümlere göre avantajı güç kaynağını başka amaçlar için de kullanabiliyorum.
Not: Fiber modemler ve Kablonet modemlerinde işe yaramıyor diyorlar.
Type-c 90 derece aparatı (Mykablo Type-c 90 Derece Dişi-erkek)
MacOs bilgisayarımı mönitör kablosu ile şarj ediyorum. Yani hem görüntü aktarıp hem şarj için kullanıyorum. Ancak şöyle bir sorun oluyor; kablo direk makineye girdiği için sağdaki harici mönitörün önüne geliyordu. Bunun için Sercan2ın önerdiği şu aparatı aldım ve iş çözüldü.
Sandalye (Ikea MARKUS)
Geçen yazıda bahsettiğim sorunlar devam ediyor. Ancak kullandıkça biraz daha ısınıyorum. Biraz daha iyi bir alternatifi bulursam değiştirebilirim. Herman Miller, Mirra 2 gözüm var ama çok pahalı. 🟡 7/10
Mouse (Logitech MX Vertical Advance Ergonomic Mouse)
Hala tek geçeceğim fare. 10/10 Devam 🟢
Telefon Tututucu (Benks Masaüstü Telefon Tutucu)
Telefon tutucu ile de devam ediyorum. Şirketin gönderdiği ufak tahta telefon tutucu da gayet iş görüyor. 8/10 Devam 🟢
Monitör (Dell UltraSharp 24 USB-C U2419HC)
Daha büyükleri ve oval olanlar ilgimi çekse de bu da gayet iş görüyor. 8/10 Devam 🟢
Masa (Ikea BEKANT)
Ikea SKARSTA gibi yükseltilebilir olanı görsem yine alabilirim ancak bu da gayet güzel.
Devam 9/10 🟢
Kulaklık (Huawei FreeBuds 3 Bluetooth kulaklık)
Huawei kulaklıktan memnunum. Yenileri çıktı ama benim kullandığımın üzerine ek güzel bir özelliklerini göremedim. 9/10 Devam 🟢
İnternet (Vodafone Evde internet + Turkcell SuperBox)
Superbox’tan memnunum ancak fiyat vergiler dahil olunca 141 tl oldu. Bazı saatlerde hızda dalgalanmalar oluyor. Fiber bu mahalleye uzun süre gelmeyeceğini düşünürsek SuperBox’a mecburum.
Fiber gelmedi ama VDSL gelmiş bizim bölgeye onu alıp deneyeceğim. Gelmiş ama bizim buraya veremiyorlarmış. Ben yine Superbox + ADSL ile devam 6 / 10 🟡
Klavye (Apple 1. Nesil Kablosuz klavye)
Klavye konusunda çok rahatsız değilim. Ama pil sorunu ve ergonomi nedeniyle yeni bir arayış içindeyim. Bu sıralar ayrık mekanik klavyeler ilgimi çekiyor.
I've shared my Sofle v2 Mario Themed mechanical keyboard on Reddit r/MechanicalKeyboards https://t.co/JHiZ0xlyVR pic.twitter.com/1UtgidNoxO
— fatih kadir akın (@fkadev) August 12, 2021
Fatih Kadir Akın’ın klavyeleri hoş ama ben kendim bunları yapamıyacağım için alırsam Çin’den almayı düşünüyorum. 6 / 10 🟡
Dizüstü Bilgisayar Standı (Dock Ağır Alüminyum Stabil Macbook Notebook Tam Ayarlı Büyük Laptop Standı)
Çok memnunum 9/10 Devam 🟢
Işık (SAYWİN Ring Light ve IKEA Tertial)
Işık konusunun önemini sonradan anladım. Kamera kararı sonrası daha da önem kazandı. Ikea’nın Tertial masa lambası hem uygun fiyatlı hemde gayet güzel ışık veriyor. Burada kullanırken lambayı ters çevirip duvara ışığı vurdurup daha yumuşak bir ışık alıyorum. 8 / 10 Devam 🟢
Kütüphane / raf / saklama alanı
Memnunum 8/10 Devam 🟢
11 Ekim 2021 tarihinde Fatih Hayrioğlu
VS Code ipuçları
Sublime Text’i bırakıp VS Code’a geçeli yaklaşık 1,5 sene oldu. Bu süreçte kullandığım bazı eklentileri iki yazıda paylaşmıştım. Bu yazı da ise sizlere kullanım deneyimlerimi ve bazı faydasını gördüğüm eklentileri paylaşacağım.
Genel olarak VS Code’dan memnunum
Artıları;
Hızlı olması
Açık kaynak olması ve devamlı güncellenmesi
Terminalden beklediğim tüm özelliklerin bütünleşik terminalde olması.
Eklentilerinin çok ve kullanışlı olması
Git yönetiminin tümleşik ve iyi çalışması. (Sublime’da ayrı bir uygulama kurmak gerekiyordu)
Go to defination özelliğinin güzel çalışması. (İlk denediğimde çok kötüydü)
Aramanın soldan aşağı alma seçeneğinin gelmesi
Sublime Text kısayollarını taşıyabilmem
Eksi yanı;
Otomatik kod tamamlama konusunda hala yolunun olması. tabnine eklentisi bu açığı kapatıyor ama paralı ve pahalı.
Şimdiye kadar yazdığım VS Code paylaşımlarım:
Sublime Text’ten Visual Studio Code’a geçiş
VS Code HTML End Tag Labels eklentisi
VS Code ile yazım denetimi
Aktif kullanımda daha geniş alan kullanmak
VS Code’a geçtikten sonra terminal’i de VS Code içinde kullandığımdan dolayı kod yazarken kod alanım küçük gelmeye başladı.
İlk olarak kod yazarken alt terminal panelini kapalı tutuyorum.
İşi biraz daha ileri götürüp sol menüyü de kapatarak (Mac: Cmd+b Windows / Linux: Ctrl+b) tümekranı kod yazmak alanı olarak kullanmak güzel oluyor.
Dosyayı kaydettiğimizde kod düzeltmelerini Prettier otomatik yapsın
Projenizde Prettier ile kod düzeltme işi yapıyorsanız sizin için güzel ve basit bir ipucu vereceğim şimdi. Tek tek Prettier düzeltmeleri yapmak yerine dosyayı kaydettiğiniz de editörün sizin için bunu otomatik yapmasını sağlayacak ayar:
Ayarlar kısmında editor.codeActionsOnSave araması yapın eğer daha önce yoksa ekleyin ve aşağıdaki gibi değiştirin.
"editor.codeActionsOnSave": {
  "source.fixAll": true,
}
Süper.
Çoklu imleç seçimi
Çoklu imleç seçimleri editörlerde en çok sevdiğim özelliklerden birisidir. Herkesin bildiği bir metin seçip Cmd + D tuşlarına bastıkça dokümanımız içindeki tüm aynı metinleri birlikte seçme özelliğinin iki yeni özeliğinden bahsedeceğim.
Tümünü seç Bulunduğumuz dokümanda seçtiğimiz metnin hepsini nasıl seçeriz. Metni seçip Command Palette (⇧⌘P) açıp “Select All Occurrences of Find Match” yazmanız yeterli. Kısayol olarak
Windows + Linux: ctrl+shift+L Mac: cmd+shift+L
yazıyor ama ben de Kntrl + Cmd + G olarak görünüyor.
Geriye doğru seç Peki ileri doğru seçebiliyoruz da geriye doğru nasıl seçeriz. Preferences - Keyboard Shurtcuts tıklayıp açılan yerde arama kısmına addSelectionToPreviousFindMatch yazın gelen yerde kısayol olarak seçtiğiniz tuşları belirleyin. Ben Cmd + Shift + D yapmak istedim ama dolu diye Alt + J yaptım. Bir metin seçip her Alt + J’ye bastığım da önceki eşlesen metni buluyor.
I use ⌘+D a lot to select next match of a word or variable but I sometimes find myself wanting to select previous matches. Just added a shortcut for editor.action.addSelectionToPreviousFindMatch 👌 pic.twitter.com/lfLtnaGzez
— Wes Bos (@wesbos) March 13, 2019
Parantez renklendirme
Normalde bunun için bir eklenti kullanıyordum. Ancak geçenlerde VS Code ekibi bu eklentinin yaptığı işi kendilerinin direk editörün içinde yaptıklarında 10.000 kez daha hızlı çalıştığını yazdılar. Yapmamız gereken sadece Ayarlarda editor.bracketPairColorization.enabled değerini bulup true yapmak.
Kaynak: https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
Arama ipuçları
Aramada fuzzy arama tipini iptal etmek için çifrt tırnak içine almalıyız diyor.
Today's @code tip: disabling fuzzing matching in quick open
Use quotes in quick open (ctrl p / cmd p) to disable fuzzy matching on file names
Useful for short queries or filtering down the list of results#code2020 pic.twitter.com/Wyh31jlPKA
— Matt Bierner (@mattbierner) October 1, 2021
Console’u daha kolay ve işlevsel kullanmak için
console.log javascript’te en çok kullandığımız koddur herhalde. Bu kodu daha işlevsel ve kolay hale getiren bir eklenti. Turbo Console Log
Kaynak: https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
import ettiğimiz dosyaların boyutu
Optimizasyon dünyasında yaşıyoruz. Kullandığımız kütüphanen ve dosyanın boyutunu bilmek bizim için önemli. Tam da bu işi gören bir eklenti var. Import Cost
Eklentiyi kurduğumuzda import ettiğimiz dosyaların boyutlarını bize gösteriyor. Bu eklentiyi ilk kurduğumda çalışmamıştı. İkinci denediğimde çalıştı.
Kaynak: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
Ortak kod yazmak
Trendyol Front-end code camp’ın katılımcılarla beraber kod yazmak için ararken bulduğumuz bir eklenti. Live Share
Sisteme login olan kulanıcalar anlık bir oturum açıp diğer kullanıcılarla paylaşıp birlikte kod yazmasına olanak sağlıyor. Birçok güzel özellikleri olan bu eklenti bayağı başarılı.
Kaynak: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
Git geçmişine hızlı erişim
Git File History eklentisi ile dosyanın daha önceki değikliklerini hızlıca görme imkanı sağlıyor.
Command Palette (⇧⌘P) açıp “Git File History” yazmanız yeterli.
Eklenti linki: https://marketplace.visualstudio.com/items?itemName=pomber.git-file-history
Postman yerine VSCode
Ben de henüz denemedim ama bi ara deneyesim var.
Kaynaklar
https://stackoverflow.com/a/65226466/296373
12 Temmuz 2021 tarihinde Fatih Hayrioğlu
VS Code ile yazım denetimi
Kod yazarken gözümden kaçan yazım hatalarını sonradan düzeltmek can sıkıyor. Bu sorunum için bir çözüm aramadım hiç ama bu eklentiyi görünce tam benim ihtiyacım olan eklenti deyip yükledim. İngilizce ve Türkçe desteği de var.
Code Spell Checker eklentisi yazdığımız kod içindeki hatalı olan yazımları bize gösteriyor. Ayrıca düzgün halini öneriyor. Türkçe kısmında biraz sorunlu çalışsa da iş görüyor.