Ulepszanie podpowiedzi

https://aie24.pl/

Inżynieria podpowiedzi to sztuka i nauka opracowywania i optymalizacji podpowiedzi w celu bardziej efektywnego wykorzystania LLM. Poznając inżynierię podpowiedzi, nie tylko staniesz się lepszy w uzyskiwaniu tego, czego chcesz od LLM, ale także zyskasz większe uznanie dla tego, co LLM może, a czego nie może zrobić.

Kodowanie z chatbotami

https://aie24.pl/

Duże modele językowe (LLM) umożliwiają komputerom rozumienie i generowanie języków ludzkich z zadziwiającą dokładnością. Chatboty to łatwe w użyciu interfejsy do LLM, które umożliwiają konwersacje z generatywnym modelem AI. Korzystając z chatbota, każdy może rozmawiać z LLM w sposób podobny do tego, w jaki wysyłałbyś wiadomość do znajomego lub współpracownika. (Aby dowiedzieć się, jak działa uczenie maszynowe i LLM, sprawdź rozdział 2.) Ponieważ generatywne modele AI, które leżą u podstaw chatbotów AI, zostały wytrenowane na ogromnej ilości tekstu, czasami może się wydawać, że chatboty są wszechwiedzące. Jednak po pewnym czasie pracy z chatbotami i otrzymywaniu czasami niespójnych lub po prostu błędnych odpowiedzi, zdasz sobie sprawę, że tak nie jest. W tym rozdziale dowiesz się, jak używać kilku popularnych chatbotów AI do generowania kodu programistycznego. Dowiesz się również, jak uzyskać lepsze wyniki, ulepszając dane wejściowe lub podpowiedzi, które dajesz LLM

Parowanie z Replit AI

https://aie24.pl/

Asystent AI Replit nazywa się Replit AI. Po otwarciu obszaru roboczego zobaczysz łącze do AI w panelu Narzędzia w lewym dolnym rogu ekranu. Kliknięcie ikony AI otwiera nową zakładkę po prawej stronie edytora kodu. Replit AI jest dostępny dla wszystkich członków Replit. Jednak płatni członkowie Replit mogą uzyskać dostęp do bardziej zaawansowanej wersji AI, przechodząc na stronę https://replit.com/cycles, gdzie możesz również zobaczyć swoje saldo Cycles (wirtualnych tokenów Replit) i kupić Cycles. Możesz zdobywać Cycles, wykonując Bounties. Replit AI ma cztery narzędzia: Generate, Debug, Explain i Modify, oprócz uzupełniania kodu w stylu Copilot podczas kodowania. Aby uzyskać dostęp do narzędzi Generate, Debug i Explain, kliknij prawym przyciskiem myszy w edytorze kodu. Narzędzia Modify i Explain, które odpowiednio zmieniają i wyjaśniają kod, są dostępne tylko wtedy, gdy wybierzesz kod, który chcesz zmodyfikować lub wyjaśnić za pomocą AI. Wszystkie narzędzia można również używać za pośrednictwem interfejsu czatu. Na dole panelu AI znajduje się pole tekstowe do wyświetlania modelu. Wykonaj następujące kroki, aby rozpocząć korzystanie z Replit w celu zbudowania witryny internetowej dla fikcyjnego zespołu punkrockowego o nazwie Grapefruit Pulp:

  1. Podaj AI następujący monit:

