ChatGPT je svudje zadnjih dana; s pravom je tema godine. Ako ste ga imali priliku isprobati, vjerojatno ste, kao i ja, ostali iznenađeni koliko je nevjerojatan.
Mogućnosti su mu ogromne i može se koristiti za mnogo stvari, ali ono što nas trenutno zanima je može li nam pomoći pri kodiranju? Odgovor je – da, može.
Zapravo je zastrašujuće koliko je moćan program. Zaista.
No, prije nego zaronimo u umjetnu inteligenciju i programiranje, što je zapravo ChatGPT?
Pitajmo ga!
Što je ChatGPT i za što služi?
“Ja sam jezični model treniran od strane OpenAI-a, (kompanije za razvoj i istraživanje pogodnosti umjetne inteligencije za čovječanstvo). Mogu razumjeti i proizvesti tekst u maniri ljudskog bića, te mogu odgovarati na pitanja i voditi razgovore o širokom rasponu tema“. – kaže ovaj impresivan model umjetne inteligencije.
Možeš li programirati?
“Da, mogu pisati kod u više programskih jezika kao što su Python, JavaScript, Java, C++, i drugi. Također mogu pomoći pri otkrivanju grešaka u kodu, rješavati probleme i razumjeti kod napisan u tim jezicima.
No, ja sam model i moja izvedba možda neće biti dobra kao što bi bila izvedba stručnog programera.“
Odlično! Pogledajmo neki jednostavniji primjer!
Tražio sam ChatGPT da napiše kod za “dark mode” (tamnu verziju) web stranica koristeći CSS, HTML, i Javascript. I napravio je upravo to!
<!DOCTYPE html>
<html>
<head>
<title>Dark Mode</title>
<script>
function toggleDarkMode() {
var body = document.getElementById("body");
var currentClass = body.className;
body.className = currentClass == "dark-mode" ? "light-mode" : "dark-mode";
}
</script>
<style>
body {
background-color: white;
color: black;
}
.dark-mode {
background-color: black;
color: white;
}
</style>
</head>
<body id="body" class="light-mode">
<button onclick="toggleDarkMode()">Toggle Dark Mode</button>
<p>This is some sample text</p>
</body>
</html>
Wow!
Kako koristiti ChatGPT u Visual Studio Code-u?
Kako bismo koristili ChatGPT u VS Code-u, prvo moramo instalirati ekstenziju za VS Code.
Možete ju pronaći ovdje, ili alternativno otvorite VS Code, kliknite “Extensions” ikonu te upišite “Code GPT” u tražilicu:
Ovo je logo ekstenzije:
Kada ste instalirali ekstenziju, posjetite openai.com i otvorite račun. Nakon što kreirate račun, pronađite “View API keys” u padajućem izborniku vašeg profila (“Personal”):
Generirajte API ključ, koji ćemo kasnije upisati u VS Code.
Sada se vratite u VS Code, kreirajte novu datoteku (ovisno o programskom jeziku kojeg koristite) i upišite u komentar što želite da ChatGPT isprogramira za vas.
Zatim kliknite cmd + shift + i. (Kada to učinite prvi put, morati ćete unijeti API ključ koji smo kreirali u prijašnjem koraku).
I to je sve. ChatGPT će u novom prozoru generirati kod koji je od njega zatražen.
Na primjer, ovo je naš upit:
<!-- Write shopify liquid code for a menu" -->
A ovo rezultat:
<ul>
{% for link in linklists.main-menu.links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
Budućnost je ovdje, i zaista je impresivna.
Leave a comment