[[oktatas:programozás|< Programozás]]

====== AI ======

  * **Szerző:** Sallai András
  * Copyright (c) 2024, Sallai András
  * Szerkesztve: 2024
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== Bito =====

Webhely:
  * https://bito.ai/
Limitek:
  * https://alpha.bito.ai/home/bito-premium/change-plan

VSCode-ban bővítmény:
  * ChatGPT GPT-4 - Bito AI Code Assistant


| Kiegészítés kérése | Alt + Shift + K |

A felajánlott kód elfogadása: Tab


VSCode-ban összes lehetőség:
  * Parancs paletta - F1
    * Bito
===== Codeium =====

Webhely:
  * https://codeium.com/ (2024)

VSCode bővítmény:
  * Codeium: AI Coding AutoComplete and Chat for Python, Javascript, ...

| Kódkérés | Ctrl + I | Leírhatjuk az AI számára mit szeretnénk. |

VSCode-ban összes lehetőség:
  * Parancs paletta - F1
    * Codeium

A Codeium-t használati módok:
  * **Kiegészítés** - A kódszerkesztőben igyekszik kitalálni mit szeretnénk.
  * **Kérés** - Megjegyzésbe vagy a Ctrl + I ablakba leírjuk mit szeretnénk az adott helyen.
  * **Csevegés** - Az akciósávon a Codeium-t kiválasztva, az oldalsávon kérdéseket tehetünk fel.

Egyéb:
  * Kódtisztítás kérése - A függvények és osztályok felett kattintás "Refactor".
  * Magyarázat kérés - A függvények és osztályok felett kattintás "Explain".
  * Kontextus kezelése - Az oldalsávon "CONTEXT"-t kiválasztva.

==== Példa kérésre ====

<code>
Az index.html alapján kellene egy kód, 
ami kiszámítja a háromszög területét, 
és megjelenti a weblapon.
</code>

Az elsőre generált kód:

<code javascript>
function calculate() {
    let base = document.getElementById("base").value;
    let height = document.getElementById("height").value;
    let area = (base * height) / 2;
    document.getElementById("result").innerHTML = area;
}

</code>

Kódtisztítás után:
<code javascript>
function calculateArea() {
    const baseElement = document.getElementById('base');
    const heightElement = document.getElementById('height');
    const resultElement = document.getElementById('result');

    const base = Number(baseElement.value);
    const height = Number(heightElement.value);
    const area = (base * height) / 2;

    resultElement.textContent = area;
}
</code>

==== Osztott használat ====

A használathoz regisztráció szükséges, és a VSCode-ban be kell jelentkezni. A VSCode a böngészőn keresztül fog bejelentkezni. Ha a VSCode már be van jelentkezve, nem szükséges a webes felületen bejelentkezve maradni. 

Osztott használat esetén, lépjünk ki:
  * webes felületről
  * VSCode-ból

Kijelentkezés a VSCodium-ból és a VSCode-ból

  * Akciósávon > Accounts > Nagy János (Codeium Auth) > Sign Out