Działaj jak profesjonalny projektant stron internetowych. Użyj HTML i CSS, aby zaprojektować stronę główną mojego zespołu punkrockowego „Grapefruit Pulp”. Dodaj symbol zastępczy na zdjęcie zespołu. Nawigacja witryny powinna zawierać linki do dat tras koncertowych, informacji kontaktowych i galerii zdjęć. Po chwili model zwraca kod HTML i CSS.

  1. Zaznacz wszystko w index.html i usuń przykładowy kod szablonu.
  2. Kliknij łącze Wstaw u góry odpowiedzi HTML, aby wstawić wygenerowany kod HTML do index.html. Interfejs czatu nie może bezpośrednio współdziałać z Twoimi plikami, więc musisz samodzielnie skopiować wszelkie sugestie, które Ci się podobają, z okna czatu do swoich plików (używając funkcji kopiuj i wklej lub łącza Wstaw).
  3. Otwórz style.css i usuń jego zawartość.
  4. Użyj łącza Wstaw u góry odpowiedzi CSS, aby wstawić kod CSS do style.css.
  5. Kliknij przycisk Uruchom u góry IDE, aby otworzyć swoją witrynę w widoku internetowym Replit.

Replit AI ma dwa różne modele: podstawowy i zaawansowany. Podstawowy model jest szybszy, ale bardziej ograniczony. Zaawansowany model jest większy i wolniejszy, ale znacznie bardziej prawdopodobne jest, że da lepszą odpowiedź na niejasne lub kreatywne pytanie. Zaawansowany model jest dostępny tylko z płatnym kontem Replit. Jeśli masz płatne konto, możesz spróbować ponownie pytania z zaawansowanym modelem, przełączając wybór Podstawowy/Zaawansowany na dole okna AI. Lub jeśli jesteś płatnym członkiem, możesz użyć zaawansowanego modelu domyślnie, klikając przycisk Zaawansowany na górze interfejsu czatu AI . Aby zobaczyć, jak dobry jest zaawansowany model Replit AI w przypadku trudniejszych zadań, dałem mu następujący komunikat:

Użyj SVG i CSS, aby narysować grejpfruta ubranego w skórzaną kurtkę. Powinien zostać wstawiony w miejsce obrazu zastępczego

 Ta zachęta wydawała się przekraczać granice kreatywności modelu, chociaż może to być początek niesamowitego logo.

Następnie przeszedłem do pracy w galerii zdjęć. Dałem modelowi monit pokazany na rysunku

Po przesłaniu kilku zdjęć efekt był przyzwoity i zbliżony do tego, co sobie wyobrażałem. Prawidłowo użyte narzędzia asystenta kodowania, takie jak te, o których dowiedziałeś się w tym rozdziale, mogą sprawić, że staniesz się bardziej produktywnym koderem. W następnym rozdziale dowiesz się, jak rozmawiać z narzędziami czatu AI, aby generować pomysły i kod.

Karty i panele

https://aie24.pl/

Po prawej stronie paska bocznego znajdują się panele. W każdym panelu może być wiele otwartych kart. Po pierwszym otwarciu obszaru roboczego zobaczysz dwa panele. Pierwszy wyświetla edytor kodu, a drugi zawiera dwie zakładki: Webview i Shell. Narzędzie Webview wyświetla podgląd na żywo Twojego projektu, tak jak jest on wyświetlany w przeglądarce internetowej. Narzędzie shell zapewnia dostęp do powłoki poleceń systemu Linux. Możesz zmienić kolejność zakładek i paneli w obszarze roboczym, klikając i przeciągając ich nagłówki. Na przykład przeniosłem panel zawierający zakładki Webview i Shell na dół okna przeglądarki.

Tworzenie witryny za pomocą Replit

https://aie24.pl/

Czas poeksperymentować z Replit i jego funkcjami AI. Wykonaj poniższe kroki, aby zbudować witrynę za pomocą HTML, CSS i JavaScript:

  1. Po zalogowaniu się do Replit kliknij łącze Szablony w lewym pasku nawigacyjnym.
  2. Kliknij łącze Witryny, a następnie znajdź szablon HTML, CSS, JS. Szablon możesz znaleźć również za pomocą paska wyszukiwania.

