KI-Programmierung: Entwickelte meine erste Chrome-Erweiterung – GPTBLOX

Entdecken Sie, wie die KI-Codierung zur Einführung meiner Chrome-Erweiterung führte, die Funktionen wie ChatGPT-Sparer und Webverwaltung bietet. Entdecken Sie den Programmieransatz von ChatGPT.

Einführung

Hallo zusammen, ich bin Yi Tao, ein Entwickler mit etwas Programmiererfahrung, aber Raum für Verbesserungen. Mit Hilfe von ChatGPT war ich in der Lage, in weniger als zwei Wochen eine Chrome-Erweiterung zu entwickeln und zu starten, die ich allein in ein paar Monaten vielleicht nicht hätte fertigstellen können. Außerdem habe ich in Kürze fünf Updates veröffentlicht. Mittlerweile hat die Erweiterung fast 1.000 Nutzer ohne viel Marketing.

Erweiterungslink: GPTBLOX – ChatGPT Save Data/Bard Claude Saver

Wie wurde die Chrome-Erweiterung mithilfe der ChatGPT-Codierung entwickelt?

Dies ist eine Erweiterung, die ausschließlich von ChatGPT geschrieben wurde. Ich musste keine einzige Zeile Code schreiben. Durch die einfache Konversation mit ChatGPT begann ich damit, den HTML-Inhalt der aktuellen Webseite abzurufen, den Code in einer TXT-Datei zu speichern, den erhaltenen HTML-Inhalt vor dem Speichern zu verarbeiten und zu optimieren und ihn als HTML-Dateien, PDF-Dateien und PNG-Bilder zu speichern. Schließlich habe ich es in 18 Sprachversionen geändert. Während der Entwicklung der ersten Version gab es viele Schwierigkeiten und Missverständnisse zwischen mir und ChatGPT, aber wir konnten sie schließlich durch meine Anleitung und die unermüdliche Zusammenarbeit von ChatGPT überwinden.

Warum sollten Sie sich für KI-Programmierung für GPTBLOX entscheiden?

Ich wollte ein Problem für mich und meine Freunde lösen: ChatGPT-Konten wurden häufig gesperrt, und wir hofften, unsere ChatGPT-Chat-Aufzeichnungen besser speichern zu können. Diese Erweiterung hilft jedem, seine ChatGPT-Konversationen mit einem einzigen Klick auf seinem eigenen Computer zu speichern. Das Konto ist wertlos, aber Ihre Trainingsaufzeichnungen und Ihre kreative Inspiration mit ChatGPT sind von unschätzbarem Wert.

Durch KI-Codierung erstellter Versionsverlauf

Version 1.0.0

Implementieren Sie Funktionen zum lokalen Speichern des ChatGPT-Konversationsverlaufs in mehreren Dateiformaten wie HTML, TXT, PNG und PDF auf dem Computer. Es besteht keine Notwendigkeit, das Gespräch online zu teilen oder zu speichern, wodurch Bedenken hinsichtlich Datenlecks entkräftet werden. Integrieren Sie außerdem eine WordPress-Plugin-API in ChatGPT, sodass die Chrome-Erweiterung bestimmte Artikel laden oder Benachrichtigungen von Remote-WordPress-Sites senden kann.

Version 1.1.0

Führen Sie Verwaltungsfunktionen für ChatGPT-Konversationslinks ein, z. B. Gruppieren, Ziehen, Bearbeiten und Löschen. Ermöglichen Sie die Verwaltung dieser Konversationslinks auf unterschiedliche Weise auf der Seite der Erweiterung und unterstützen Sie Einstellungen für die Anzeige der Gruppen sowie Import-/Exportfunktionen für gruppierte Links.

Version 1.2.0

Fügen Sie Funktionen hinzu, um Konversationen von Bard, Claude und HuggingChat in mehreren Dateiformaten wie HTML, TXT, PNG und PDF zu speichern und lokal auf dem Computer zu speichern.

Version 1.3.0

Ermöglichen Sie das Speichern von Artikeln von WordPress-basierten Websites in mehreren Dateiformaten wie HTML, TXT und PDF, die lokal gespeichert werden. Dies ebnet den Weg für die Aggregation und Verwaltung von Webseiten und Konversationslinks in der nächsten Version. Anpassungsoptionen sollten auch für andere Websites verfügbar sein und Domänen, Titel und Inhalte zum Speichern in HTML-, TXT- und PDF-Dateien angeben.

Version 1.4.0

Erlauben Sie das Speichern des aktuellen Webseiten-Links oder aggregieren Sie alle Seiten-Links aus dem aktuellen Browserfenster in einer Webseiten-Verwaltungsoberfläche. Unterstützen Sie Funktionen wie flexibles Ziehen und Verschieben, Hinzufügen, Bearbeiten, Löschen, Sperren und erneutes Öffnen. Es können auch Optionen zum Festlegen des Anzeigestils der Webseitenverwaltungsoberfläche verfügbar sein, entweder als Top-Down- oder Wasserfallfluss. Darüber hinaus unterstützen Sie Einstellungen für 1, 2, 3 oder 4 Spalten zur Verwaltung von Webseitengruppen und implementieren Import-/Exportfunktionen für Webseitengruppen und Links.

