Virheiden liittäminen tekoälylle tehokkaasti
Antakaa tekoälylle bugien korjaamiseen tarvittavat tiedot.
Virheiden liittäminen tekoälylle tehokkaasti on ilmainen Vibe-koodaus-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Vibe-koodaus-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Vibe-koodaus-kurssilla on yhteensä 4 oppituntia.
Roskaa sisään, roskaa ulos
Löysitte virheen. Nyt haluatte tekoälyn korjaavan sen. Mutta muistakaa: tekoäly on vain niin hyvä kuin sille antamanne konteksti.
Jos liitätte viestin ”tämä on rikki, korjaa se”, saatte arvauksen. Kun liitätte oikeat tiedot, Cursorin, Claude Coden tai Copilotin kaltaiset työkalut voivat löytää oikean korjauksen heti.
Tässä oppitunnissa opitte täsmälleen, mitä tekoäly tarvitsee virheen korjaamiseen — ja miten tiedot annetaan sille selkeästi.
Neljä asiaa, joita tekoäly tarvitsee
Antakaa tekoälylle nämä neljä ainesosaa, jotta se voi tehdä hyvän korjauksen:
- Koko virheilmoitus — mukaan lukien pinonjäljitys
- Asiaankuuluva koodi — funktio tai tiedosto, johon virhe viittaa
- Mitä odotitte tapahtuvan
- Mitä todella tapahtui
Jos jokin näistä puuttuu, tekoäly joutuu arvaamaan. Kun mukana on kaikki, se päättelykyky muistuttaa kokenutta ohjelmistokehittäjää, joka katsoo työskentelyänne vierestä.
Huono kehote vastaan hyvä kehote
Verratkaa näitä kahta. Ensimmäinen tuhlaa kaikkien aikaa. Toinen tuottaa täsmällisen korjauksen.
Huomaatte, että toinen sisältää virheen, koodin, odotuksen ja todellisen tilanteen — kaikki neljä ainesosaa.
BAD:
"my app crashes fix it"
GOOD:
"I'm getting this error when I click Save:
TypeError: Cannot read properties of undefined (reading 'id')
at saveUser (api.js:22:14)
Here's the saveUser function:
[paste the function]
Expected: the user gets saved.
Actual: it crashes on click. What's wrong and how do I fix it?"Liittäkää aina koko virhe
Alkelevat kehittäjät liittävät usein vain virheen ensimmäisen rivin. Sen alla oleva pinonjäljitys kertoo kuitenkin tekoälylle, mitkä funktiot olivat mukana ja missä järjestyksessä.
Kopioikaa koko punainen lohko virhetyypistä aina at ... -riveihin asti. Napsauttakaa selainkonsolissa virhettä hiiren oikealla painikkeella ja valitkaa 'Copy'. Päätteessä valitkaa ja kopioikaa koko tuloste.
Mitä enemmän olennaista tietoa annatte, sitä parempi korjaus. Tekoäly voi jättää tarpeettomat tiedot huomiotta.
Liittäkää oikea koodi, älkää kaikkea
Koko projektia ei tarvitse liittää. Antakaa tekoälylle funktio, johon virhe viittaa, sekä kaikki, mihin kyseinen funktio suoraan koskee.
Jos virhe on saveUser-funktiossa rivillä 22, liittäkää saveUser. Jos saveUser käyttää toisessa funktiossa luotua muuttujaa, liittäkää myös se.
Cursorissa tai Claude Codessa ette usein edes liitä koodia — mainitsette tiedoston vain @mention-merkinnällä, ja tekoäly lukee sen. Tärkeä taito on kuitenkin tietää, mihin tiedostoon kannattaa viitata.
Kuvatkaa odotettu ja toteutunut toiminta
Tämä on ainesosa, jonka alkelevat kehittäjät jättävät useimmin pois — ja se on kaikkein tehokkain. Tekoäly pystyy lukemaan koodinne, mutta se ei pysty lukemaan tarkoituksianne.
Kuvatkaa molemmat puolet selkeästi:
"When I submit the form, I EXPECT the new task to
appear in the list below.
What ACTUALLY happens: the page goes blank and the
console shows the error below."
// This one sentence often points AI straight to the bug.Uudelleenkäytettävä virheenkorjauskehotteen malli
Tallentakaa tämä malli. Täyttäkää puuttuvat kohdat aina, kun kohtaatte virheen. Näin kaikki neljä ainesosaa tulevat varmasti mukaan.
I'm building [what your app does].
When I [action that triggers it], I get this error:
[paste full error + stack trace]
Here's the relevant code:
[paste function / file]
Expected: [what should happen]
Actual: [what happens instead]
What's the cause, and what's the smallest fix?Pyytäkää selitystä syyhyn, ei vain korjausta
Hienovarainen parannus on päättää kehotteenne pyytämällä tekoälyä selittämään syyn, ei vain antamaan uutta koodia.
Jos pyydätte vain korjaamaan virheen, saatatte saada koodia, jota ette ymmärrä — ja seuraava virhe pysäyttää teidät taas. Kun kysytte ”miksi näin tapahtui?”, opitte samalla ja huomaatte helpommin, jos tekoälyn päättelyssä on jotain vialla.
"Before you give me the fix, explain in one or two
sentences WHY this error happens. Then show the
smallest change that fixes it."Toistakaa virhe ensin itse
Arvokkain tieto, jonka voitte antaa tekoälylle, on täsmälliset vaiheet virheen toistamiseen. Jos voitte sanoa ”napsauta Save-painiketta, kun nimikenttä on tyhjä → sovellus kaatuu”, tekoäly tietää tarkasti, mitä reittiä koodi kulki.
Kokeilkaa tätä koodikatkelmaa: se toistaa todellisen virheen. Suorittakaa se, kopioikaa tulostuva virhe ja kuvitelkaa liittävänne sen sekä koodin tekoälytyökaluunne.
function saveUser(user) {
return "Saved user #" + user.id;
}
try {
saveUser(undefined); // reproduce: no user passed
} catch (err) {
console.log(err.name + ": " + err.message);
}Varokaa salaisuuksia
Yksi turvallisuussääntö ennen liittämistä: älkää koskaan sisällyttäkö API-avaimia, salasanoja tai tunnisteita tekoälylle lähettämäänne tai julkisesti jakamaanne koodiin.
Jos virheessä tai koodissa näkyy esimerkiksi API_KEY="sk-abc123...", korvatkaa se arvolla API_KEY="REDACTED" ennen liittämistä. Tekoäly ei tarvitse oikeaa salaisuutta logiikan korjaamiseen.
Useimmat työkalut ovat turvallisia, mutta tämä on hyvä elinikäinen tapa jokaiselle rakentajalle.
Kootaan kaikki yhteen
Tässä on kokonaan täytetty esimerkki mallin avulla — mukana ovat virhe, koodi, odotettu toiminta, toteutunut toiminta sekä pyyntö selittää syy. Tältä ”täydellinen” virheenkorjauskehote näyttää käytännössä.
Omaksukaa tämä rakenne, niin tekoälytyökalut tuntuvat kuin ne lukisivat ajatuksenne.
I'm building a to-do app.
When I click 'Add', I get:
TypeError: Cannot read properties of null (reading 'value')
at addTask (app.js:9:30)
Code:
function addTask() {
const text = document.getElementById('taskInput').value;
list.push(text);
}
Expected: the typed task is added to the list.
Actual: nothing adds, console throws the error above.
Why does this happen, and what's the smallest fix?Pikakertaus
Mikä kehote tuottaa tekoälytyökalulla parhaan ja täsmällisimmän korjauksen?
Kertaus: antakaa tekoälylle oikea konteksti
Tiedätte nyt, miten epämääräinen ”tämä on rikki” muutetaan täsmälliseksi pyynnöksi. Muistakaa sisällyttää:
- koko virhe ja pinonjäljitys
- asiaankuuluva koodi eli funktio, johon virhe viittaa
- odotettu ja toteutunut toiminta
- pyyntö selittää syy sekä kaikki salaisuudet peitettyinä
Käyttäkää uudelleenkäytettävää mallia joka kerta. Seuraavaksi opitte, miten tekoälyn avulla rajataan virhettä, kun pelkkä virhe ei vielä riitä.
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 25
- Oppitunnit
- 100
Usein kysytyt kysymykset
Onko oppitunti ”Virheiden liittäminen tekoälylle tehokkaasti” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Vibe-koodaus-oppimispolun 3 oppituntia, myös oppitunnin “Virheiden liittäminen tekoälylle tehokkaasti”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Vibe-koodaus-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Virheiden liittäminen tekoälylle tehokkaasti”?
Antakaa tekoälylle bugien korjaamiseen tarvittavat tiedot. Harjoittelet Vibe-koodaus-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Vibe-koodaus-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Vibe-koodaus-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.
Kuinka kauan ”Virheiden liittäminen tekoälylle tehokkaasti”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Vibe-koodaus-oppitunnilla?
Kyllä. Jokainen Vibe-koodaus-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Virheilmoitusten ymmärtäminen
- Virheiden liittäminen tekoälylle tehokkaasti
- Bugin rajaaminen
- Kun tekoäly juuttuu