Webentwicklung mit ChatGPT und Google Bard, Teil 4 GPT-4 als Tool für kleine Aufgaben

Von Christian Rentrop 5 min Lesedauer

Anbieter zum Thema

Unsere Versuche, Websites mit GPT zu entwickeln, waren nicht besonders fruchtbar: Die KI vergisst, worum es ging, und verlottert nach und nach den Code. Was sie aber gut kann, ist Code-Schnipsel erstellen.

KI kann ein nützlicher Helfer beim Programmieren sein, zu viel sollte man allerdings auch nicht erwarten.
KI kann ein nützlicher Helfer beim Programmieren sein, zu viel sollte man allerdings auch nicht erwarten.
(© metamorworks – stock.adobe.com)
eBook KI-Assistenten für Entwickler
eBook „KI-Assistenten für Entwickler“
(Bild: Dev-Insider)

E-Book zum Thema

Das eBook „KI-Assistenten für Entwickler“ zeigt, wie KI-Werkzeuge die Entwicklungsarbeit revolutionieren, Aufgaben automatisieren, die Produktivität steigern und zur Softwarequalität beitragen.


Es ist ein Kreuz mit der Künstlichen Intelligenz: Auf den ersten Blick außerordentlich leistungsstark, zeigt insbesondere GPT-4 Schwächen, wenn es darum geht, komplexere Aufgaben zu erfüllen. Das KI-Modell, das die Grundlage für ChatGPT bietet, kann zwar einfache Websites, ja sogar WordPress-Plug-ins und grundlegende Themes erzeugen. Doch sobald es in die Tiefe geht, scheitert die KI an vergleichsweise einfachen Dingen wie der WordPress-Entwicklung.

Das Beheben des daraus entstehenden Murks ist am Ende oft aufwändiger, als selbst zu entwickeln. Für Webentwickler, die sich Sorgen um Ihre Arbeit machen, sind das gute Nachrichten. Der Gesamtprozess der Entwicklung vom Mockup bis zur fertigen Website kann voraussichtlich noch lange nicht an die KI ausgelagert werden.

Dem System fehlen schlicht und einfach die Kenntnis menschlicher Denkweisen und das technische Know-How. Trotzdem kann GPT-4/ChatGPT aber als praktisches Werkzeug für Alltagsaufgaben dienen und Entwicklern viel Arbeit abnehmen. Denn gerade bei monothematischen, klar eingegrenzten Aufgaben ist die KI durchaus in der Lage, schnell zu helfen.

Prompts richtig formulieren

GPT-4 ist, wie alle Sprachmodelle, anfällig für unsaubere Formulierungen. Nachfragen bringe die KI mit der Zeit durcheinander – Gespräche mit ChatGPT gleichen in ihrer Zerfaserungstendenz angeheiterten Party-Diskussionen. Deshalb ist es wichtig, möglichst umfassend und präzise zu formulieren, um Missverständnisse gar nicht erst entstehen zu lassen. So kommt schon beim ersten Prompt das Gewünschte heraus – und kann anschließend durch die KI noch angepasst und optimiert werden.

Code-Optimierung für den Alltag

Webentwickler wissen, dass kaum etwas lästiger ist, als den Code anderer Entwickler zu optimieren oder der eigenen Arbeitsweise anzupassen. Genau hier kann GPT-4 aber erstaunlich gut helfen – etwa, indem es unübersichtliche oder überkomplexe HTML-, PHP- oder CSS-Dateien optimiert.

Hierzu können Entwickler einfach den Code ins GPT-Fenster kopieren und die KI um Optimierung bitten. Sie analysiert den vorhandenen Code, findet ineffiziente Stellen und führt unübersichtliche Konstruktionen zusammen. Das funktioniert nicht immer zuverlässig – es ist natürlich dringend nötig, den von der KI ausgegebenen optimierten Code gut zu prüfen und zu testen.

Beim Debugging kann die KI ebenfalls gute Dienste leisten, sie kann Code auf Validität prüfen und Fehler erkennen. Anschließend lassen sich diese Fehler Schritt für Schritt beheben. Natürlich ist das je nach Code-Basis recht aufwändig – und nicht immer findet die KI die richtigen Stellen. Dennoch: GPT kann helfen, wenn es darum geht, Fehler im Code zu finden und diesen zu reparieren.

Webentwicklung mit ChatGPT und Google Bard

Kleine Schnipsel für den Alltag

Code-Schnipsel in Java, PHP, HTML und CSS helfen beim Web Development: Hier ein kleiner Effekt oder eine Datenbank-Abfrage, dort eine banale Funktion – das macht Kunden und Vorgesetzte gleichermaßen glücklich. Wer die Schnipsel gerade nicht zur Hand hat, kann ChatGPT oder GPT-4 per API bitten, sie zu erstellen.