Kiedy szukasz szablonu i jest dostępnych kilka, wybierz najpopularniejszy, patrząc na ikony wskazujące liczbę polubień i uruchomień

  1. Kliknij pole szablonu HTML, CSS, JS, ale nie klikaj jeszcze opcji Użyj szablonu.
  2. Przeczytaj opis szablonu i kliknij każdy z plików w lewym panelu (index.html, script.js i style.css), aby zobaczyć, co robią. W przypadku szablonu HTML, CSS, JS nie ma wiele do zobaczenia, poza tym, że wyświetla tekst Hello World.
  3. Kliknij Użyj szablonu i podaj nazwę i opis swojej witryny w wyskakującym okienku.

6. Nadal w wyskakującym okienku kliknij ponownie Użyj szablonu

Pasek boczny

https://aie24.pl/

Pasek boczny to lewa kolumna obszaru roboczego. Na górze paska bocznego znajduje się eksplorator plików. Tutaj możesz organizować i tworzyć pliki i foldery w swoim projekcie. Eksplorator plików działa tak samo jak większość przeglądarek plików. Kliknięcie pliku na liście otwiera ten plik do edycji. Poniżej eksploratora plików znajdują się narzędzia, w tym debuger, powłoka poleceń, przeglądarka internetowa (zwana Webview) i narzędzie asystenta AI (o którym dowiesz się w następnej sekcji). Aby zobaczyć wszystkie narzędzia, może być konieczna zmiana rozmiaru panelu Narzędzia.

Recenzja Replit

https://aie24.pl/

Replit to oparte na przeglądarce środowisko IDE z funkcjami wspomagającymi sztuczną inteligencję, funkcjami współpracy i dużą, aktywną społecznością programistów. Replit obsługuje wszystkie popularne języki programowania i frameworki. Ponieważ jest to środowisko w przeglądarce, korzystanie z niego nie wymaga żadnej konfiguracji poza utworzeniem bezpłatnego konta. Po utworzeniu programu za pomocą Replit możesz go użyć do wdrożenia programu. Jeśli wolisz pracować w trybie offline lub nie chcesz rozpraszać się witryną Replit, pobierz i zainstaluj aplikację Replit na komputer lub urządzenie mobilne. Aby rozpocząć korzystanie z Replit, przejdź do witryny https://replit.com i utwórz konto, używając swojego adresu e-mail, konta Google lub konta GitHub. Chociaż podstawową funkcją Replit.com jest środowisko IDE, witryna ma również sekcję Learn, w której możesz oglądać samouczki wideo i interaktywne lekcje kodowania. W sekcji Bounties w Replit, ludzie i firmy publikują oferty pracy programistycznej, a programiści reklamują swoje usługi, podając cenę za każdą z nich. Najszybszym sposobem rozpoczęcia pracy nad projektem w Replit jest użycie jednego z gotowych szablonów, które są dostępne po kliknięciu łącza Szablony na pasku nawigacyjnym po lewej stronie. Na stronie Szablony, pokazanej na Rysunku 3-10, możesz znaleźć szablon, wyszukując lub przeglądając. Jeśli wolisz zacząć od zera, możesz utworzyć projekt bez używania szablonu, klikając przycisk Utwórz Repl na stronie głównej lub na pasku nawigacyjnym po lewej stronie.

Zrozumienie funkcji uzupełniania kodu sterowanej przez sztuczną inteligencję Tabnine

https://aie24.pl/

Aby rozpocząć kodowanie za pomocą Tabnine, pracujesz w taki sam sposób, jak gdybyś używał Copilota. Podczas wprowadzania kodu w edytorze Tabnine wyświetla sugestie. Akceptujesz sugestie, naciskając klawisz Tab. Aby pomóc lokalnemu modelowi poznać Twój styl kodowania, możesz ocenić sugestie Tabnine. Otwórz Tabnine Hub i kliknij Magic Moments w lewym pasku nawigacyjnym, jak pokazano na rysunku 3-7. Magic Moments jest dostępny tylko w wersji Pro (lub bezpłatnej wersji próbnej). Na ekranie Magic Moments daj kciuk w górę lub kciuk w dół poszczególnym sugestiom. Tabnine wykorzystuje tę informację zwrotną, aby pomóc lokalnemu modelowi poznać Twój styl kodowania. Podobnie jak inne narzędzia asystenta kodu AI, Tabnine wymaga kontekstu, aby móc podawać dobre sugestie. Oto kilka wskazówek dotyczących ulepszania sugestii otrzymywanych z Tabnine:

