AI Dev 25 | Matt Palmer: Idea to app—shipping fast with Replit
Matt Palmer builds a QR-code sharing app live using Replit Agent, scaffolding a full-stack app with Postgres and deploying it to a live URL. He shows how the Agent handles database migrations and debugging, and talks through the higher-order thinking needed when developing with AI tools.
Chapters
Hallo zusammen.
Vielen Dank, dass Sie heute hier sind. Wir werden überall QR Codes haben und sogar eine App zum Erstellen von QR Codes entwickeln.
Es gibt zwar zu viele QR Codes, aber ich verspreche, wir werden Spaß haben. Wir werden etwas Cooles entwickeln.
Also danke für die Einführung, Jeff. Wie gesagt, ich bin Matt.
Ich bin Developer Relations bei Replet. Dieser Vortrag wird einen etwas anderen Verlauf nehmen.
Also legen wir gleich los.
Dann gehe ich einen Schritt zurück und wir sprechen darüber, was Replet ist. Wir werden darüber sprechen, wie es funktioniert.
Was wir genau tun und warum es mehr als nur Hype ist.
Vielleicht bin ich einer der Leute, die.
Sie meinten, als Sie sagten Key Leute.
Mit vielen Followern, die einfach nur Hype erzeugen. Aber ich werde auch einen Kurs über Deep Learning halten. Hoffentlich ist er eher bildungsorientiert. Aber wie gesagt, legen wir gleich los.
Fangen wir mit Replet an. Ä Dazu gleich mehr.
Wenn Sie ein Replet Konto erstellen und sich bei Replet Com anmelden, wird Ihnen eine Art Eingabeaufforderung angezeigt. Richtig, das ist Replet Agent. Wir werden gleich erklären, was das ist und wie es funktioniert. Aber im Großen und Ganzen beschreibe ich eine Wir entwickeln eine Networking App. Vielleicht waren Sie schon einmal auf einer Konferenz und haben Leute nach ihrem LinkedIn Profil gefragt und mussten dann LinkedIn aufrufen und versuchen, den QR Code zu finden. Oder vielleicht nutzen sie LinkedIn nicht. Vielleicht sind Sie auf X oder Twitter oder wo auch immer und möchten einfach nur Ihre URL teilen.
Unsere App, die wir entwickeln, ist für Networking Events optimiert, wo Sie QR Codes.
Und URLs speichern und schnell anderen zeigen können.
Und sie wird mehr sein als nur eine Demo auf einem lokalen Host. Ziel ist es, etwas Live Web basiertes.
Zu entwickeln, das jeder nutzen und individuell anpassen kann.
Sie können sich ein Konto erstellen. Für die Demo verwenden wir unser neues replk Konto, das sich mit Ihrem Replet Konto authentifiziert.
Sie benötigen also ein Replay Konto, um es nutzen zu können. Aber wir legen hier einfach los.
Der Agent schlägt zunächst einen Plan vor. Er bestätigt, dass er versteht, was wir erstellen möchten. Dies ist eines dieser agentischen Frameworks, über die alle sprechen. Und wir bestätigen erneut, was wir wollen. Es heiß Hey, ich helfe dir bei der Planung deiner Netzwerk App.
Wir werden dabei Technologie einsetzen. Hier sind ein paar Ideen für weitere Ideen. Falls du dich inspirieren lassen möchtest.
Ich werde das jetzt vorführen und dann, während es losgeht, einen Schritt zurücktreten.
Wir sprechen darüber, was wir tun.
Generell stoßen viele Leute beim KI basierten Entwickeln auf viele Hindernisse. Sie sind verwirrt. Das liegt meiner Meinung nach daran, dass.
Nicht genug Zeit in den Planungsprozess investiert wird und man nicht genug über das.
Nachdenkt, was man entwickeln möchte.
Stürzt sich einfach in diesen Schritt. Replet Agent ist ein Framework, das als autonomer Softwareentwickler fungiert und dich dabei unterstützt, diese Ideen in Apps umzusetzen.
Es läuft auf Replet.
Wir werden später noch genauer darauf eingehen. Als ich über diese App nachdachte, setzte ich mich zunächst hin und machte ein Brainstorming. Was wollen wir eigentlich entwickeln? Welche Funktionen benötigt Sie und welche Frameworks.
Und Anforderungen benötigen wir für diese Anwendung?
Denken Sie zum Beispiel an Visualisierungen oder die Dinge, die wir in diese App integrieren.
Wenn Sie beim Entwickeln mit Key nicht weiterkommen, können Sie einfach ein anderes Keyframework verwenden, beispielsweise eine PRD Vorlage generieren und diese dann in die Anwendung zurückgeben. Beim Entwickeln können Sie sich ü Wie soll meine App aussehen?
Welche Funktionen möchte ich haben?
Und wenn sie weniger technisch versiert sind, welche Frameworks kann ich dafür verwenden? Wir werden noch etwas mehr über Frameworks sprechen, wie diese Dinge funktionieren und wie ich über das Entwickeln mit KI denke.
Aber im Großen und Ganzen, das waren.
Die Dinge, die ich beim Entwickeln dieser Anwendung berücksichtigt habe. Und wie passt das zu Replet und was ist Replet überhaupt?
Ich erzähle den Leuten gerne, dass Replet der schnellste Weg von der Idee zur App ist.
Ich bin matt und kümmere mich um die Entwicklerbeziehungen. Im Kern haben wir drei verschiedene Produkte.
Replet ist so etwas wie der Arbeitsbereich, den Sie vielleicht kennen. Es gibt ihn seit fünf oder sechs Jahren. Wir haben Agent, unseren automatisierten Entwickler. Er konfiguriert Ihre gesamte Umgebung und hilft Ihnen, Ihre Projekte zu optimieren. Damit haben wir gerade angefangen.
Und wir haben Assistant, der für schnellere Bearbeitungen, Chats oder sogar Fragen konzipiert ist.
Und das Erstaunliche an Replet ist, was wir gerade gemacht haben. Ich habe einen Browser Tab geöffnet und auf eine Schaltfläche geklickt. Es ist keine Installation erforderlich, es läuft vollständig im Browser. Wir haben all diese Key Tools und alles, was Sie zum Erstellen einer App benötigen.
Es installiert Sprachen, konfiguriert Pakete, verfügt über Datenbanken und ermöglicht uns die Bereitstellung dieser App im Internet.
Das unterscheidet uns deutlich von anderen Tools, die heute zur App Entwicklung verwendet werden, nicht wahr? Wie ich bereits erwähnt habe, plant Agent Automated Developer diese App gerade für uns. Damit habe ich gerade begonnen. Es ermöglicht uns, Dinge von Grund auf neu zu entwickeln und auch komplexe Projekte zu realisieren. Assistent, wie bereits erwähnt, Chat und Schnellbearbeitung.
Warum ist das wichtig? Wir beobachten, dass selbst Nicht Entwickler, selbst halbwegs technisch versierte Leute, eigentlich jeder, der logisch denken, planen, neugierig sein, vielleicht über Fachwissen verfügen, wie wir gerade besprochen haben und kreativ und lernbereit ist, heute Anwendungen erstellen kann. Genau genau das möchte ich in diesem Vortrag verdeutlichen. Wir sprechen hier also über unsere PRD. Wir sollten sehen, dass der Agent eine App für uns geplant hat. Als erstes generiert er eine visuelle Vorschau.
Er hat sie tatsächlich gestreamt. Ich bin etwas zu schnell wegnavigiert, aber wir haben eine visuelle Vorschau, wie unsere App aussehen könnte.
Oben ein QR Code Generator, unten eine QR Code Anzeige und jetzt streamt er den gesamten notwendigen Code.
Wir haben das Ganze sehr benutzerfreundlich gestaltet, aber wie bereits erwähnt, handelt es sich hier um den Replet Arbeitsbereich. Auf den ersten Blick sieht es also sehr einfach aus.
Wir chatten hier einfach und sehen, was der Agent macht.
Aber im Grunde handelt es sich um.
Ein komplettes Dateisystem und einen Arbeitsbereich, der in der Cloud läuft.
Wir haben Dateien, wissen Sie, das ist nur eine URL, wir können Pakete verwalten und so weiter. Node wurde für uns installiert. Alle Systemabhängigkeiten und Anforderungen wurden konfiguriert.
Was im Hintergrund passiert, ist eigentlich Softwareentwicklung. Und genau das unterscheidet von anderen Tools, die Sie vielleicht kennen.
Es ist eine komplette Arbeitsumgebung.
Sie können es als ZIP Datei herunterladen.
Aber wir haben festgestellt, dass es in.
Relit sehr gut läuft. Das war also nur ein Befehl, den wir ausgeführt haben. Sie können alle Schritte sehen, die Agent durchläuft. Er hat einen Plan für uns erstellt, Er hat sich überlegt, was er erstellen wollte.
Dann hat er angefangen, so ziemlich alles für eine Fullstack Anwendung zu erstell und noch Das ist nicht nur ein Frontend.
Es ist ein Frontend, eine Client Server Full Stack Anwendung mit Speicher, die wir über Replet implementieren. Hoffentlich Haben wir nach 30 Minuten eine funktionierende Anwendung und Agent erstellt die gesamte Anwendung. Es installiert Abhängigkeiten und integriert sich mit.
Replet Wir haben uns vorgenommen, uns anzumelden und diese QR Codes zu verwenden. Jetzt werden zusätzliche Pakete installiert und diese Dinge abgearbeitet.
Sie können den gesamten Prozess also nachvollziehen. Es ist hilfreich, etwas nach oben zu scrollen, Clients zu installieren, zu debuggen, zu konfigurieren und Fehler zu prüfen.
Und jetzt werden diese Dinge über unseren Port abgerufen. Was ich also betonen möchte, hinter den Kulissen ist dies derselbe Prozess, den Sie durchlaufen würden, wenn Sie Entwickler wären und eine Anwendung erstellen würden. Und genau das unterscheidet den Agenten. Sobald wir den ersten Schritt des Plans erreicht haben, ist dies nun eine funktionierende Anwendung. Es handelt sich also nicht mehr um eine Vorschau. Da die Anwendung in der Cloud läuft, erhalten Sie, wie ich bereits bei replet erwähnt habe, keinen lokalen Host, sondern eine Entwicklungs URL. Diese ist tatsächlich zugänglich. Wenn Sie diesen QR Code scannen, gelangen Sie zu dem, was ich Ihnen gleich zeigen werde.
Das war nur ein Versuch, daher keine Garantie für Fehlerfreiheit. Mal sehen, was passiert, wenn wir es laden.
Also nochmal die gleiche URL. Wir erhalten hier einen Generator. Geben wir einen Beispiel Link ein. OK, wir haben einen QQR Code generiert. Jeder kann doch QR Codes generieren, oder? Jetzt vielleicht die etwas fortgeschrittenere Variante. Können wir uns anmelden? Das ist also unsere neue Art von Replet Erfahrung. Anstatt selbst zu versuchen, etwas zu erstellen, können Sie sich einfach mit Replet anmelden.
Es verwendet Ihr Replet Konto, wodurch Sie die Komplexität weitgehend reduzieren. OK, jetzt sehen wir, dass ich angemeldet bin und mein Konto habe.
Versuchen Sie es noch einmal. Wir generieren einen Code. Wir generieren Codes. Können wir sie speichern. OK, wir haben sie in meinem Konto gespeichert. Sieht gut aus. Bleibt das erhalten?
Ist das echt? OK, wir speichern QR Codes.
Wir haben also eine Anwendung entwickelt, die nicht nur über ein Frontend und ein Backend zum Generieren der Codes verfügt, sondern diese auch speichert.
Technisch gesehen werden sie im Arbeitsspeicher, einem lokalen Speicher innerhalb von Ripple gespeichert und bleiben dort bis zum Neustart unserer App persistent.
Der nächste Schritt wir kommen bereits recht gut voran wäre die Einführung einer persistenten Funktion.
Die meisten Code Generierungsanwendungen im Internet haben damit Probleme. Wie speichert man Daten?
Wie greift man zuverlässig auf Daten zu?
Am besten mit einer Datenbank. Dank unserer Freunde von Neon bieten wir in Replik serverlose Postgres Datenbanken an.
Falls Sie nicht wissen, was das ist, keine Sorge, es bedeutet lediglich, dass Sie Daten speichern und abrufen können.
Ziel wäre es, die von uns erstellten.
Konten und generierten QR-Codes in einer Datenbank. Zu speichern, damit Sie sich anmelden und darauf zugreifen können. M Ich stelle das Mikrofon in den Ständer und wir schauen mal, was sich ergibt. Ich stelle das Mikrofon nicht in den Ständer, Ich möchte es also beschreiben.
Der Agent ist für die Arbeit mit diesen Datenbanken optimiert. Er erkennt, dass der Benutzer Daten in unserer Postgres Datenbank speichern möchte. Als Key Agent habe ich ein Konzept für die Interaktion mit diesem System. Ich habe Tools dafür. Er bestätigt das und OK, Ich muss es anpassen, um ein Schema für die Datenbankverbindung zu erhalten. Anschließend migriere ich den vorhandenen Speicher in unsere Datenbank. Was passiert also in dieser Umgebung, wenn.
Sie bereits andere Tools verwendet haben? Kennen Sie das vielleicht? Ich möchte eine Datenbank hinzufügen. Ich muss ein weiteres Konto erstellen. Ich muss einen weiteren Dienst nutzen.
Ich muss das mit meiner Anwendung verbinden. In relit speichern wir die Datenbanken direkt in der Anwendung. Wir haben also eine Datenbank in der App erstellt. Sie sehen, dass sie noch keine Daten enthält. Aber hoffentlich sehen wir, sobald der Agent fertig ist, eine Benutzertabelle, vielleicht eine QR.
Code Tabelle und noch etwas ist zu beachten. Oder Ihnen fällt vielleicht auf, dass hier viel ausgegeben wird. Oder ich sehe nicht sofort Ergebnisse.
Und das ist so gewollt, denn der Agent stößt auf Fehler oder führt verschiedene Schritte aus und oh, eigentlich behebe ich das für Sie.
Oder aktualisieren wir unsere Speicherimplementierung, um die Datenbank zu verwenden? Dann gibt es tatsächlich ein Problem mit zirkulärer Abhängigkeit im Schema. Mal sehen, ob wir das beheben können. Also aktualisiert er das Schema, um diese zirkulären Abhängigkeiten zu beheben, also eine echte Agentenschnittstelle. Richtig. Er führt ein Aktionen im Namen des Benutzers aus, hat aber auch Zugriff auf die Konsole.
Er hat Zugriff auf die Ausgabe dieser Skripte und Befehle. Richtig.
Wenn Sie sich also mit Drizzle oder.
Datenbanken auskennen, überträgt er das Datenbankschema in die Datenbank und erstellt die Tabellen für uns. Auch hier müssen Sie nicht wirklich wissen, was genau passiert, aber er wendet all diese Änderungen an und fügt die gewünschten Dinge hinzu. Nun, es scheint, als ob es Es gibt keine Tabellen.
Es könnte also bald eine Fehlermeldung geben, Aber das gehört zum KI basierten Arbeiten dazu. Selbst wenn Sie nicht verstehen, was hier vor sich geht, ist es wichtig zu.
Verstehen, dass Sie sehen können, was passiert.
Sie können den Denkprozess und die Logik nachvollziehen, mit der der Agent die Implementierung durchläuft. Und wieder gibt es zwei Aufforderungen. Richtig Bauen Sie mir das. Es hat funktioniert. Und dann sagten okay, es funktioniert, aber wir brauchen persistente Daten. Wir wollen noch einen Schritt weiter gehen. Können wir eine Datenbank hinzufügen und die Serveroptionen aktualisieren?
Und jetzt kommt der spannende Teil, bei dem Migration durchgeführt werden. M Die Leute hier wissen, dass ein separater Workflow erstellt wird. Es tritt ein Fehler auf. Mal sehen, wie das funktioniert. Drizzle Kit Push ausführen.
Und wir können auch Der Agent hat Zugriff, um SQL Abfragen auszuführen, aus der Datenbank zu lesen und sicherzustellen, dass seine Ausführung korrekt war.
Es wird also eine Liste verschiedener Tabellen erstellt.
Es prüft das Informationsschema und die tatsächliche.
Struktur, um sicherzustellen, dass die Implementierung korrekt ist.
Das ist wiederum wie Debugging. Wir werden gleich über die Prinzipien des KI basierten Programmierens sprechen. Selbst wenn Sie kein Softwareentwickler sind, ist es meiner Meinung nach wichtiger zu verstehen, warum Dinge nicht funktionieren, als den Code zu schreiben. Denn wenn Sie verstehen, wo das Problem liegt oder wie Ihre Anwendung funktioniert, können Sie diese Informationen an einen LLM weitergeben und wahrscheinlich etwas schneller eine Antwort erhalten, als wenn Sie es selbst tun. Der Server wurde also neu gestartet. Sieht so aus, als würden wir es testen. Ich bin ungeduldig. Wir werden es auch testen.
Laden Sie das einfach neu. Ich bin abgemeldet, weil wir die App neu gestartet haben.
Dies läuft auf einer Art Entwicklungsserver. Sie könnten auch auf diese URL zugreifen, aber sie ist eher flüchtig. Es wird nicht ewig bestehen. Wir melden uns mit unserem Replay Konto an. Wir versuchen, einen Link zu generieren.
Link speichern.
Der Link wurde erfolgreich gespeichert. Meine gespeicherten Links.
Er ist da.
Mal sehen, wie er in unserer Datenbank aussieht. Wir aktualisieren das.
Wir haben Links. Da ist mein Link. Wir haben Benutzer. Interessant. Nun, da ist ein Link.
Nein, kein Benutzer in der Benutzertabelle aber das sollte funktionieren.
Also richtig. M nehmen wir an. Wir schauen uns die Webansicht an.
Sehen Sie, wir haben also meine gespeicherten Links. Ich bin hier angemeldet und dann wissen Sie, wenn ich hier einen echten Test.
Machen wollte, was ich tun würde, wäre das zu öffnen und auf meinem Telefon zu sehen.
Nun, wenn ich mich mit einem Replet.
Anmelde, sollte ich meine gespeicherten Links haben.
Richtig. Sie können mein Telefon nicht sehen. Das fällt mir gerade ein.
Das ist also keine sehr anschauliche Demo. Aber ich habe einen gespeicherten Link. Wir können also sicher sein, dass dieser Link aus der Datenbank abgerufen wird.
Ich möchte noch einmal durchgehen, was wir gerade gemacht haben.
15 Minuten, 10 15 Minuten.
Wir erstellen eine Anwendung, mit der man QR Codes speichern und generieren kann. OK, cool. Das kann jeder. Sie ist jetzt live im Internet, sodass wir sie debuggen und darauf zugreifen können. Ich kann von meinem Telefon aus auf diese URL zugreifen. Sie speichert QR Codes in einer Datenbank. Wir können jederzeit darauf zugreifen und sie verfügt über eine Benutzerauthentifizierung.
Wenn Sie dies scannen, die App ausprobieren und sich mit Replet anmelden möchten, könnten Sie genau dasselbe tun.
Sie können also genau das tun, was.
Gerade nach diesem Workshop beschrieben wurde.
Oder vielleicht machen Sie es gerade. M und eine App erstellen. Diese App ist jetzt nicht live im Internet. Oder der nächste Schritt, die nächste große Hürde beim KI basierten entwickeln. Die meisten Leute entwickeln diese wirklich coolen Anwendungen, die auf ihrem Computer laufen und über externe Dienste verfügen. Dann fragen sie Wie kann ich das Ganze so umsetzen, dass meine Familie und.
Meine Freunde es nutzen können?
Es könnte ein Produkt sein, das ich verkaufen könnte, das mir das Leben erleichtert.
Oder mir hilft, bei der Arbeit mehr zu erledigen. Und das ist das Tolle an, weil es in einer Cloud Umgebung läuft. Diese Art von Entwicklungsumgebung läuft in der Cloud.
Wenn wir es im Internet veröffentlichen wollen.
Können wir es einfach herunterladen, verpacken und.
Unter einer URL bereitstellen.
Im Hintergrund läuft eine Menge, was das vereinfacht.
Ich habe also gerade auf einen Bereitstellungstyp geklickt. Reboot hat mir tatsächlich den richtigen Bereitstellungstyp empfohlen, sodass ich mir keine Gedanken darüber machen muss, was ich tue. Und wir stellen es im Real Live bereit.
Wir nennen es der Einfachheit halber Deep Learning QR, damit Sie es alle sofort nutzen können.
Klicken Sie auf Bereitstellen.
Wir nehmen diese Umgebung, patchen und verpacken sie und übertragen sie dann von der Entwicklungs in die Bereitstellungsphase.
In etwa Minuten ist unsere App dann.
Unter dieser URL verfügbar.
Sie nutzt die hinzugefügte Datenbank und die hinzugefügten Kontodienste, um all diese Funktionen sofort einsatzbereit zu haben.
In der Zwischenzeit können wir darüber sprechen, was es bedeutet, mit KI zu entwickeln, denn das wird meiner Meinung nach oft übersehen. Alle reden über Vibe Coding, als wäre es Zauberei.
Vielleicht ist es das auch. Ich weiß nicht, vielleicht bin ich ja ein Zauberer. Aber eigentlich geht es nur um Logik und Problemlösung. Wenn Sie also hier sind und sich.
Wie komme ich von der Idee zur App?
Fragen Sie sich Wie nutze ich die.
Mir heute zur Verfügung stehenden Tools, um produktiver zu sein? Wie kann ich mit LL M. Dinge tun, die mir vorher nicht möglich waren? Ich habe selbst erlebt, dass das durchaus möglich ist. Man muss verstehen, wie diese Dinge funktionieren und was am effektivsten ist.
Das setzt voraus, dass man sie tatsächlich ausprobiert und dabei vielleicht dumme Dinge tut, Fehler macht oder Projekte kaputt macht, was okay ist.
Aber einige der grundlegendsten Fähigkeiten, die ich am hilfreichsten fand, debuggen eigentlich ziemlich langweilig. Oder macht es mir wirklich Spaß, mir eine App anzusehen, dann einen Fehler zu sehen und mich dann zu Wie behebe ich diesen Fehler?
Nun, ich muss verstehen, was kaputtgegangen ist, was schiefgelaufen ist und so weiter. Nein, das macht wahrscheinlich einfach mehr Spaß. Es macht tatsächlich mehr Spaß, die Ergebnisse.
Zu sehen, aber es geht um den Kontext.
Wenn wir mit diesen LLMs sprechen, geht es darum, wie ich die Informationen, die dem LLM oder dem System fehlen, in das Modell zurückführe, um etwas zu erstellen oder das Modell aus der Patsche zu helfen.
Wenn ich also mit diesen Tools arbeite, mit Replet oder anderen Tools, wie nutze ich diesen Arbeitsbereich, um im Kern zu verstehen, was mit dieser Anwendung und anderen Dingen passiert. Beispiele hierfür sind beispielsweise ein Blick auf.
Die Konsole und wenn man sich die Konsole ansieht, Jede Replet Anwendung hat eine Konsole. Ich sehe da einiges. Vielleicht kenne ich mich mit Programmieren nicht aus. Vielleicht weiß ich nicht, was eine Getanfrage ist. Vielleicht weiß ich gar nichts, Aber ich könnte mir das ansehen und OK get API Aufruf zurück. Get von Benutzer 200. Was bedeutet 200? Wenn ich googeln würde, würde sich herausstellen, dass 200 gut bedeutet. Also weiß ich, dass es funktioniert. Richtig. Und wenn wir auf etwas stoßen, wo steht get von Benutzer 400 und ich nachschaue, was 400 bedeutet und es etwas Schlechtes bedeutet, dann könnte ich sagen also warum funktioniert das nicht? Sie könnten die Key fragen. Richtig. Selbst wenn Sie nicht wüssten, was ein Endpunkt ist, sagen Sie mir, was eine Getanfrage ist. Sie wird es Ihnen sagen. Und so sehe ich tatsächlich E Mails.
Von Leuten, die hier eingehen.
Was bedeutet, dass es funktioniert. Richtig.
Sie können also einige Leute protokollieren. QR Codes melden sich an. Das sehe ich gerne. Engagement erstaunlich. Und der Debugging Prozess ist also eigentlich ein Prozess, um zu verstehen, was falsch läuft. Der Prozess der Kontextbereitstellung für ein LLM besteht darin, das Wissen zu übernehmen und.
Diese Informationen an ein großes Sprachmodell so.
Zurückzugeben, dass es es versteht.
Oft reicht es schon, einen Fehler einfach zu kopieren und einzufügen, nicht wahr?
Im nächsten Schritt prüfen wir, was hier los ist.
Sehen wir uns an, was mit der Bereitstellung los ist.
Die Bündelung sollte in Kürze erfolgen. Was mich zu Frameworks bringt, nicht wahr? Ich sage den Leuten immer man weiß nicht wirklich, was man nicht weiß.
Wenn es also ein Paket oder eine Bibliothek gibt, die genau das tut, was man möchte, und einem Key Modell sagt Hey, du kannst einfach diese Bibliothek verwenden. Du kannst Chat CN verwenden, das liefert mir ein ansprechendes Frontend Material. Oder du kannst framemotion verwenden. Oder einfach die Bibliothek, die früher als framemotion bekannt war, das liefert mir ein ansprechendes Frontend Material, nicht wahr?
Der Key Von den Frameworks erzählen oder ob das Framework neu ist, richtig. Der Key die Dokumentation geben.
Einer der großen Vorteile von relit ist.
Es, wenn es beispielsweise ein neues Framework gibt und ich unbedingt Kontext bereitstellen muss.
Sagen wir einfach Test COM.
Wenn Sie mit dem Agenten sprechen, können.
Sie den Textinhalt der Webseite abrufen. Er durchsucht die Seite und fügt den Inhalt in die Eingabeaufforderung ein. Sie können auch einen Screenshot machen, wenn Sie also oh, mir gefällt dieses Design sehr gut. Ich möchte etwas visuell Ähnliches. Modelle können Bilder verstehen.
Modelle können Markdown Inhalte verstehen und genau.
Darum geht es, wenn ich von Kontext spreche, wie erhalten, erhalte ich die Informationen, die ich brauche, um auf diese Eingabeaufforderungen.
Zuzugreifen oder sie hervorzuheben und integriere sie.
In die Benutzeroberfläche, das Tool, mit dem ich großartige Dinge baue. Und der zweite Punkt, über den ich sprechen möchte, ist einfach nachzudenken. Ich denke, wir werden früh fertig sein, sodass wir noch Zeit für Fragen haben.
Aber es gibt eine interessante Möglichkeit, über die verschiedenen Denkweisen nachzudenken. Und dieses Bild ist vielleicht ein Beispiel dafür.
Logisches Denken ist großartig. Ich liebe logisches Denken. Ich bin ein logischer Mensch.
Aber es gibt höhere Denkordnungen, die wir beim Bauen berücksichtigen können. Und ich denke, die Analogie hier rechts ist etwas treffender.
Stimmt das Ihre Linke Logisches Denken und analytisches Denken? Vielleicht ist es wie Schach spielen. Aber wenn wir uns zum Computational Thinking hocharbeiten, wie programmieren wir einen Computer, um die Schachregeln durchzusetzen? Nun, das erfordert ein tieferes Verständnis des.
Spiels und vielleicht der Grenzfälle, denen man.
Begegnen kann, oder der verschiedenen Situationen, in denen man etwas programmieren kann. Und ganz oben steht das prozedurale Denken. Wie programmiert man einen Computer für Wettkampfschach? Das erfordert mehr, als nur die Regeln zu verstehen, oder es geht darum, das Spiel zu verstehen.
Wenn Sie Apps entwickeln mit KI oder mit Tools wie Relit, sind Sie nicht nur Ingenieur.
Ingenieure können wirklich große Probleme lösen. Ein wirklich guter Ingenieur oder ein Ingenieur, der gleichzeitig Produktmanager ist, definiert das Problem.
Definiert, was er erreichen möchte und wie.
Die Lösung erreicht werden kann.
Das erfordert ein viel tieferes Verständnis des Problembereichs.
Wenn ich über so etwas spreche, ist das ein sehr einfaches Beispiel.
Beim Erstellen von QR Code Apps gibt es viel zu Die Bibliotheken, die QR.
Codes generieren, was es bedeutet, QR Codes.
Dynamisch neu zu laden, was O ist.
Oder was eine Postgres Datenbank ist. Wenn Sie kein technisches Verständnis haben, ist das kein Problem. Aber wenn Sie verstehen, wie die Puzzleteile zusammenpassen, um diese Dinge zu entwickeln, also prozedurales Denken, ein tieferes Verständnis der Funktionsweise.
Der Systeme und der Frameworks, die diese Dinge integrieren, können Sie möglicherweise viel mehr erreichen. OK, super. Das ist jetzt live im Internet. Dies ist also eine echte Website. Wir können den Ablauf noch einmal durchgehen.
Wir beantworten gerne ein paar Fragen.
Wir sind auch hier, aber ich weiß.
Wir hinken etwas hinterher.
Wir haben unseren QR Code erhalten und er ist gespeichert.
Es sieht so aus, als gäbe es Probleme mit der Datenbank, mit dem Benutzerschema. Aber wir sagen einfach das ist erstmal OK. Das kann 35 Minuten dauern. Nicht 30 Minuten.
Ja, ich lasse diesen QR Code also online.
Falls jemand von euch das mal ausprobieren.
Möchte, ist er live und danach können wir über ein paar Fragen sprechen.
Ja, vielleicht hilft mir Jeff dabei. Ja, wir haben Zeit für ein oder.
Zwei Mann im blauen Hemd. Hallo, mein Name ist Daniel Kasinski. Go World Company. Ä Das unterscheidet es definitiv von Cursor Quick.
Ja, nein, eine absolut berechtigte Frage. Ich habe nicht nach einfachen Fragen gefragt. Ich will die schwierigen Fragen. Also läuft der Cursor lokal auf Ihrem Computer? Richtig? Der Unterschied lässt sich auf verschiedene Weise betrachten.
Wenn ich beispielsweise einen Roman schreiben möchte, könnte ich Microsoft Word herunterladen oder Google Drive öffnen.
Einer der Vorteile von Google Drive ist, dass man nichts herunterladen muss, nicht wahr? Und wenn ich das herunterlade, muss ich es erst einrichten. Ich muss herausfinden, wie es funktioniert. M Und dann muss ich das Dokument mit anderen teilen, was nicht einfach ist. Das läuft also lokal auf Ihrem Computer.
Richtig?
Replet läuft in der Cloud unter dieser URL. Sie müssen also nichts installieren oder herunterladen.
Tatsächlich ist das eine Node App, richtig? Ups, das wollte ich nicht. Schon gut, wir gehen zurück. Jetzt ist alles durcheinander. Ä Das ist eine Not App, richtig? Es ist nichts anderes installiert. Aber was Sie in Replet Python tun können, ist die Replet Python Tools zu installieren. Okay.
Python ist also in dieser Umgebung installiert und befindet sich in der Cloud. Richtig? Könnte man das lokal auf dem Computer machen?
Nein.
Unter Windows müsste man dafür etwas Verrücktes tun. Vielleicht so eine Art verrückte Contain. Ich kenne mich mit Windows noch nicht einmal aus. Aber der wesentliche Unterschied ist, dass es.
In der Cloud läuft. Und weil es in der Cloud läuft.
Hatten wir bereits etwas, das funktionierte. Wir haben es einfach bereitgestellt. Eine Datenbank lässt sich mit einem Klick hinzufügen. Objektspeicher lässt sich mit einem Klick hinzufügen.
So, das war's erstmal. Entschuldigung, ich weiß, es gibt viele Fragen.
Aber ihr könnt euch ja später noch bei MAT melden.
Noch eine letzte Sache. Wenn ihr einen kostenlosen Monat Replik möchtet, scannt einfach diesen QR Code. Es öffnet sich ein E Mail Link.
Oh man, du wirst haufenweise E Mails bekommen.
Es öffnet sICH ein E Mail Link.
Mit einem Betreff und sendet ihn an Jeff. Geben Sie einfach Ihre Replet ID ein, falls Sie eine haben. Falls nicht, geben Sie Ihre E Mail Adresse ein, mit der Sie sich bei angemeldet haben. Jeff schenkt Ihnen dann einen Monat Core Mitgliedschaft.
Das war's.
