Czego używam?

Wyprzedzając pytania, postanowiłem, że zrobię osobną stronę ze szczegółami technologii i gadżetów, których używam.

Panoramiczny widok mojego pokoju. Jest tam szafa, niska szafka RTV i duże narożne biurko. Wszystkie meble są czarno-białe. Ściany są białe. Sufit jest również biały ze zwisającymi lampami w kształcie kul.
Moja jaskinia, którą rzadko opuszczam.

Services 🛎️

  • Toggl Track - aby mierzyć czas moich produktywnych zajęć.
  • Google Keep - używam do surowych notatek, list zakupów i w sytuacji "nagłego pomysłu".
  • Apple Notes - używam do surowych, chaotycznych i bardziej "kreatywnych" notatek.
  • Evernote - był moim głównym narzędziem do robienia notatek przez długi czas (mam tam trochę notatek, ale przerzucam się na Notion).
  • Notion - używam do ustrukturyzowanych notatek, zadań i zarządzania projektami. Produktywne narzędzie typu wszystko w jednym (todo listy, notatki, tablice kanban i więcej).
  • GitHub - tam jest cały kod źródłowy mojej strony. Używam także GitHub Actions do CI/CD.
  • Netlify - mój hosting CDN. Oferuje także dodatkowe funkcjonalności jak anonimowe statystyki.
  • Vercel - mój obecny hosting CDN.
  • ConvertKit - jeżeli dostałeś maila z mojego newslettera, to za sprawą ConvertKit.
  • Udemy - platforma z kursami edukacyjnymi. Przerobiłem na niej sporo technicznych tutoriali.

Stos technologiczny 🛠️

  • TypeScript - przepisywanie mojej strony było dobrą okazją do nauki TypeScripta. Jest to nadzbiór JavaScriptu ze statycznymi typami.
  • React - najpopularniejszy framework front-end. Na początku miałem wątpliwości co do JSX, ale aktualnie lubię go.
  • Gatsby - strona na którą patrzysz została wygenerowana przez Statyczny Generator Stron - Gatsby. W domyśle zapewnia wydajność, skalowalność i bezpieczeństwo.
  • Gatsby theme i18n & react i18next - wtyczki do umiędzynarodowienia strony.
  • Next.js - meta-framework oparty o Reacta. Wykorzystałem go do zbudowania mojej nowej strony. Jest bardziej elastyczny niż Gatsby, ale wymaga więcej konfiguracji.
  • Style components - pomagają mi tworzyć komponenty wielokrotnego użytku. Dzięki temu mój design system jest spójny.
  • Panda CSS - biblioteka CSS-in-JS, z typowanymi (co?) stylami, które generują się w trakcie fazy buildu. Wybrałem ją z powodu wsparcia dla React Server Components, a zostałem dla przemyślanego API.
  • MDX - wzbogacony Markdown. Główny format dla moich treści. Używam go zamiast Markdowna, ponieważ umożliwia mi wykorzystywanie niestandardowych komponentów.
  • Prettier - formatuje dla mnie kod. Mogę przykładać mniej uwagi do stylowania, a i tak moje formatowanie jest perfekcyjne.
  • ESLint - podświetla dla mnie kod. Pokazuje mi, gdy robię w kodzie coś głupiego.
  • Jest - framework do testów jednostkowych.
  • Testing Library - biblioteka zachęcająca do dobrych praktyk w testowaniu (jak znajdowanie elementów po rolach ARIA).
  • Cypress - framework do testowania end-to-end. Z jego pomocą można symulować zachowanie użytkownika (klikanie, przewijanie itp.).
  • Cypress Axe - biblioteka do testowania dostępności. Dostępność jest zaniedbanym aspektem wielu stron.
  • Playwright - oferuje parytet funckji z Cypressem, a nawet więcej. Dlatego się na niego przesiadłem.