Version 1.5.0

Fügen Sie Funktionen hinzu, um Konversationen von Claudes offizieller Website in mehreren Dateiformaten wie HTML, TXT, PNG und PDF zu speichern und lokal zu speichern. Verbessern Sie außerdem die Funktion zum Speichern von ChatGPT-Konversationen, um vordefinierte Anweisungen aus benutzerdefinierten Anweisungen in den gespeicherten Konversationsverlauf aufzunehmen.

Zukunftspläne für GPTBLOX

• Fügen Sie die Möglichkeit hinzu, Chat-Aufzeichnungen und Webseiteninhalte auf Notion-, Evernote- und WordPress-Websites zu speichern.
• Um die Funktionen im Zusammenhang mit dem Sammeln und Verwalten von Webseiten weiter zu optimieren, insbesondere im Hinblick auf die Benutzererfahrung, müssen wir noch weiter von der Onetab-Erweiterung lernen.
• Erwägen Sie eine weitere Verarbeitung und Optimierung des gespeicherten Webseiteninhalts, einschließlich, aber nicht beschränkt auf die Zusammenfassung und Perfektionierung des Inhalts über die OpenAI-Schnittstelle.

ChatGPT-Programmierstrategien

Schritt-für-Schritt-Ausgabe

Lassen Sie ChatGPT den Schritten entsprechend Code in Dateien oder Module schreiben. Bestimmen Sie beispielsweise zunächst die erforderlichen Dateien und lassen Sie dann ChatGPT den Code für jede Datei separat ausgeben. Dies kann das Risiko einer kontextuellen Logikabweichung verringern.

Kleiner Einstiegspunkt

Der Einstiegspunkt für das Projekt sollte so klein wie möglich sein, klein genug, dass ChatGPT eine vollständige und nützliche Anfangsversion ausgeben kann. Wenn es Probleme mit der ursprünglichen Version gibt, können ChatGPT oder Menschen aufgrund des eingeschränkten Code- und Funktionsumfangs die Probleme leichter beheben.

Minimale Module

Isolieren Sie den Code, der geändert oder hinzugefügt werden muss, und stellen Sie ChatGPT jedes Mal nur den kleinstmöglichen Codeblock zur Verfügung. Dies minimiert die Wahrscheinlichkeit logischer Abweichungen.

Code-Bestätigung

Bevor Sie neue Funktionen oder Logik hinzufügen, starten Sie ein neues Konversationsfenster und geben Sie die Projektanforderungen und den relevanten Code zur Bestätigung erneut in ChatGPT ein. Fahren Sie nach der Bestätigung mit der Entwicklung neuer Funktionen fort.

Code angeben

Wenn ChatGPT aufgrund kontextbezogener Speicherbeschränkungen Code mit Inkonsistenzen erzeugt, übermitteln Sie den entsprechenden Code erneut und lassen Sie ChatGPT Änderungen basierend auf dem neuesten Code vornehmen.

Tiefgründige Anleitung

Wenn mehrere Gespräche nicht zur Lösung von Problemen führen, vertiefen Sie sich in die spezifischen Funktionsanforderungen und den Code. Geben Sie ChatGPT die notwendige Anleitung, basierend auf Ihren eigenen Erfahrungen.

Probleme bei der Selbstprüfung

Wenn das Problem nach mehreren Gesprächen weiterhin besteht, weisen Sie ChatGPT an, Konsolenprotokolle zum Debuggen im Code hinzuzufügen. Stellen Sie die Laufzeitergebnisse oder Fehlermeldungen des Programms zur Überprüfung und Korrektur direkt an ChatGPT bereit.

Rechtzeitiger Rollback

Wenn das Problem nach mehreren Konversationen weiterhin besteht, sollten Sie erwägen, zu einer zuvor stabilen Version der Konversation zurückzukehren und ChatGPT eine Neuentwicklung zu ermöglichen. Bieten Sie ChatGPT während der Neuentwicklung die notwendige Anleitung an, basierend auf Problemen, die bei früheren Debugging-Sitzungen aufgetreten sind, oder auf Ihrer eigenen Erfahrung.

Wenn Sie sich für KI-Programmierung interessieren oder sich Sorgen über einen „internen Chatgpt-Serverfehler“ machen, probieren Sie GPTBLOX gerne aus und teilen Sie Ihre Erfahrungen. Wenn Sie auf Probleme stoßen oder Vorschläge für die zukünftige Entwicklung haben, sind wir für Sie da. Danke schön!