Diese Geschichte begann letzte Woche. Ich hatte einen Nebenjob angenommen, um die Frontend-Seite eines alten Projekts für einen Kunden zu ändern. Die Funktion war nicht komplex, nur ein paar Interaktionslogiken für Buttons. Ich dachte, das ist einfach, warum nicht direkt ChatGPT nutzen? Dann muss ich nicht Zeile für Zeile Code durchgehen.
Ich beschrieb die Anforderungen klar und deutlich, sogar wie die Variablennamen sein sollten. ChatGPT gab mir auch den Gefallen und generierte einen großen Codeblock. Ich sah ihn mir an: gute Struktur, vollständige Kommentare, sogar eine Fehlerbehandlung war dabei. Ich war zufrieden und dachte, das passt, kopierte den Code direkt in das Projekt, speicherte und aktualisierte den Browser.
Und was denkst du? Die Seite war einfach weiß. Die Konsole zeigte eine rote Fehlerflut, wie zu Neujahr.
Ich kopierte die Fehlermeldung sofort zu ChatGPT, es sagte: "Entschuldigung, ich habe einen Randfall übersehen", und schickte mir eine überarbeitete Version. Ich fügte sie wieder ein, diesmal keine weiße Seite, aber die Buttons reagierten nicht. Ich meldete weiter, es änderte weiter, wir gingen etwa sieben oder acht Runden hin und her, jedes Mal wurde ein Bug behoben und zwei neue tauchten auf. Das Ärgerlichste war, als es eine Funktion verwendete, die in meinem Projekt gar nicht existierte, und ernsthaft kommentierte: "Hier wird eine öffentliche Methode aufgerufen".
Ich hätte am liebsten die Tastatur zerschlagen. Der Kunde drängte, die Seite sollte am Nachmittag live gehen. Ich starrte auf den chaotischen Code auf dem Bildschirm, die Einrückung war durcheinander, Leerzeichen und Tabs gemischt, Klammern mal am Zeilenende, mal am Zeilenanfang, die ganze Datei sah aus, als hätte eine Katze darauf herumgetrampelt. Ich konnte nicht manuell daran arbeiten, weil ich es nicht einmal klar sehen konnte.
Gerade als ich mich beim Kunden entschuldigen und um Aufschub bitten wollte, erinnerte ich mich an ein Online-Tool, das ich mir einmal gemerkt hatte, namens "JS-Formatierung und -Komprimierung". Ich probierte es aus, warf die letzte von ChatGPT generierte Version komplett hinein und klickte auf "Formatieren".
Ein Wunder geschah. Der zusammengequetschte Code entfaltete sich sofort, jede Ebene war klar, Zeilenumbrüche und Einrückungen stimmten. Ich sah sofort, wo das Problem lag – die schließende Klammer einer Schleife war falsch platziert, wodurch die gesamte Logik danebenlief. Außerdem gab es eine inkonsistente Schreibweise eines Variablennamens: ChatGPT schrieb userName, aber später wurde username verwendet.
Ehrlich gesagt, früher habe ich solche Formatierungswerkzeuge nicht ernst genommen, dachte, es sei nur Layout-Optimierung, ohne technischen Wert. Aber an diesem Tag verstand ich: Wenn du mit Code konfrontiert bist, den du nicht geschrieben hast und der logische Fehler hat, ist die Formatierung deine Lupe. Sobald der Code entfaltet ist, zeigen sich alle versteckten Fehler.
Später korrigierte ich die beiden Fehler manuell, nutzte dann die "Komprimierung" des Tools, die Datei wurde kleiner und lud schneller. Ich schickte sie an den Kunden, und sie wurde beim ersten Mal akzeptiert.
Diese Erfahrung hat mir eine wichtige Lektion erteilt. ChatGPT kann dir sicherlich beim Schreiben von Code helfen, aber es ist kein Gott, es sieht nicht den Kontext deines Projekts und kann keine Laufzeitergebnisse testen. Der Code, den es liefert, ist im Wesentlichen etwas, das "wie eine richtige Antwort aussieht". Wenn du es direkt in die Produktion wirfst, ist ein Scheitern nur eine Frage der Zeit.
Aber ich rate auch nicht davon ab, KI zum Schreiben von Code zu nutzen, das wäre zu übertrieben. Mein Punkt ist, du brauchst eine Absicherung. Jetzt hat sich mein Arbeitsablauf geändert: Wenn ChatGPT Code generiert, egal wie selbstbewusst es klingt, lasse ich es zuerst durch ein JS-Formatierungswerkzeug laufen. Nach der Formatierung kann ich auf einen Blick erkennen, ob die Logik stimmt, das ist zehnmal effizienter als das Lesen von zusammengedrängtem Code.
Und das Tool hat einen Vorteil: Es ist offline, der Code wird nicht auf einen Server hochgeladen, was für Leute, die Nebenprojekte oder sensible Firmencode bearbeiten, ein Gefühl der Sicherheit gibt. Ich nutze es sogar, um meinen eigenen Code zu überprüfen, manchmal schreibe ich unter Zeitdruck zu schludrig, eine Formatierung hilft, und ich entdecke versehentlich fehlende Kommas oder Semikolons.
Jetzt hat mir der Kunde ein neues Projekt gegeben, ich werde ChatGPT wieder für den Entwurf nutzen, aber ich lasse mich nicht mehr von ihm an der Nase herumführen. Formatieren, prüfen, ändern, komprimieren, live gehen. Erst nach diesem Ablauf habe ich ein sicheres Gefühl.
Wenn ihr auch schon Erfahrungen mit KI-generiertem Code hattet, die schiefgingen, kämpft nicht dagegen an, versucht zuerst, den Code zu formatieren. Manchmal liegt die Wahrheit in diesem Durcheinander von Zeichen, du brauchst nur Augen, die sie klar sehen können.