die Brush Tracker-App in 3 Tagen ohne vorherige Erfahrung mit Swift, der Hauptprogrammiersprache für die iOS-Entwicklung. Obwohl ich eine voll funktionsfähige App live im App Store habe, habe ich immer noch sehr wenig Swift-Kenntnisse, da ich diese App mit „Vibe Coding“ entwickelt habe.
In diesem Artikel erkläre ich den Prozess, die von mir verwendeten KI-Tools und teile einige meiner Erkenntnisse und Erkenntnisse.
Alles als liebenswerte Alternative
Ich habe Lovable zuvor für die Entwicklung von Webanwendungen verwendet, aber es scheint zumindest im Moment keine Option für die Entwicklung mobiler Apps zu sein.
Für die App-Entwicklung gibt es Alternativen zu Lovable. Ich bin kürzlich auf ein Tool namens Anything gestoßen, und da ich so gute Erfahrungen mit Lovable gemacht habe, habe ich beschlossen, es bei der Entwicklung meiner App auszuprobieren. Zuerst schien es gut zu funktionieren, aber das Gesamterlebnis war nicht so effizient, wie ich gehofft hatte.
Das Schwierigste war, dass ich meine Änderungen, Korrekturen und Verbesserungen nicht sofort testen konnte. Alles verfügt zwar über eine integrierte Benutzeroberfläche zum Testen, aber das Erlebnis verlief nicht sehr reibungslos. Außerdem werden Sie aufgefordert, den Code über die Expo-App zu testen, aber das hat bei mir auch nicht gut funktioniert.
Ich sollte erwähnen, dass ich zuvor keine Erfahrung in der App-Entwicklung hatte. Für Entwickler oder jeden mit Programmierkenntnissen könnte Anything wahrscheinlich ein produktiveres Werkzeug sein als für mich.
Ich habe den Code aus Anything exportiert und versucht, ihn auf Xcode auf meinem Mac zu testen, habe aber viele Fehler erhalten und konnte ihn nicht zum Laufen bringen. Also habe ich mich für eine Alternative entschieden. Cursor schien die offensichtliche Wahl zu sein.
Cursor
Ich habe von vielen Freunden, die es aktiv nutzen, sehr Gutes über Cursor gehört. Ich wollte es selbst einmal versuchen.
Ich habe dieselbe Eingabeaufforderung in Cursor verwendet und ihn gebeten, die App zu erstellen. Dann habe ich ein XCode-Projekt mit den von Cursor generierten Ordnern und Dateien erstellt. Ich habe den Simulator auf XCode gestartet und es hat beim ersten Versuch funktioniert.
Das Ziel von Brush Tracker ist es, Ihnen dabei zu helfen, beim täglichen Zähneputzen konsequent zu bleiben. Sie erhalten einen Sauberkeitswert, der bei 100 % beginnt. Wenn Sie einen Tag auslassen, sinkt die Bewertung und Ihre Zähne in der App beginnen, entsprechend der Sauberkeitsbewertung etwas gelblich auszusehen.
Hinweis: Alle in diesem Artikel verwendeten Bilder enthalten Screenshots meiner App Brush Tracker.
Die erste Version verfügte nur über die Hauptfunktion der App. Ich denke, dass dies der effizienteste Weg ist, Produkte mit KI-basierten Tools zu erstellen. Bringen Sie die erste Version zum Laufen, bevor Sie Funktionen hinzufügen.
Um die Kernfunktion der App auf dem Simulator zu testen, musste ich das Datum des Simulators ändern, ohne das „heutige Zähneputzen“ abzuschließen, um zu prüfen, ob der Sauberkeitswert sinken und die Zahnvisualisierungen wie erwartet aktualisiert würden.
Der Cursor hat vorgeschlagen, das Datum im XCode-Simulator zu ändern, aber der Simulator verfügt nicht mehr über die Datums- und Uhrzeiteinstellungen. Ältere Versionen des XCode-Simulators hatten diese Einstellung, jedoch nicht mehr.
Eine Workaround-Lösung bestand darin, das Datum auf meinem Mac zu ändern. Dadurch änderte sich auch das Datum auf dem Simulator und ich konnte die Funktion testen.
Eine Sache, die mir auffiel, war, dass der Cursor mein Konto nicht sah und nicht funktionierte, als ich das Datum auf meinem Mac änderte. Es normalisierte sich wieder, als ich das Datum wieder auf „Automatisch“ umstellte.
Timer-Funktion
Ein integrierter Putztimer schien eine tolle Ergänzung zum Brush Tracker zu sein. Benutzer können eine Putzsitzung einfach als erledigt markieren oder beim Putzen den Timer verwenden.
Es hat einige Versuche gedauert, bis diese Funktion so funktionierte, wie ich es mir vorgestellt hatte. Sie können Cursor einfach anweisen, eine Funktion hinzuzufügen, aber es funktioniert viel besser, wenn Sie die Eingabeaufforderung anpassen und genau erklären, was Sie wollen. Sobald Sie klare Anweisungen geben, leistet Cursor normalerweise hervorragende Arbeit.
Belohnungsfunktion
Ich wollte dem Benutzer beim täglichen Zähneputzen eine zusätzliche Motivation verleihen. Nach Abschluss der Sitzungen können sie auf „Tägliche Belohnung erhalten“ tippen und ein kurzes Motivationszitat sehen. Es ist eine kleine Geste, aber eine schöne Erinnerung an die Zahngesundheit.
Sie können tatsächlich beim Vibe-Codieren lernen
Cursor schreibt nicht nur den Code, sondern hilft Ihnen auch beim Lernen. Als ich versuchte, die Belohnungsfunktion hinzuzufügen, war die Implementierung zunächst nicht korrekt. Es funktionierte nicht richtig.
Ich habe Cursor das Problem beschrieben und er hat erklärt, was das Problem verursacht hat und wie man es beheben kann. Hier sind zwei Beispiele dafür, wie Cursor Ihnen beim Lernen helfen kann:
Das Problem besteht darin, dass „rewardQuote“ beim ersten Tippen leer ist, weil handleRewardTap() es festlegt, das Blatt jedoch sofort angezeigt wird. Ich muss sicherstellen, dass das Angebot festgelegt ist, bevor ich das Blatt zeige.
Das Problem wurde behoben! Das Problem bestand darin, dass „showReward = true“ unmittelbar nach „rewardQuote“ festgelegt wurde, die Blattpräsentation von SwiftUI jedoch erfolgen kann, bevor die Statusaktualisierung vollständig verarbeitet wurde.
Verwenden Sie den Cursor effizienter
Cursor ist ein großartiges Werkzeug, aber es gibt einige Möglichkeiten, es effizienter zu machen.
Nehmen wir an, dass der Code fehlschlägt oder nicht ordnungsgemäß ausgeführt wird. Wenn Sie den problematischen Teil kennen, markieren Sie diesen Abschnitt und fügen Sie ihn dem Chat hinzu. Dies erleichtert Cursor definitiv die Behebung des Problems.
In Brush Tracker hatte ich ein Problem beim Einrichten von Benachrichtigungen. Ich habe das Problem definiert und Cursor gebeten, es zu beheben. Der Cursor sagte mir, dass das Problem behoben sei, das Problem jedoch weiterhin bestehe. Dann habe ich anhand der Codeänderungen herausgefunden, wo das Problem auftrat, und diesen Teil zum Chat hinzugefügt.
Cursor hat es beim nächsten Versuch behoben: Das Problem besteht darin, dass onTapGesture auf den Picker angewendet wird, segmentierte Picker in SwiftUI jedoch nicht immer gut auf Tippgesten reagieren, da sie über eine eigene interne Gestenverarbeitung verfügen. Der Modifikator onChange wird nur ausgelöst, wenn sich die Auswahl tatsächlich ändert, nicht, wenn auf denselben Wert getippt wird.
Erwähnenswert ist auch der Prozentsatz der „Kontextverwendung“ in Cursor. Es erfasst automatisch relevanten Kontext aus Ihrer Codebasis, sodass Sie ihm nicht sagen müssen, welche Dateien angezeigt werden sollen. Aber auch Ihr Chatverlauf ist in diesem Zusammenhang enthalten und enthält manchmal alte Probleme oder irrelevanten Code.
Dieses zusätzliche Durcheinander kann die Token-Nutzung erhöhen oder den Cursor weniger effizient machen. Wenn der Prozentsatz der verwendeten Kontexte steigt, lösche ich den Chatverlauf.
Verteilen Sie Ihre App im App Store
Sobald Sie den Test Ihrer App mit dem Simulator oder einem physischen Gerät (z. B. Ihrem eigenen iPhone) abgeschlossen haben, ist es an der Zeit, Ihre App im App Store zu verteilen, damit andere Ihre App sehen (und hoffentlich verwenden) können.
Es ist kein komplizierter Prozess, aber es gibt viele Details, die besonders dann lange dauern können, wenn Sie es zum ersten Mal tun. Ich habe auf YouTube ein Video gefunden, das den gesamten Prozess Schritt für Schritt anschaulich erklärt.
Nachdem ich alle Schritte abgeschlossen hatte, habe ich meine App zur Überprüfung eingereicht. Nachdem es genehmigt wurde, erhielt ich eine E-Mail von App Store Connect, in der mir mitgeteilt wurde, dass es zur Verteilung bereit sei.
Ich möchte darauf hinweisen, dass ich mit keinem der in diesem Artikel genannten KI-Tools in Verbindung stehe.
Danke fürs Lesen! Sie können Brush Tracker im App Store ausprobieren. Ich würde mich freuen, von Ihnen zu hören, wenn Sie es ausprobieren oder Feedback haben.