Aplikacje 💻

  • Visual Studio Code - wykorzystuję edytor kodu od Microsoftu, aby pisać kod TS Microsoftu, z pomocą Microsoftowego Copilota. Instaluję paczki z npm-a od Microsoftu i publikuję je na Microsoftowym GitHubie. A niech cię, Billu Gatesie! Przynajmniej używam MacBooka.
  • Figma - moje główne narzędzie do projektowania. Jest intuicyjne i skoncentrowane na komponentach. Tworzenie systemu projektowania z jego pomocą jest łatwe. Ma rosnącą społeczność, która tworzy wiele przydatnych rozszerzeń i plików projektowych. Dostępne nawet z poziomu przeglądarki.
  • Notion - istnieje aplikacja Notion dostępna na większości systemów operacyjnych.
  • Google Chrome - moja główna przeglądarka. Często prowadzi jeżeli chodzi o adaptację nowych funkcjonalności. Używam jej do przeglądania i tworzenia internetu. Rozszerzenia:
  • Moizlla Firefox - wspierająca przeglądarka. Wykorzystuje ją do przeglądania i testowania wsparcia dla niektórych funkcjonalności (lubię także jej narzędzia grid).
  • Safari - kolejna, wspierająca przeglądarka do celów testowych. Czasami używam jej, aby skorzystać z ✨ekosystemu Apple✨.
  • Spotify - moje centrum audio. Słucham muzyki, gdy koduję i podcastów, gdy spaceruję.
  • Peek - przydatna, gdy chcę zrobić gif, albo krótkie nagranie ekranu na Ubuntu.
  • Nvidia GeForce Experience - software do aktualizowania sterowników GPU, optymalizowania ustawień gier i nagrywania ekranu.
  • MSI Afterburner - software do ręcznego podkręcania karty graficznej.
  • Razer Synapse - aplikacja do konfigurowania mojej myszki i innych rzeczy Razera.
  • Origin - używam głównie dla serii Battlefield i innych tytułów od EA.
  • Ubisfot Connect - lubię niektóre serie od Ubisoft (Assassin's Creed, Splinter Cell, Watch Dogs).
  • Steam - pozostałe gry mam na Steam.
  • Discord - do komunikacji.

Konfiguracja biruka 🖥️

  • MacBook Pro 16" 2019 - laptop, którego używam w pracy. Z zalet - jest to MacBook. Z wad - ma tylko porty USB-C.
  • MacBook Pro 14" M3 Pro - laptop, którego używam prywatnie. Apple chyba posłuchało swoich klientów, bo wraz z nowymi laptopami powróciły porty. Możesz podłączyć do niego kabel HDMI lub włożyć kartę SDXC. Głośniki, ekran i ogólna jakość wykonania są dobre. Nowe czipy M3 są naprawdę wydajne.
  • Komputer stacjonary - mój główny komputer. Szczegóły:
    • MSI Z170A Gaming Pro Carbon - płyta główna
    • Intel i7 6700K (OC) - procesor
    • be quiet! Dark Rock Pro 3 - chłodzenie CPU
    • Kingston HyperX 16GB - RAM
    • GoodRam SSD 240GB - SSD 1 (Ubuntu)
    • Adata XPG M.2 256GB - SSD 2 (Windows 10)
    • WD Blue 1TB - HDD
    • NZXT H440 - obudowa
    • SilentiumPC Enduro FM1 Gold 550W - zasilacz
  • LG 27" 4k HDR (27UK650-W) - mój główny monitor. Ma 99% pokrycia palety kolorów sRGB, więc daje wierny obraz. Dzięki rozdzielczości 4k, mogę upchać na nim wiele rzeczy, jak 3 - 4 pliki z kodem obok siebie. Gry i filmy, które obsługują HDR wyglądają na nim bardzo żywo i kontrastowo.
  • Razer Viper Ultimate - bezprzewodowa, lekka myszka. Dobra do gier fps i innych rzeczy.
  • Logitech MX Master 3S - bezprzewodowa, cięższa myszka. Dedykowana do bardziej produktywnych zadań. Uwielbiam jej elektromagnetyczną rolkę - przewijanie stron internetowych lub wielu lini kodu nigdy nie było takie szybkie!
  • Razer Gigantus V2 - podkładka pod optyczne myszy.
  • Razer Pro Type Ultra - bezprzewodowa, pełna, mechaniczna klawiatura. Jest reklamowana jako produktywna, ale od frimy dla graczy. Dziwne połączenie, ale zaskakująco dobre. Przełączniki mechaniczne Razer Yellow są liniowe i ciche. Klawiatura charakteryzuje się wyjątkowo niskimi opóźnieniami - przewodowo i bezprzewodowo (~ 1 ms). Te cechy sprawiają, że nadaje się zarówno do pracy jak i do grania.
  • Apple Magic Keyboard - klawiatura do MacBooka, gdy używam go stacjonarnie. Kompletne przeciwieństwo klawiatury mechanicznej - jest lekka, płaska i mała. Pisanie na niej jest jednak również satysfakcjonujące. Aaa, no i żywotność baterii w tym małym urządzeniu jest niebywała!
  • HyperX Cloud II - kupiłem go niedawno, zastępując poprzednią wersję. Headset gamingowy, ale z dość dokładnym profilem audio, który się sprawdza przy innych mediach. Bardzo wygodny.
  • Ikea Bekant - moje biurko narożne. Ma dużą powierzchnię do pracy i sprytne rozwiązanie do zarządzania kablami - ani jeden z moich kabli nie leży na ziemi.
  • Ikea JÄRVFJÄLLET - moje krzesło biurowe. Podoba mi się jego estetyka - czysta i minimalistyczna. Nie jest tak wygodne jak krzesła ergonomiczne, ale za tę cenę oferuje niezłą jakość.
  • Gumowa kaczka - pomaga mi w debugowaniu problemów.

Inne gadżety 📱

  • Samsung Galaxy S20FE - mój główny telefon. W zasadzie flagowiec, ale za dwie trzecie ceny. Ma wyświetlacz o odświeżaniu 120Hz z dobrym PPI, Snapdragona 865, aparaty dobrej jakości i inne, przydatne funkcje, takie jak ładowanie indukcyjne.
  • iPhone 15 - tegoroczny, standardowy iPhone jest bardzo zbliżony do wersji Pro. Jedyne czego mi brakuje, to 120Hz ekran. Bo smartfon za ponad 4k PLN nie powinien takiego posiadać, c'nie Apple?
  • iPad Air 11 cali - bardzo lubię odręczne notatki, ale później nie mogę nic w nich znaleźć. iPad z Apple Pen Pro zastąpił mi zeszyty. Używam go na początku kreatywnego procesu i do czytania technicznych dokumentacji. Może także służyć jako dodatkowy, bezprzewodowy ekran do MacBooka, co jest całkiem imponujące, przyznaję.
  • Plantronics BackBeat Fit Sport - moje słuchawki Bluetooth, gdy jestem w drodze. Używam ich gdy spaceruję, biegam czy skaczę na skakance.
  • Sony WH-1000XM4 - para nausznych słuchawek z aktywną redukcją szumów. Używam ich, gdy chcę się odciąć od świata lub gdy sąsiad odkrywa w sobie majsterkowicza.
  • AirPods Pro 2. Generacji - potrzebowałem bardziej przenośnych słuchawek na siłownię i w podróży. Niezauważenie przełączają się pomiędzy różnymi użądzeniami Apple - jest to niezwykle wygodne.
  • Amazon Kindle Paperwhite 4 - lubię fizyczne wydania książek. Wolę je od e-booków. Jednakże, to przenośne urządzenie jest idealne, gdy chcę coś przeczytać, a nie chcę nosić większego ciężaru.
  • PlayStation 4 Pro - moja aktualna konsola. Gram na maszynach od Sony od czasów PSX. To się nie zmieni, bo prawdopodobnie kupię PlayStation 5. Lubię tytuły ekskluzywne na tę platformę, szczególnie od Naughty Dog. Kanapowa kooperacja jest nadal moją ulubioną rozgrywką multiplayer.
  • PlayStation 5 - tak, w końcu je kupiłem. Poza 4k, 60fps (powiedzmy) i HDR, czasy ładowania robią wrażenie. Chyba w końcu rozumiem to całe zamieszanie wokół wbudowanego dysku SSD. Technologia haptyczna to też niezłe doświadczenie. W skrócie, DualSense symuluje akcje twojej postaci za pomocą różnych sił i wibracji - jak np. dotykanie trawy. Trudno to wyjaśnić, dlatego zachęcam do samodzielnego przetestowania.
  • LG OLED 48C21LA - nie oglądam telewizji, więc kupilem go z myślą o konsolach. Ten TV oferuje 120Hz, 4k, HDR i VRR, więc może w pełni wykorzystać potencjał PlayStation 5. Wszystkie treści wyglądają dobrze na matrycy OLED. Ogólnie myślę, że ma świetny stosunek ceny do jakości.
  • Zaparzacz do kawy Chemex - dzbanek w kształcie klepsydry do parzenia kawy. Kawa sączy się przez filtr dłuższą chwilę, ale wychodzi bardzo klarowna.
  • Maszynka na żyletki - golę się jak mój dziadek. Byłem zaskoczony jak gładko przy jej pomocy mogę się ogolić. Wymaga to jednak cierpliwości i ostrożności. No i ograniczam choć trochę plastikowe odpady.