Die Pinsel-Tracker App in 3 Tagen ohne vorherige Erfahrung mit Swift, der Hauptprogrammiersprache für die iOS-Entwicklung. Obwohl ich eine voll funktionsfähige App dwell im App Retailer 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-Instruments und teile einige meiner Erkenntnisse und Erkenntnisse.
Alles als liebenswerte Different
Ich habe Lovable zuvor für die Entwicklung von Webanwendungen verwendet, aber es scheint zumindest im Second keine Choice für die Entwicklung mobiler Apps zu sein.
Für die App-Entwicklung gibt es Alternativen zu Lovable. Ich bin kürzlich auf ein Instrument namens Something 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 intestine zu funktionieren, aber das Gesamterlebnis conflict nicht so effizient, wie ich gehofft hatte.
Das Schwierigste conflict, 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 intestine funktioniert.
Ich sollte erwähnen, dass ich zuvor keine Erfahrung in der App-Entwicklung hatte. Für Entwickler oder jeden mit Programmierkenntnissen könnte Something wahrscheinlich ein produktiveres Werkzeug sein als für mich.
Ich habe den Code aus Something exportiert und versucht, ihn auf Xcode auf meinem Mac zu testen, habe aber viele Fehler erhalten und konnte ihn nicht zum Laufen bringen. Additionally habe ich mich für eine Different 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 Model verfügte nur über die Hauptfunktion der App. Ich denke, dass dies der effizienteste Weg ist, Produkte mit KI-basierten Instruments zu erstellen. Bringen Sie die erste Model 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, conflict, 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, conflict die Implementierung zunächst nicht korrekt. Es funktionierte nicht richtig.
Ich habe Cursor das Drawback beschrieben und er hat erklärt, was das Drawback verursacht hat und wie man es beheben kann. Hier sind zwei Beispiele dafür, wie Cursor Ihnen beim Lernen helfen kann:
Das Drawback 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 Drawback wurde behoben! Das Drawback 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 korrekt 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 Issues.
In Brush Tracker hatte ich ein Drawback beim Einrichten von Benachrichtigungen. Ich habe das Drawback definiert und Cursor gebeten, es zu beheben. Der Cursor sagte mir, dass das Drawback behoben sei, das Drawback jedoch weiterhin bestehe. Dann habe ich anhand der Codeänderungen herausgefunden, wo das Drawback auftrat, und diesen Teil zum Chat hinzugefügt.
Cursor hat es beim nächsten Versuch behoben: Das Drawback besteht darin, dass onTapGesture auf den Picker angewendet wird, segmentierte Picker in SwiftUI jedoch nicht immer intestine 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 Retailer
Sobald Sie den Take a look at 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 Retailer zu verteilen, damit andere Ihre App sehen (und hoffentlich verwenden) können.
Es ist kein komplizierter Prozess, aber es gibt viele Particulars, die besonders dann lange dauern können, wenn Sie es zum ersten Mal tun. Ich habe ein gefunden Video auf YouTube, 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 Retailer Join, 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-Instruments in Verbindung stehe.
Danke fürs Lesen! Sie können auschecken Pinsel-Tracker im App Retailer. Ich würde mich freuen, von Ihnen zu hören, wenn Sie es ausprobieren oder Suggestions haben.