tarihinde Fatih Hayrioğlu

Daha önce bu konuda iki adet yazı paylaşmıştım.

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.

Çalışma ortamım

Soğutma (Samsung Wind-Free Klima)

Samsung klimaTamamen 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)

Logitech Brio 4kİ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

akıllı prizPrizlerin 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 kesintisinde modem çalıştırmaElektrik 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

Üçü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)

type-c 90MacOs 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.

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)

enter image description hereIşı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 🟢

tarihinde Fatih Hayrioğlu

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:

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.

VS Code ekranı

İş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.

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.

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

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ı.

Live Share

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.

enter image description here

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

tarihinde Fatih Hayrioğlu

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

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.