🖥️ #66: AI dla devów - narzędzia nowej generacji
+ rola Product Engineera i paradoks japońskiego web designu
Czujesz to? To zapach FOMO unoszącego się w powietrzu. AI znowu wyewoluowało, jest coraz bliżej zastąpienia programistów…
A tak na serio, przed nami ekscytujący okres w świecie programowania. Ostatnimi czasy pojawiają się narzędzia, które przynoszą ciekawe innowacje i mogą mieć realny wpływ na nasz codzienny workflow.
Nowości
OpenAI o1 - nowe modele do generowania kodu
Długo oczekiwane nowe modele od OpenAI właśnie wylądowały. Przeznaczone są one do pracy z problemami naukowymi, matematycznymi, oraz tymi związanymi z kodem.
Ich wsparcie zapowiedział już GitHub Copiltot.
Całość na razie w fazie eksperymentalnej. Przez najbliższe miesiące będziemy obserwować, jak sprawują się w porównaniu np. do Sonneta 3.5, który często jest wskazywany jako najlepszy wybór do pracy z kodem.
Cursor AI + Sonnet 3.5 - najlepsze połączenie AI dla programistów?
Programisty świat zapłonął po wpisie Adreja Karpathego na X. Autor wpisu, który jest znaną i cenioną postacią w środowisku AI, napisał o swoich pozytywnych doświadczeniach w zastąpieniu GitHub Copilota Cursorem.
Cursor to zbudowany na podstawie VSCode edytor, wypchany po brzegi integracjami z AI. Pozwala np. na wybranie modelu, pracę na wielu plikach, ma dostęp do internetu…
Hype train wystartował.
Jak się okazuje, nagły wzrost zainteresowania nie jest tylko marketingową paplaniną. Od siebie polecam nitkę na X, w której zebrane są wpisy pokazujące wykorzystanie tych narzędzi. Niektóre robią duże wrażenie :)
v0 Chat - nowa jakość generowania UI przez AI
Kojarzysz v0? To eksperymentalny projekt twróców Next.js, który pozwala generować interfejsy użytkownika. Ostatnio wszedł na wyższy poziom.
Aktualizacja v0 przyniosła nam w pełni funkcjonalny czat, ale co najważniejsze, mamy dostęp do preview wygenerowanego kodu. Narzędzie może również wykorzystywać zewnętrzne biblioteki (natywne wsparcie dla `shadcn/ui`), pracować na wielu plikach, generować interaktywne widoki…
Tutaj znajdziesz krótkie demo.
Miałem okazję testować najnowszą aktualizację i naprawdę jest nieźle. Zdarzają się tzw. halucynacje, wygenerowany kod po prostu nie działa, preview się zacina, ale ogólne wrażenie jest zaskakująco pozytywne.
Zachęcam do sprawdzenia, nawet w darmowym planie da się trochę poeksperymentować :)
Artykuły
Jak zostać Product Engineerem?
W czasach AI, gdy samo klepanie kodu jest po części zautomatyzowane, liczą się dodatkowe skille w projekcie.
Product Engineer to osoba, którą poza odhaczaniem kolejnych tasków, jest zaangażowana w inne aktywności, często wyskopoziomowe. Wymaga to zmiany podejścia i zainteresowania się nieznanymi dotąd obszarami.
Więcej w świetnym, podlinkowanym artykule.
SEO vs JavaScript - jak Google indeksuje dynamiczne strony?
“Aplikacje SPA to największy wróg dla SEO. Google nie traktuje SPA tak samo jak stron renderowanych po stronie serwera.”
Ile razy zdarzyło Ci się to usłyszeć? A ile w tym prawdy?
Twórcy Next.js postanowili to sprawdzić, wyniki mogą być zaskakujące!
Clip Path w CSS - niedoceniane narzędzie, które czyni cuda
Z czym kojarzy Ci się “clip-path” w CSS? Mi z wycinaniem różnych kształów.
Emil, twórca świetnego artykułu, otwiera oczy i pokazuje magię clip path. Z pozoru proste narzędzie okazuje się być bardzo przydatne przy złożonych animacjach UI.
Wideo
Japoński Web Design - jest dziwny, ale działa
Prostota kluczem do sukcesu! No chyba, że mówimy o japońskich stronach i aplikacjach. Dlaczego tak jest?
Super materiał otwierający oczy na zależność kulturową podczas tworzenia produktów cyfrowych.
OpenAI migruje na z Next.js na Remixa, dlaczego?
ChatGPT przechodzi na Remixa, meta framework od twórców React Routera. OpenAI postanowiło przepisać swój flagowy produkt na inną technologię frontendową, dlaczego?
Ciekawy przypadek, więcej informacji w materiale dobrze znanego Wes Bosa.
10 źródeł do nauki animacji na Webie
Animacje nie są najprostszym do opanowania konceptem. Mamy masę materiałów “od podstaw”, brakuje za to wyjaśnienia bardziej złożonych technik. Autor filmu przygotował listę 10 polecanych twróców/stron/kursów do wymasterowania webowych animacji.
Narzędzia
Rspack 1.0 - gdyby Webpack i Rust mieli dziecko
My tu gadu gadu o sztucznej inteligencji, nowych rozwiązaniach, innowacjach… A rynek narzędzi do budowania naszych aplikacji dalej żyje swoim życiem!
Rspack poza byciem najlepszym i najszybszym ( ;) ) jest kompatybilny z API Webpacka. Twórcy reklamują go jako bezproblemowy zamiennik.
Przez tą kompatybilność brzmi całkiem ciekawie, szczególnie dla bardziej dojrzałych projektów, które oparte są na Webpacku. Dasz mu szansę?
Nuqs - zarządzanie stanem w URL (Next.js)
Biblioteka do obsługi stanu w URL. Simple as that.
Lekka, szybka, dodająca wsparcie dla TS. Oferuje proste w użyciu API i kilka usprawnień konkretnie pod Next.js.
Widziałem sporo pozytywnych opinii. Warto sprawdzić :)
Kontakt
Podobał Ci się dzisiejszy mail?
Zostaw serduszko na samej górze, będę wiedział, że taka forma ma sens :)
Masz jakieś pytania? Pisz śmiało przez maila / wybrane social media.
Do usłyszenia!