Das funktioniert meist zuverlässig und mit einer hohen Erfolgsquote. So lässt sich mit wenigen Handgriffen etwa eine Mausklick-Sperre als simplen Kopierschutz realisieren oder ein Störer mit Inhalt auf einer Website einbinden. Das ist im Alltag ausgesprochen praktisch, weil es lästige Coding-Arbeit sparen kann.

Code konvertieren per KI

Grundsätzlich ist GPT-4 in technischer Hinsicht recht gut aufgestellt. Es bietet daher auch die Möglichkeit, Code zu konvertieren, soweit das sinnvoll ist. So kann ein bestehendes CSS von einem Framework ins andere übertragen oder JavaScript in TypeScript übersetzt werden. Alles, was Entwickler dafür tun müssen, ist, der KI den Code zu übergeben und sie zu bitten, die Konvertierung vorzunehmen.

Code entwirren per KI

Natürlich kann die KI auch lästige Arbeiten wie das Entwirren unsauber geschriebenen Codes übernehmen. Wenn zum Beispiel CSS direkt im PHP oder HTML auftaucht, ist es kein Problem, die KI darum zu bitten, die beiden Code-Basen voneinander zu trennen. GPT erstellt dann ein PHP/HTML-Dokument und den zugehörigen Stylesheet – und nimmt Entwicklern, die etwa ein älteres Projekt übernehmen, dadurch viel Arbeit ab.

Code durch GPT-4 erklären lassen

Selbst routinierte Webdesigner sind nicht allwissend und lernen täglich dazu, die KI kann dabei helfen. Mit Eingabe eines Code-Schnipsels und der Bitte, dass GPT-4 den Code erklären soll, leistet die KI genau das: Sie analysiert nicht nur die Code-Basis, sondern alle Befehle, Tags, Klassen und Styles und nimmt diese auseinander. Dadurch können Entwickler größere Code-Schnipsel oder einzelne Skripte schnell und einfach unter die Lupe nehmen.

Jetzt Newsletter abonnieren

Täglich die wichtigsten Infos zu Softwareentwicklung und DevOps

Mit Klick auf „Newsletter abonnieren“ erkläre ich mich mit der Verarbeitung und Nutzung meiner Daten gemäß Einwilligungserklärung (bitte aufklappen für Details) einverstanden und akzeptiere die Nutzungsbedingungen. Weitere Informationen finde ich in unserer Datenschutzerklärung.

Aufklappen für Details zu Ihrer Einwilligung

Hilfe beim Testing

Skripte kann die KI ebenfalls erstellen, etwa in Python oder für Drittanbieter-Tools. Dadurch eignet sie sich dazu, kleine Testroutinen zu erstellen, etwa mit dem Load-Testing-Tool Locust, dem Zed-Attack-Proxy (ZAP) oder vergleichbaren Anwendungen. Damit ist GPT auch ein guter Partner, um bestehende Websites auf Herz und Nieren zu prüfen oder neuen Code auf einem Test-Server die Sporen zu geben.

Kleine Skripte für die Automatisierung

Skripte können auch ganz einfach bei der Automatisierung von Tasks helfen. Als Shell-Skripte helfen sie bei Aufgaben, die nicht direkt mit der Entwicklung zu tun haben, aber regelmäßig anfallen: Sie können etwa für Versionierung oder Backups eingesetzt werden, für den Datenabgleich oder für den Upload auf Git-Repositories. GPT-4 kennt all die Möglichkeiten – und hilft Webentwicklern dabei, sich eigene Tools in Form von Skripten zusammen zu schrauben, die im Alltag helfen.

Kein Ersatz – aber ein guter Assistent

GPT-4 beziehungsweise ChatGPT beweist sich bei kleineren Aufgaben als praktischer Helfer für die Web-Entwicklung. Die KI kann noch lange keine Web-Entwickler ersetzen, was gut ist. Sie kann aber – kluge Prompts vorausgesetzt – hervorragend dabei helfen, lästige Aufgaben in der Webentwicklung deutlich schneller zu erledigen – und gegebenenfalls noch einige Tricks und Kniffe dazuzulernen.

E-Book zum Thema

KI-Assistenten für Entwickler

eBook KI-Assistenten für Entwickler
eBook „KI-Assistenten für Entwickler“
(Bild: Dev-Insider)

Dieses eBook zeigt, wie KI-Werkzeuge die Entwicklungsarbeit revolutionieren, Aufgaben automatisieren, die Produktivität steigern und zur Softwarequalität beitragen. Außerdem beleuchtet es den verantwortungsvollen Einsatz von KI in der Entwicklung.

Folgende drei Kapitel umfasst das eBook:

  • Der Megatrend Künstliche Intelligenz
  • Die KI zähmen: Nutzungsszenarien und Stolperfallen
  • Die besten KI-gestützten Developer-Assistenten

(ID:49765540)