【Vibe Coding 实战 Teil 2】Ich habe mit AI das „US Stock Dashboard“ aufgerüstet und in die Cloud veröffentlicht, und das Ganze in nur drei Schritten. Im vorherigen Artikel haben wir mit Google Antigravity und ein paar Eingabeaufforderungen erfolgreich ein einfaches „US Stock Tracking Dashboard“ auf meinem lokalen Computer zum Laufen gebracht. Aber als ein Vibe Coder, der nach maximaler Effizienz strebt, kann ich es mir nicht leisten, dass es nur auf meinem Computer läuft! Ich möchte es online veröffentlichen, damit es zu einer eigenständigen App wird, die jederzeit auf dem Handy eingesehen werden kann. Heute teile ich den zweiten Teil von Vibe Coding, wie man AI anweist, Funktionen iterativ zu entwickeln, „unverständliche“ Fehler zu beheben und schließlich eine kostenfreie Cloud-Bereitstellung zu erreichen. Zuerst schauen wir uns mein Ergebnis an: Klicken Sie hier, um das Stock Dashboard zu besuchen (Hinweis: Da es sich um einen kostenlosen Server handelt, kann das erste Laden einige Sekunden dauern). Erste Phase: Anforderungen wie ein Produktmanager stellen Der Kern von Vibe Coding besteht nicht darin, Code zu schreiben, sondern darin, die Logik klar zu beschreiben. 1. Informationsfluss reinigen: „Nachrichten“ von „Ankündigungen“ unterscheiden In den ursprünglichen Daten, die erfasst wurden, gab es sowohl Analysen von der „Wall Street Journal“ als auch trockene SEC 8-K-Dokumente. Ich möchte sie trennen. Meine Eingabeaufforderung: „Bitte ändern Sie den Code, um den Informationsfluss in zwei Kategorien zu unterteilen: ‚offizielle Ankündigungen‘ und ‚Mediennachrichten‘. Regel: Wenn der Herausgeber PR Newswire, Business Wire ist oder der Titel 8-K, 10-Q enthält, gehört es zu den Ankündigungen; andere gehören zu den Nachrichten. Zeigen Sie sie in der Benutzeroberfläche mit Tab-Registerkarten getrennt an.“ Die Ausführung durch AI: AI hat automatisch eine Schlüsselwortfilterlogik eingeführt. Jetzt kann ich direkt auf die „Ankündigungen“-Spalte klicken, um die Finanzberichte zu sehen, und auf die „Nachrichten“-Spalte klicken, um die Marktnews zu sehen, die Effizienz hat sich verdoppelt. 2. App mit Gedächtnis ausstatten: Favoritenfunktion Ein Schmerzpunkt der vorherigen Version der Webseite war „Aktualisieren bedeutet Vergessen“, ich benötige ein Lesezeichen, um wichtige Nachrichten zu speichern. Meine Anweisung (Eingabeaufforderung): „Fügen Sie eine Favoritenfunktion hinzu. Fügen Sie neben jeder Nachricht einen ‚⭐ Speichern‘-Button hinzu....