»»Napisz więcej komentarzy w swoim kodzie niż zwykle.

»»Kiedy zaczynasz pracę z Tabnine, zachowuj się tak, jakby był to początkujący programista, który dopiero zaczyna pracę w projekcie. Nie zakładaj, że Tabnine może zgadnąć, co chcesz, aby zrobił, nawet jeśli wydaje ci się to oczywiste.

»»Bądź cierpliwy. Ponieważ Tabnine uczy się z twojego poprzedniego kodu, który widział, model może potrzebować trochę czasu, aby poznać twoje preferencje.

Konfigurowanie Tabnine

https://aie24.pl/

Po zainstalowaniu rozszerzenia i zalogowaniu się na dole IDE (w przypadku VS Code) zobaczysz link, który informuje, jaki plan masz zasubskrybowany. Kliknij ten link, aby otworzyć Tabnine Hub. Tabnine Hub to miejsce, w którym możesz dostosować ustawienia i przeczytać o najnowszych funkcjach. Jeśli korzystasz z planu startowego, tak jak ja na rysunku 3-6, zobaczysz również linki do wielu funkcji, do których nie będziesz mieć dostępu, oraz linki do uaktualnienia do płatnego planu. Plan startowy jest jednak całkiem wydajny i możesz chcieć pozostać przy nim, podczas gdy poznasz możliwości Tabnine. Tabnine pozwala wybrać jeden z trzech trybów obsługi modelu: komputer lokalny, chmura lub hybryda. Który z nich wybierzesz, wpłynie na jakość otrzymywanych odpowiedzi:

* Komputer lokalny: Gdy wybierzesz tryb komputera lokalnego, Tabnine przechowuje mniejszą kopię modelu na komputerze lokalnym i umożliwia pracę w trybie offline bez wysyłania kodu na serwery Tabnine. Model lokalny nie jest jednak tak wydajny jak model w chmurze i zwiększy wykorzystanie procesora i pamięci komputera lokalnego.

* Chmura: Model w chmurze korzysta z serwerów Tabnine, więc wymaga połączenia z Internetem. Ponieważ jednak przetwarza uzupełnienia na serwerze, wyniki uzyskane z modelu w chmurze będą dokładniejsze i dłuższe.

* Hybrydowy: Model hybrydowy, który jest trybem domyślnym, łączy zalety modeli w chmurze i komputera lokalnego. Możesz otrzymywać sugestie w trybie offline, ale także korzystać z mocy obliczeniowej chmury

Żaden z trzech modeli nie przechowuje żadnego kodu. Tryby chmury wykorzystują technikę, którą Tabnine nazywa przetwarzaniem efemerycznym, w której kod jest przetwarzany przez model, a następnie natychmiast odrzucany po zwróceniu przez model uzupełnienia.

Instalowanie Tabnine

https://aie24.pl/

Tabnine jest dostępny jako wtyczka lub rozszerzenie dla wielu najpopularniejszych edytorów kodu, w tym VS Code, Eclipse, Android Studio, WebStorm (a także wszystkich edytorów kodu JetBrains) i Sublime.

Aby zainstalować Tabnine, wykonaj następujące kroki:

  1. Przejdź do https://www.tabnine.com i kliknij łącze Pobierz Tabnine u góry strony.
  2. Wybierz swoje IDE i wykonaj kroki, aby zainstalować rozszerzenie.

Zanim będziesz mógł korzystać z rozszerzenia Tabnine, musisz utworzyć konto Tabnine, przechodząc do https://app.tabnine.com/signup. Po zainstalowaniu rozszerzenia Tabnine może być konieczne ponowne uruchomienie IDE.