Erstellen deiner ersten App in wenigen Minuten mit GitHub Spark

Hier erfährst du, wie du mit GitHub Spark schnell eine App erstellen und bereitstellen kannst, ohne Code zu schreiben.

Wer kann dieses Feature verwenden?

Anyone with a Copilot Pro+ license can use Spark.

In diesem Artikel

Hattest du schon mal eine großartige Idee für eine App, aber nicht die passenden Tools, um sie zu erstellen? Mit der Hilfe von KI kannst du jetzt deine App-Ideen in wenigen Minuten verwirklichen und das nur mit natürlicher Sprache. In diesem Artikel wird veranschaulicht, wie du mit GitHub Spark eine App für die Wörtersuche erstellst, verbesserst und teilst – ohne eine einzige Codezeile selbst schreiben zu müssen.

Hinweis

GitHub Spark befindet sich in der öffentlichen Vorschau und Änderungen sind vorbehalten.

Erstellen des App-Prototyps

Zu Beginn erstellst du eine erste Basisversion deiner App, auf die du später aufbaust.

  1. Navigieren Sie zu https://github.com/spark.

  2. Sende den folgenden Prompt, um die erste Iteration deiner App zu generieren:

    Text
    Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.

  3. Spark erstellt nun deine App in Echtzeit. Wenn die App fertig generiert wurde, wird eine Vorschau angezeigt.

  4. Erstelle und löse ein Rätsel mithilfe der Vorschau, um die App zu testen.

Verbessern der App

Im Handumdrehen hast du nun eine funktionierende App! Natürlich musst du sie hier und da noch ein bisschen anpassen. Wenn du dein Projekt noch etwas aufpolieren möchtest, sende Spark einige weitere Prompts.

  1. Sende auf der linken Seite auf der Registerkarte Iterate den folgenden Prompt:

    Text
    Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.

  2. Sobald die App aktualisiert wurde, erstelle und löse ein weiteres Rätsel, um die neuen Features in Aktion zu sehen.

  3. Werde selbst kreativ, und füge der App eigene Verbesserungen hinzu! Wenn du nicht mehr weiterweißt, wähle einen der Vorschläge von Spark aus, die oberhalb des Prompt-Textfelds angezeigt werden. Änderungen kannst du auch über die Steuerelemente zur visuellen Bearbeitung auf den Registerkarten „Theme“, „Data“ und „Prompts“ vornehmen, ohne auch nur eine Zeile Code schreiben zu müssen.

Debuggen der App

Beim Erstellen deiner App können möglicherweise Fehler auftreten. Viele dieser Fehler werden von Spark erkannt und in einem Popupfenster mit der Bezeichnung „Errors“ oberhalb des Prompt-Textfelds aufgelistet. Klicke auf Fix all, um die Fehler zu beheben.

Screenshot: Liste mit Fehlern, die von GitHub Spark erkannt wurden. Die Schaltfläche „Fix all“ ist orange umrandet.

Schreibe zum Beheben eines Fehlers, den Spark nicht selbst gekennzeichnet hat, einen entsprechenden Prompt. Stelle in diesem Fall eine detaillierte Beschreibung des Fehlers sowie den optimalen Zustand nach erfolgreicher Behebung bereit, um das beste Ergebnis zu erzielen. Wenn dir beispielsweise auffällt, dass das Rätsel nicht korrekt gerendert wird, wenn Wörter mit mehr als einer bestimmten Anzahl von Buchstaben hinzugefügt werden, sende den folgenden Prompt:

Text
Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Freigeben der App

Wenn du mit deiner App zufrieden bist, ist es Zeit, sie bereitzustellen und mit anderen zu teilen.

Hinweis

Wenn du deine Spark-Anwendung für alle GitHub-Benutzer freigibst, können alle Benutzer auf die in deiner Spark-Anwendung gespeicherten Daten zugreifen und diese bearbeiten. Lösche daher alle privaten oder vertraulichen Daten aus deiner App, bevor du sie veröffentlichst.

  1. Klicke in der oberen rechten Ecke der Seite auf Publish. Standardmäßig wird die Spark-App als „privat“ bereitgestellt, und nur du kannst darauf zugreifen. Damit andere GitHub-Benutzer auf deine App zugreifen können, wähle in der Dropdownliste für die Veröffentlichung im Bereich Visibility die Option All GitHub users aus. Auf diese Weise kann jede Person mit einem GitHub-Konto auf deine Spark-App zugreifen.

    Screenshot: Veröffentlichungsmenü für GitHub Spark. Die Sichtbarkeitsoption „All GitHub users“ ist orange umrandet.

  2. Klicke auf View site , um deine bereitgestellte App anzuzeigen. Kopiere dann die URL der App, und teile sie.

Nächste Schritte

Die App, die du jetzt erstellt hast, ist eine Rätsel-App für die Wörtersuche, doch mit Spark kannst du alle möglichen Web-Apps erstellen. Versuche als Nächstes, deine eigene App zu erstellen. Hier sind einige Ideen für dich als Inspiration:

  • Versuche es mit einer App für die Nachrichtensuche oder einem intelligenten Rezeptgenerator.
  • Erstelle einen Budget-Tracker, mit dem du ein Budget festlegen, eine Liste der Ausgaben erfassen und dein verbleibendes Gesamtbudget anzeigen kannst. Du kannst jede Ausgabe einer Kategorie und einem Datum zuweisen und anschließend alle Ausgaben nach verschiedenen Kategorien sortieren.

Weiterführende Themen