Obawiam się, że szykuje się zagłada Stackoverflow. Już wyjaśniam moje obawy.
Do czego zazwyczaj używamy najczęściej StackOverflow? Do rozwiązywania problemów. Nierzadko można tam znaleźć skrypty z gotowymi rozwiązaniami. Okazuje się, że nie ma już potrzeby przeglądania wielu wątków na forum, wystarczy utworzyć odpowiedni opis dla modelu AI, a otrzymamy to co trzeba. No, może nie od razu, ale o tym za chwilę.
Pracuję, między innymi, z systemem klasy legacy, który korzysta na froncie z jQuery. Gdzieś w rozmowach pojawiła się potrzeba zrobienia zagnieżdżonego drzewa kategorii z checkboxami o specyficznym zachowaniu. Kiedy słuchałem opisu tego wymagania w głowie układałem już prompt dla GTP, czy poradzi sobie z tym zadaniem?
Szybko uświadomiłem sobie, że generowanie tego wszystkiego przez webową wersję Chat GPT będzie uciążliwe. Chwilę pogrzebałem w Internecie i znalazłem. GPT Engineer — narzędzie napisane w pythonie, które wykorzystuje model GPT jako inżyniera-asystenta. Po otrzymaniu opisu, przeanalizuje problem, zada doprecyzowujące pytania, a następnie wygeneruje odpowiedni kod.
Gadu, gadu, pisu, pisu — oto przykład.
- W pierwszym kroku należy zainstalować gpt-engineer przy pomocy
pip install gpt-engineer. - Do działania aplikacji potrzebujemy konta OpenAI z dostępem do API i GPT4.
Uwaga, jest to konto płatne, ale płaci się za wykorzystanie API, przy użyciu "do zabawy" koszty nie przekraczają kilku dolarów. Ja po kilku dniach zabawy mam aktualne saldo $1.8 - Po zainstalowaniu gpt-engineer ustawiamy zmienną środowiskową, Linux lub Mac:
export OPENAI_API_KEY=XXXXXXXXXXX - Następnie tworzymy katalog z nazwą projektu, nad którym chcemy pracować. Np. jquery-tree.
- Przechodzimy do tego katalogu i tworzymy plik o nazwie "prompt", a w nim nasz opis. Może być po polsku.
Ja utworzyłem opis na podstawie tego o czym rozmawialiśmy w pracy:
Stórz mi kod html/jquery/css z drzewem kategorii z checkboxami. Drzewo może być wielopoziomowe. Ma być możliwość pokazywania i chowania podkategorii za pomocą przycisku "+". Nie ma limitów dla zagnieżdżeń podkategorii.
Zaznaczenie rodzica nie powoduje zaznaczenia dzieci. Na początku każdej podgrupy ma znajdować się przycisk "zaznacz/odznacz wszystko", który zaznaczy checkboxy we wszystkich podkategoriach z danej kategorii.
Layout html/css ma być prosty i elegancki.
Jeżeli znasz to użyj jakieś biblioteki do tworzenia takich drzew.
Po chwili otrzymałem kilka pytań doprecyzowujących:
- Could you please provide more details about the structure of the category tree? How many levels should it have and what should be the relationship between different categories and subcategories?
Odp. There aro no limits for subcategories structure. - Could you please specify your design and layout preferences for the HTML/CSS?
Odp. there is no specific layout, layout should be simple - Could you please clarify the behavior of the "select/deselect all" button? Does it only affect the checkboxes in the current category or does it also affect checkboxes in the subcategories?
Odp. check all subcategories - Do you have a preference for a specific library to be used for creating the category tree?
Odp. there is no specific lib, use what you want
Wnioski?
W każdym razie, warto mieć na uwadze jak szybko rozwija się ta technologia, szczególnie planując swoją ścieżkę kariery — umiejętności logiczno-architektoniczne, zdolności miękkie pozwalające na rozumienie potrzeb klienta — to są obszary, w których AI tak szybko nas nie doścignie.
Komentarze
Prześlij komentarz