[00:00:00] Moin Kai! Moin Trutz! Wir reden heute über Mikro-Tools im Browser.
[00:00:05] Warum sind Mikro-Tools im Browser so cool, Kai?
[00:00:08] Ja, ich glaube, wir beide, wenn wir irgendwas brauchen, dann bauen wir uns Tools.
[00:00:15] Irgendwas in Python oder zu Not einen Docker-Container.
[00:00:17] Und ich habe überlegt, wie sieht das denn aus, wenn man jetzt keine Entwicklungsumgebung
[00:00:22] auf dem eigenen Rechner hat und irgendwie erst mal mit der IT reden müsste,
[00:00:25] um irgendwie Python auf den Rechner zu bekommen.
[00:00:28] Und da war die Überlegung, was gibt es für Alternativen?
[00:00:32] Und dann bin ich ein bisschen tiefer in das Thema HTML, also Mikro-Tools im Browser, eingestiegen
[00:00:38] und fand das ziemlich faszinierend, was da alles möglich ist.
[00:00:43] Und deshalb haben wir uns gedacht, machen wir da eine Episode draus, glaube ich.
[00:00:46] So kam das, oder?
[00:00:47] Ganz genau, denn diese Folge richtet sich absolut an Nicht-Entwickler,
[00:00:51] denn auch die haben die Möglichkeit, sich entsprechende Tools zu bauen.
[00:00:54] Bevor wir jetzt tiefer einsteigen, über was für Tools reden wir denn da eigentlich?
[00:00:58] Vielleicht können wir da mal ein paar Beispiele bringen, um so ein bisschen mal den Vorhang zu lüften.
[00:01:05] Ja, genau. Ich glaube, in der normalen Arbeitswelt hat man andauernd irgendwie das Problem,
[00:01:09] dass man Dinge machen muss.
[00:01:11] Entweder muss man Datenformate aus einer Excel-Datei in eine andere bekommen
[00:01:15] oder aus einer CSV-Datei Dinge rausbekommen, nur Teile davon unter bestimmten Bedingungen.
[00:01:20] Also irgendwie so Daten, Dokumente verarbeiten.
[00:01:24] Was alles auch per Hand geht, aber das macht natürlich viel mehr Spaß, wenn das irgendwie automatisch geht.
[00:01:29] Ich hatte letzten Fall für einen Kunden drei Excel-Tabellen
[00:01:33] und musste dann aus der einen Excel-Tabelle gucken, ob die Spalte, ein paar tausend Spalten,
[00:01:39] ein paar tausend Zeilen, ob die Zeile irgendwie matcht mit einer Zeile in der anderen Tabelle.
[00:01:44] Und von da dann fällt in die dritte Tabelle, um da was rauszubauen.
[00:01:47] Also alles Dinge, die man per Hand machen kann, wenn man die auf einem großen Bildschirm nebeneinander legt.
[00:01:52] Aber automatisiert natürlich viel cooler.
[00:01:55] So, da schreibt man einmal auf, wie das funktionieren soll und dann baut man das.
[00:01:58] Und dann, selbst wenn man es nur für den einen Anwendungsfall braucht,
[00:02:01] finde ich, lohnt es sich schon ein Tool zu bauen,
[00:02:03] als da irgendwie eine halbe Stunde zu sitzen und die Zeilen hin und her zu kopieren.
[00:02:07] Und davon gibt es, glaube ich, ganz viele Fälle.
[00:02:10] Oder eine Visualisierung für ein bestimmtes Meeting,
[00:02:15] eine Visualisierung machen von Zahlen, die man aus dem ERP-System, aus seinem Billing-Tool rausgezogen hat.
[00:02:20] Oder eine bestimmte Analyse oder ein Beispiel, ein Demo, ein kleiner Demonstrator
[00:02:27] für eine Akquise mit einem Kunden, wo man sagt, so kann das ungefähr aussehen.
[00:02:31] Also es gibt, glaube ich, ganz, ganz viele Anwendungsfälle.
[00:02:34] Und ich glaube auch so Dinge, die du in der letzten Folge zu deinem Agenten erzählt hast,
[00:02:39] so die Cases, wofür man so einen Agenten umsetzen kann, wenn es ad hoc ist.
[00:02:44] Wenn man gerade mal irgendwie eine bestimmte Frage hat, kann man natürlich auch so ein Microtool bauen.
[00:02:48] So sagen, ich habe hier irgendwie aus drei Quellen Daten,
[00:02:51] baue mir jetzt mal schnell ein Tool, das das analysiert.
[00:02:55] Genau. Also ich glaube gerade dieses Excel-Thema,
[00:02:57] drei Tabellen irgendwie verknüpfen oder visualisieren, ich glaube, das hat jeder schon mal erlebt.
[00:03:02] Das braucht man ja fast ständig.
[00:03:03] Und normalerweise, genau wie du sagst, man würde Excel aufmachen,
[00:03:06] sich irgendwie drei Tabellenblätter nehmen, irgendwelche S-Verweise bauen,
[00:03:09] filtern, sortieren, umsortieren, rumkopieren.
[00:03:11] Und das dauert ja manchmal dann schon ein paar Stunden.
[00:03:14] Und ich glaube, das ist ein sehr guter Anwendungsfall,
[00:03:16] mit dem jeder sich, glaube ich, ein Stück weit identifizieren kann.
[00:03:19] Und dazu kann man sich, glaube ich, sehr, sehr gut eigene Tools bauen.
[00:03:23] Und irgendwo habe ich letztens gelesen, Microtools sind die Makros der AI-Ära.
[00:03:28] Und das stimmt auch, glaube ich.
[00:03:29] Also wann habe ich denn zum letzten Mal irgendwie ein Makro geschrieben in Excel?
[00:03:33] Heute würde man sich wahrscheinlich wirklich lieber ein Tool bauen.
[00:03:37] Und was das Ganze ja auch beschleunigt, ist halt,
[00:03:41] dass man heute mit Coding-Agenten halt ja auch nicht mehr programmieren können muss.
[00:03:44] Oder man kann einfach sagen, was man will.
[00:03:47] Und dann ist ja die eigentliche Herausforderung,
[00:03:50] dass man das Programm dann ja ausführen muss.
[00:03:52] Und das war früher ja auch eine Hürde.
[00:03:54] Da muss man sich ja irgendwas auf dem Rechner installieren.
[00:03:57] Genau wie du sagst.
[00:03:58] Und ich glaube, da kommen die Browser ins Spiel, oder?
[00:04:00] Genau. Browser ist eine total spannende Umgebung,
[00:04:04] um kleine, kleine Tools auszuführen.
[00:04:07] Weil Browser ist immer installiert.
[00:04:09] Ich kann mir jetzt kein Szenario vorstellen,
[00:04:11] wo man einen Rechner hat und keinen Browser installiert hat.
[00:04:15] Ist total mächtig.
[00:04:16] Das heißt, die Visualisierungsmöglichkeiten sind total groß.
[00:04:20] Das heißt, wenn man sich spannende Tools da draußen anguckt als Web-Anwendungen,
[00:04:25] auch extrem leistungsfähig.
[00:04:27] Interaktion ist total gut.
[00:04:29] Man kann Buttons, Slider auswählen.
[00:04:31] Man kann auch andere interaktive Diagramme da einbauen.
[00:04:36] Das heißt, erst mal ist es visuell extrem stark interaktiv.
[00:04:39] Das heißt, man kann viel Interaktion reinbauen, gute Visualisierung bauen.
[00:04:44] Und was noch ein spannender Teil ist,
[00:04:47] ist, dass es schon sehr starke Sicherheitsanforderungen hat.
[00:04:53] Das heißt, so ein Browser, der darf auch nicht alles.
[00:04:55] Da gibt es schon ein gutes Sandboxing,
[00:04:57] dass der nicht auf dem Rechner irgendwas tun kann
[00:04:59] und wild im Dateisystem sich bewegt.
[00:05:01] Sind natürlich auch Einschränkungen, wenn man so über Tools nachdenkt.
[00:05:04] Aber hilft auch dabei, einfach Dinge zu bauen, die sicher sind.
[00:05:08] Wenn ich das als HTML-Datei im Browser öffne,
[00:05:11] dann ist schon überschaubar, was alles möglich ist.
[00:05:14] Der kann nicht auf dem Rechner einfach irgendwas tun,
[00:05:16] was ein Python-Programm im Prinzip schon tun kann.
[00:05:19] Was auch noch mal ein gutes Argument ist,
[00:05:23] warum man gerade Nicht-Entwicklerinnen und Nicht-Entwicklern
[00:05:25] eigentlich diese Browser eine extrem gute Ausführungsumgebung
[00:05:30] für so Mikro-Tools ist.
[00:05:31] Total. Also genau wie du sagst.
[00:05:33] Das ist, glaube ich, ein total unterschätztes Programm.
[00:05:35] Man nutzt es eigentlich nur zum Webbrowsern
[00:05:38] oder genau wie du sagst,
[00:05:39] irgendwelche Anwendungen bedienen, die im Web laufen.
[00:05:42] Aber man kann sich damit auch eigene Anwendungen bauen.
[00:05:44] Und das Gute ist, genau wie du sagst,
[00:05:45] es ist auf jedem Rechner, glaube ich, installiert.
[00:05:48] Man muss nicht erst die IT fragen,
[00:05:49] ob man da irgendwas installiert bekommt.
[00:05:51] Es hat starke Visualisierung.
[00:05:53] Es kann ein Java-Skript ausführen.
[00:05:55] Da kommen wir gleich noch drauf.
[00:05:56] Also eine kleine, eine sehr mächtige Programmiersprache.
[00:05:59] Und dann haben wir eigentlich alle Komponenten zusammen,
[00:06:02] um sich ein Tool zu bauen.
[00:06:03] Eine schöne Oberfläche, eine Programmiersprache im Hintergrund,
[00:06:06] eine sichere Ausführungsumgebung
[00:06:08] und das ist ja eigentlich wirklich ein Traum.
[00:06:11] Und dann kann man genau die Sachen machen.
[00:06:13] Und genau wie du sagst, man kann auch mit Dateien arbeiten.
[00:06:16] Da gibt es aber, glaube ich, ein paar Einschränkungen,
[00:06:18] genau wie du gesagt hast.
[00:06:18] Man kann ja jetzt nicht einfach sagen,
[00:06:20] hier liegt meine Datei auf der Festplatte,
[00:06:21] nimm die und mach da was mit draus.
[00:06:23] Bevor wir da vielleicht zu tief einsteigen,
[00:06:28] gibt es noch irgendwas, was man über Browser wissen muss?
[00:06:31] Oder haben wir da eigentlich das meiste jetzt schon soweit?
[00:06:34] Ich glaube, das ist das Wichtige, haben wir schon genannt.
[00:06:38] Du kannst halt eine einzelne HTML-Datei,
[00:06:41] die lokal auf deinem Rechner liegt, im Browser öffnen.
[00:06:44] Und in der HTML-Datei ist JavaScript.
[00:06:47] Das heißt, das Programm, den Code,
[00:06:49] hast du eigentlich mit in dieser einen Datei.
[00:06:51] Wird dann vom Browser lokal ausgeführt
[00:06:53] und ist eine vollständige Programmiersprache.
[00:06:56] Das heißt, da kann man extrem viele Dinge bauen.
[00:07:00] Und das, was es jetzt, das ging natürlich früher auch schon so,
[00:07:04] aber wir wären, glaube ich, nicht auf die Idee gekommen,
[00:07:07] als allererstes uns eine HTML-Datei mit JavaScript zu bauen,
[00:07:09] wenn wir ein Tool bauen würden.
[00:07:12] Aber zusammen mit Coding-Agenten ist das einfach was,
[00:07:14] was jede und jeder machen kann.
[00:07:16] Das heißt, zusammen mit so einem Cloud oder einem Chat-GPT
[00:07:19] kann ich da natürlich sprachlich formulieren,
[00:07:21] was ich denn gerne hätte.
[00:07:23] Und dann baut er mir eine HTML-Datei mit JavaScript
[00:07:26] und dann bin ich in der Lage, ganz relativ komplexe Sachen,
[00:07:30] spannende Visualisierungen zu machen,
[00:07:32] indem ich sie einfach nur in Text beschrieben habe.
[00:07:34] Und das ist, glaube ich, der Unterschied zu dem, was schon immer ging.
[00:07:38] Du konntest schon immer HTML, eine lokale HTML-Datei mit JavaScript machen.
[00:07:42] Aber jetzt musst du nicht programmieren können,
[00:07:44] sondern du sagst einfach deinem Coding-Agenten oder einfach deinem Chatbot,
[00:07:49] sagst, ich hätte gerne folgende Anwendung als eine Single-File-HTML.
[00:07:54] Und dann baut er dir das.
[00:07:55] Dann kannst du das ausprobieren in dem Browser,
[00:07:57] ziehst da deine Dateien rein, die du analysieren willst,
[00:08:00] guckst, ob das passt.
[00:08:00] Und sonst gehst du noch mal zurück zu deinem Chat-Agenten
[00:08:05] und sagst ihm, was du gerne noch angepasst hättest
[00:08:07] und kriegst die neue Version und kannst das dann weiter testen.
[00:08:11] Und das ist, glaube ich, das Neue mit den KI-Agenten, mit den KI-Chatbots.
[00:08:16] Können auch Nicht-Entwicklerinnen und Nicht-Entwickler sowas bauen.
[00:08:19] Das stimmt. Und genau wo du es sagst, es ist halt wirklich am Ende eine Datei,
[00:08:22] wo alles drin sein kann.
[00:08:23] Nicht zwingend muss, aber kann.
[00:08:25] Um vielleicht diese Buzzwords noch mal runterzubrechen.
[00:08:28] Wir haben eine HTML-Datei, enthält natürlich HTML.
[00:08:31] Das kann man sich vorstellen wie die Grundstruktur der Seite.
[00:08:34] Dann haben wir CSS.
[00:08:35] Platt gesagt, das macht das Ganze ein bisschen schicker.
[00:08:38] Und dann haben wir ja JavaScript.
[00:08:40] Und JavaScript ist, wie gesagt, eine sehr mächtige Sprache.
[00:08:43] Auch unser Tool AMALYTIX ist in JavaScript programmiert,
[00:08:46] sowohl im Backend als auch im Frontend.
[00:08:49] Und das kann man da wirklich inline, neben JavaScript,
[00:08:52] direkt ausführen.
[00:08:53] Es gibt halt auch sehr mächtige Bibliotheken für JavaScript,
[00:08:55] wo man sich dann halt mit wenigen Klicks
[00:08:58] wahnsinnig starke Fähigkeiten noch mit dazu holen kann.
[00:09:00] Und genau wie du sagst, JavaScript ist super populär.
[00:09:03] Deswegen können es diese Coding-Agenten auch sehr, sehr gut.
[00:09:06] Und dann haben wir eigentlich alles beisammen, was man braucht,
[00:09:08] um so ein Tool zu bauen.
[00:09:13] Genau.
[00:09:15] Du hast es eben schon gesagt,
[00:09:17] man kann damit auch Dateien erzeugen und man kann auch Dateien einlesen.
[00:09:22] Aber da muss man, glaube ich, eine gewisse Besonderheit beachten.
[00:09:23] Denn, wie gesagt, man kann es ja einfach direkt reinlesen.
[00:09:26] Man muss es wahrscheinlich dann in dem Browser hochladen, oder?
[00:09:29] Genau, so ist das die Idee, wie das typischerweise funktioniert.
[00:09:33] Im einfachsten Fall, so habe ich die Tools jetzt immer gebaut,
[00:09:37] als ich ein bisschen rumprobiert habe und mal geguckt habe,
[00:09:39] was so alles geht, ist eigentlich so ein Drag-and-Drop.
[00:09:42] Ich nehme aus meinem Filesystem, ziehe die Datei rüber
[00:09:46] und lasse die auf die Flächen im Browser fallen,
[00:09:48] die ich da vorgesehen habe.
[00:09:50] Und dann ist das einfach so ein Drag-and-Drop.
[00:09:52] Dann ist die Datei da und kann ausgewertet werden.
[00:09:55] Und wenn du dann daraus neue Formate erzeugen willst,
[00:09:58] das heißt, ich will beispielsweise aus meinen Umsatzzahlen
[00:10:01] aus dem ERP-System, aus verschiedenen Standorten,
[00:10:03] die will ich zusammen in einen Report packen.
[00:10:05] Das heißt, ich habe dann irgendwie drei, fünf, sieben Excel-Exporte,
[00:10:09] ziehe die zusammen, habe dann eine interaktive Oberfläche,
[00:10:12] wo ich dann mir Grafen, irgendwie Monate,
[00:10:14] Quartale, Regionen zusammenziehen kann,
[00:10:17] das entsprechend konfigurieren kann und mache mir daraus
[00:10:19] dann einen PDF-Export.
[00:10:20] Und das ist dann einfach ein Download.
[00:10:22] Das heißt, ich kann dann in mein Mikro-Tool
[00:10:25] einen Download- oder einen Report-Button bauen.
[00:10:28] Und der erzeugt mir dann aus dem, was ich da gerade konfiguriert habe,
[00:10:32] das heißt, eine besondere Sicht auf meine sieben Excel-Listen
[00:10:35] mit Umsatzzahlen, kann ich dann einen PDF-Export machen.
[00:10:38] Und das ist dann wie ein Download im Browser auch.
[00:10:40] Das heißt, da wird eine Datei runtergeladen.
[00:10:42] Das heißt, das ist der typische Weg.
[00:10:44] Ich muss schon Daten da reinziehen und muss sie dann,
[00:10:47] wenn ich die später weiternutzen will,
[00:10:50] muss dann so ein Export, also ein Download machen.
[00:10:52] Und das ist so der Weg.
[00:10:54] Das heißt, wenn ich die dann wieder öffne,
[00:10:55] die HTML-Datei kann sich so ein bisschen,
[00:10:57] der Browser kann sich im Cache Dinge merken.
[00:11:01] Aber eigentlich, wenn ich so große Excel-Dateien weiter analysieren will,
[00:11:05] dann muss ich die beim nächsten Mal wieder da reinziehen.
[00:11:07] Das ist so der Kompromiss, den man dann eingeht.
[00:11:10] Ja, genau.
[00:11:12] Also vielleicht mal ganz allgemein zusammengefasst,
[00:11:14] man baut sich so ein Mikro-Tool, lädt dann die Datei da rein.
[00:11:18] Dann passiert die Magie mit JavaScript.
[00:11:19] Da werden irgendwelche Daten umsortiert.
[00:11:21] Und dann kann ich mir wieder eine Excel-Datei
[00:11:22] oder auch sogar einen PDF rausgeben lassen.
[00:11:25] Und du hast es eben schon gesagt,
[00:11:26] es muss jetzt ja nicht nur Datenmanipulation sein,
[00:11:28] Datei rein, Datei raus, sondern es kann ja auch Visualisierung sein.
[00:11:32] Und für alle, die es nicht wissen,
[00:11:34] JavaScript stellt da wahnsinnig mächtige Bibliotheken bereit,
[00:11:40] von einfachen Balken-Charts bis hin zu komplexen 3D-Visualisierungen.
[00:11:46] Und das ist, glaube ich, auch eine super Stärke von JavaScript,
[00:11:50] beziehungsweise auch von der Darstellung im Browser,
[00:11:52] dass man sich dann halt auch vielleicht einen Bericht
[00:11:54] einfach nur schön visualisieren kann
[00:11:56] und vielleicht sogar auch interaktiv visualisieren kann.
[00:11:58] Ich muss ja nicht nur irgendwelche Bar-Charts nehmen, so wie sie sind.
[00:12:01] Ich kann die Daten ja auch erst mal einlesen und dann filtern,
[00:12:04] mir irgendwelche Regler bauen, Daten eingeben,
[00:12:07] dass nach bestimmten Kriterien gefiltert wird und vieles mehr.
[00:12:10] Und das macht es, glaube ich, auch so super mächtig.
[00:12:14] Genau, ich habe jetzt ein Beispiel, was ich jetzt mal gebaut habe
[00:12:17] in der Vorbereitung, um das mal ein bisschen auszuprobieren.
[00:12:20] Es ist einfach so ein Umsatz-Dashboard,
[00:12:23] wo man aus einer wilden Excel-Tabelle oder mehreren Umsatzzahlen ausliest.
[00:12:30] Und die sind nach bestimmten Spalten,
[00:12:33] irgendwie die Produktkategorie, das Datum des Umsatzes etc.
[00:12:38] Und dann kann ich da interaktiv visualisieren.
[00:12:42] Ich habe dann unterschiedliche Zeitverläufe
[00:12:44] über die Monate der letzten zwölf Monate, der letzten sechs Monate,
[00:12:48] welcher Bereich Software, Hardware, Beratung, Service,
[00:12:52] welcher Bereich hat denn wie viel Umsatz anteilig gemacht
[00:12:56] in dem Zeitraum, den ich mir gerade...
[00:12:57] Kann ich über Schieberegler einstellen?
[00:12:58] Kann ich sagen, welchen Zeitraum möchte ich denn gerade betrachten?
[00:13:01] Möchte ich alle Produktkategorien angucken oder nur bestimmte?
[00:13:05] Ich kann mir Wachstumsraten ansehen.
[00:13:07] Ich kann mir das darstellen lassen nach Kategorie,
[00:13:11] Trends auch in bestimmten Kategorien über die Monate
[00:13:15] und kann das so visualisieren.
[00:13:17] Ich kann auch, spannend in einem Beispiel,
[00:13:20] hat er mir dann auch einfach eine Kartenvisualisierung eingebaut.
[00:13:24] Das heißt, ich kann auch dahinter wirklich so interaktive,
[00:13:27] wie man es von Google Maps kennt oder OpenStreetMap,
[00:13:30] Kartenformate hinterlegen.
[00:13:33] Das heißt, ich habe dann unterschiedliche Standorte,
[00:13:35] kann dann gucken, welche Regionen wie viel Umsatz gemacht haben
[00:13:38] und die dann farblich markieren, in der Karte rumnavigieren.
[00:13:43] Das ist extrem mächtig und ein wichtiger Grund,
[00:13:47] warum das so mächtig ist.
[00:13:48] Also ich habe nur diese eine HTML-Datei,
[00:13:50] die ist auch gar nicht so groß,
[00:13:51] irgendwie ein paar Kilobyte, doppelklicke ich,
[00:13:53] dann öffnet die sich in meinem Browser
[00:13:55] und dann werden oder ein Weg und der einfachste Weg ist,
[00:14:00] dass so Libraries, das heißt,
[00:14:01] wenn ich jetzt bestimmte Visualisierungen haben möchte,
[00:14:07] bestimmte Widgets haben möchte
[00:14:10] oder so ein Kartenmodul haben möchte, etc.,
[00:14:13] dann lädt er die Bibliotheken,
[00:14:16] das sind letztendlich auch JavaScript-Bibliotheken,
[00:14:18] die lädt er dynamisch nach.
[00:14:19] Das heißt, er braucht schon eine Internetverbindung,
[00:14:21] nicht, weil die Daten irgendwo hinfließen,
[00:14:23] sondern weil er diese Libraries, wie man jetzt Karten darstellt,
[00:14:27] wie man OpenStreetMap als Hintergrund lädt,
[00:14:29] weil er das dann dynamisch aus dem Internet lädt.
[00:14:32] Das heißt, die Anbieter für diese Libraries
[00:14:34] haben über so ein Content-Delivery-Network,
[00:14:37] bieten die an, das heißt,
[00:14:38] du kannst diese Library dynamisch einfach nachladen im Browser,
[00:14:41] macht der auch vollautomatisch.
[00:14:42] Dann hast du eine sehr kleine HTML-Datei
[00:14:44] und diese ganze Framework drumherum,
[00:14:47] diese Visualisierungsoptionen, etc.,
[00:14:50] die Schnittstellen, die Möglichkeiten,
[00:14:52] die Module, um Karten zu laden, etc.,
[00:14:54] die lädt er automatisch nach.
[00:14:56] Wenn du komplett offline sein willst, geht das auch.
[00:14:59] Du kannst die Dateien, diese Libraries auch laden
[00:15:01] und neben deiner HTML-Datei legen.
[00:15:03] Aber der einfachste Weg ist tatsächlich,
[00:15:06] das wird dynamisch geladen und dann einfach benutzt im Browser.
[00:15:09] Das ist vielleicht ein guter Hinweis nochmal.
[00:15:10] Man weiß ja gar nicht manchmal ganz genau,
[00:15:12] wie der Coding-Agent das jetzt gemacht hat.
[00:15:13] Hat er sich das runtergeladen und dann wird das lokal eingebunden
[00:15:16] oder bindet er das ad hoc ein
[00:15:18] und setzt praktisch eine Internetverbindung voraus?
[00:15:21] Beides möglich, kann man ihm ja auch sagen,
[00:15:23] wie man es gerne hätte.
[00:15:24] Meistens ist der Browser natürlich auch im Internet,
[00:15:27] aber halt auch nicht immer.
[00:15:28] Und wenn man da bestimmte Anforderungen hat,
[00:15:30] und das muss jetzt irgendwie auch offline im Wald funktionieren,
[00:15:32] ohne Internet, dann kann man ihm das sagen
[00:15:35] und dann ginge auch das, glaube ich.
[00:15:37] Aber nochmal ein guter Punkt.
[00:15:38] Und auch das Thema, das haben wir noch gar nicht besprochen,
[00:15:40] weil wir es einfach als selbstverständlich voraussetzen,
[00:15:44] der Browser hängt ja auch im Internet.
[00:15:46] Das heißt, der kann ja auch sich Daten aus dem Web holen im Zweifel
[00:15:51] oder er kann Daten ins Web senden
[00:15:54] und er kann zum Beispiel auch AI-Agenten anbinden aus dem Internet.
[00:15:58] Die werden ja unter anderem per API angebunden.
[00:16:02] Das sind praktische Schnittstellen
[00:16:04] und wenn man da einen entsprechenden Zugang hat,
[00:16:05] dann kann man sich auch so einen kleinen Chatbot bauen
[00:16:08] mit so einer HTML-Datei.
[00:16:10] Und das ist natürlich auch super mächtig.
[00:16:12] Das hat natürlich ein paar Sicherheitskonsequenzen,
[00:16:14] darüber müssen wir gleich nochmal reden.
[00:16:16] Aber so ein Browser ist wirklich sehr, sehr fähig
[00:16:20] und über eine Sache haben wir, glaube ich, noch gar nicht gesprochen.
[00:16:21] Man kann sogar Dateien im Browser abspeichern.
[00:16:25] Wir haben gelernt, auf der Festplatte aus dem Browser abspeichern,
[00:16:28] das ist dann immer mit dem Download verbunden tatsächlich.
[00:16:31] Also der Browser kann ja nicht direkt auf das Dateisystem zugreifen,
[00:16:35] aber man kann trotzdem so ein paar Daten im Browser ablegen,
[00:16:39] um dann vielleicht, wenn man an einem Tag was gemacht hat,
[00:16:42] am nächsten Tag dann dort weiterzumachen
[00:16:44] und nicht den sogenannten State oder den Status zu verlieren.
[00:16:48] Wie funktioniert denn das eigentlich genau?
[00:16:50] Ja, auch total spannend.
[00:16:52] Da sind die Browser auch relativ leistungsfähig.
[00:16:56] Es gibt unterschiedliche, so ein Local Storage,
[00:16:59] wo du eher so Werte speicherst, Key-Value-Paare speicherst.
[00:17:04] Das heißt, du immer einen Wert und eine Bezeichnung speicherst
[00:17:07] und die dann nachladen kannst.
[00:17:09] Und es gibt aber auch wirklich eine Datenbank im Speicher des Browsers,
[00:17:15] womit du nochmal deutlich mächtiger bist.
[00:17:17] Sowas wie SQLite, das heißt wirklich
[00:17:19] ein Datenbankzugriff, der im Browser-Cache läuft.
[00:17:23] Das sind Daten, die im Zweifel auch verschwinden können.
[00:17:26] Hat man ja, glaube ich, manchmal,
[00:17:28] wenn irgendwelche Anwendungen nicht funktionieren.
[00:17:30] Ich hatte das mit OpenAI mal eine Zeit lang,
[00:17:35] wo ich immer wieder den Browser-Cache löschen musste,
[00:17:38] weil irgendwas kaputt war und der das nicht mehr geladen hat.
[00:17:41] Das heißt, so diesen Speicher vom Browser, den kann man auch löschen.
[00:17:44] Das heißt, im Zweifel ist das irgendwann weg.
[00:17:45] Aber wenn man den Cache nicht aktiv löscht,
[00:17:47] dann ist das einfach wieder da.
[00:17:49] Das ist jetzt wirklich schon ein paar Jahre her,
[00:17:51] aber ich habe mir mal relativ früh so ein Tool gebaut,
[00:17:54] weil ich meine ganzen Daily-To-Dos in so einem Kanban-Board haben wollte.
[00:17:58] So spalten und hin und her ziehen.
[00:18:00] Und ich hatte da irgendwie Themen drin, wo ich dachte,
[00:18:02] das will ich nicht einem Webdienst geben,
[00:18:05] irgendwie einem Online-Tool geben, wo meine Tasts drin liegen,
[00:18:09] mit wem ich jetzt welche Dinge besprechen muss
[00:18:11] und wo ich noch ein Angebot schreiben muss und was so alles da drin war.
[00:18:14] Deshalb habe ich mir selber was gebaut.
[00:18:16] Und das geht im Browser auch total gut.
[00:18:18] Wenn du so ein einfaches Tool für deine Daily-Tasks haben willst,
[00:18:23] total einfach, du formulierst das in den Chatbot
[00:18:27] und der baut dir eine HTML-Datei, die doppelklickt morgens drauf,
[00:18:30] gibt dir deine Spalten, so wie du sie haben willst
[00:18:32] und dann kannst du deine To-Dos hin und her ziehen.
[00:18:34] Ganz einfaches Tool.
[00:18:36] Da gibt es auch jede Menge Online-Tools oder Sachen,
[00:18:39] die man sich runterladen, installieren kann.
[00:18:41] Aber das ist halt eine Möglichkeit, das genau so zu bauen,
[00:18:43] wie du es gerne hättest, mit den Spalten und mit den Besonderheiten,
[00:18:47] die für dich vielleicht noch wichtig sind,
[00:18:49] genau so zu bauen, wie du willst.
[00:18:50] Und das ist was, was man komplett im Browserspeicher benutzen kann.
[00:18:56] Das heißt, ich baue da meine Tasks rein,
[00:18:57] sage, ich muss noch das, das, das machen,
[00:18:59] Deadline, bis wann will ich das machen?
[00:19:01] Und dann soll das rot aufleuchten, wenn die Deadline morgen ist
[00:19:04] oder was auch immer ich mir da vorstellen kann.
[00:19:06] Das komplett im Browserspeicher.
[00:19:08] Und wenn ich das am nächsten Tag wieder aufmache,
[00:19:10] dann ist das wieder da.
[00:19:11] Und wenn ich das eine Woche später mache, ist das auch noch da.
[00:19:16] Man muss dann immer so ein bisschen vorsichtig sein.
[00:19:18] Ich glaube, es ist sinnvoll, ab und zu auch mal ein Export zu machen.
[00:19:20] Das heißt, ich mache dann so ein Download-Button noch da rein,
[00:19:23] wo ich sage, exportiere mir das jetzt mal
[00:19:24] und eine Möglichkeit, das per Drag-and-Drop wieder nachzuladen.
[00:19:27] Das heißt, wenn der Browser-Cache doch mal entweder,
[00:19:29] weil der Browser-Cache verloren ist oder ich einfach, genau,
[00:19:32] dann ist alles weg, weil das halt einfach nur da lokal gespeichert wird
[00:19:36] und man kann es löschen.
[00:19:37] Das ist die Idee von diesem Cache.
[00:19:38] Deshalb heißt das Cache.
[00:19:41] Und ich kann es aber durch diesen Export auch einfach woanders mit hinnehmen.
[00:19:46] Das heißt, wenn ich jetzt sage,
[00:19:47] trotzdem willst du mein Tool haben oder meine To-Dos haben,
[00:19:51] du darfst das weitermachen,
[00:19:52] dann kann ich dir die Datei, die Exportdatei einfach geben,
[00:19:55] die HTML-Datei und du öffnest die bei dir.
[00:19:58] Ich glaube, dabei ist auch noch wichtig,
[00:19:59] so dieses, wenn man mit HTML-Dateien arbeitet
[00:20:03] und lokalen HTML-Dateien, hängt dieser Cache,
[00:20:05] also der Browser packt diesen Cache immer an eine bestimmte Webseite
[00:20:09] oder an eine bestimmte HTML-Datei.
[00:20:11] Und auf dem Rechner geht es darum, wo die Datei liegt.
[00:20:14] Das heißt, wenn ich die Datei in ein anderes Verzeichnis schiebe,
[00:20:18] hat die Datei wieder einen eigenen Cache und eine eigene Welt, in der sie lebt.
[00:20:22] Deshalb, wenn man die Datei dann umzieht und von da öffnet,
[00:20:24] dann weiß der Browser nicht, dass es da irgendwelche Cache-Daten zu gibt
[00:20:27] und das ist was Neues.
[00:20:28] Das muss man ein bisschen beachten, je nachdem, was man für ein Tool baut.
[00:20:31] Aber auch das ist extrem mächtig.
[00:20:35] Das heißt, man kann wirklich schon, ich glaube, 15 MB,
[00:20:38] ich bin nicht ganz sicher, aber ich glaube, so die Größenordnung,
[00:20:41] das ist schon nicht wenig an Daten.
[00:20:43] Und da kann man sich das, mein Task-Management war jetzt irgendwie
[00:20:47] was relativ Einfaches, aber man kann sich auch so Projekt-Management,
[00:20:50] Programm-Besteuerung oder Ähnliches vorstellen,
[00:20:53] wo man einfach sehr individuell, vielleicht auch nur auf einem Teil der Daten,
[00:20:58] bestimmte Analysen für sich machen will oder ein bestimmtes Tracking machen will.
[00:21:03] Anderes Beispiel ist vielleicht Fluktuation in bestimmten Bereichen.
[00:21:10] So Mitarbeitende, wo kommen Mitarbeiter dazu,
[00:21:13] wo verlassen Mitarbeiter bestimmte Abteilungen auch wieder.
[00:21:17] Da gibt es so einmal im Monat ein Reporting und wenn ich das mal auswerten will,
[00:21:20] ist das auch ein super Anwendungsfall für so ein Mikro-Tool im Browser,
[00:21:24] weil die ganzen Daten mit, wer ist in welcher Abteilung neu
[00:21:29] und wann hat wer welche Abteilung verlassen ist,
[00:21:31] das ist nichts, was ich jetzt irgendwie Chatshippity oder Claude hinschmeißen würde.
[00:21:35] Das sind Sachen, die nicht gehen.
[00:21:38] Aber auszuwerten, wie ist denn die Fluktuation,
[00:21:40] wo sind die meisten dazu gekommen, die meisten haben uns verlassen,
[00:21:44] wie lange waren die, die uns verlassen haben, denn tatsächlich da,
[00:21:47] wann sind die eingestiegen, dafür kann man super so ein Mikro-Tool bauen einfach.
[00:21:50] Und das kann jeder machen.
[00:21:52] Es müssen jetzt keine Software-Entwicklerinnen und Software-Entwickler sein,
[00:21:55] sondern da sagt irgendwie HR oder eine Abteilungsleitung sagt,
[00:21:58] das interessiert mich mal über die letzten zwölf Monate oder 24 Monate,
[00:22:02] wie war denn so unsere Fluktuationsrate, wie lange waren die Leute denn da.
[00:22:06] Nimmt man die ganzen PDF-Dateien, lässt sich von Chatshippity oder Claude
[00:22:11] so ein Mikro-Tool, so ein HTML-Datei bauen,
[00:22:15] jackt da zwölf PDF-Dokumente rein und dann hat man eine Auswertung,
[00:22:19] die man auch noch exportieren kann für den nächsten Report
[00:22:21] oder fürs nächste Abteilungsmeeting oder für Strategie oder ähnliches.
[00:22:26] Das sind jetzt nochmal zwei wichtige Vorteile nochmal.
[00:22:30] Man kann es auch einfach weitergeben, also wenn du eine HTML-Datei baust,
[00:22:33] kannst du mir die schicken, dann kann ich die nutzen,
[00:22:35] dann sehe ich natürlich deine Daten jetzt nicht,
[00:22:37] die du vielleicht schon im Browser hinterlegt hast,
[00:22:38] aber ich kann das Tool zumindest direkt weiter nutzen.
[00:22:41] Und das Zweite ist, es ist halt lokal und sicher.
[00:22:46] Ich teile jetzt die Daten nicht mit irgendeinem Cloud-Anbieter,
[00:22:48] das ist glaube ich auch nochmal ein Riesenvorteil.
[00:22:50] Und das Dritte, was du eben nochmal gesagt hast, ist,
[00:22:52] ich kann es wirklich an meine Bedürfnisse anpassen,
[00:22:56] weil dieses Tool ist im Zweifel nur für mich.
[00:22:58] Und ich muss mich jetzt nicht mit irgendwelchen Beschränkungen zufrieden geben,
[00:23:02] die irgendwelche anderen Anbieter von Standardsoftware mit eingebaut haben.
[00:23:05] Das ist glaube ich auch nochmal ein Tool.
[00:23:07] Und im Zweifel brauche ich dieses Tool vielleicht auch nur noch einmal.
[00:23:10] Also früher war es ja prohibitiv teuer, sich ein Tool selbst zu programmieren.
[00:23:14] Dann sitzt man ja vielleicht mal eine halbe Stunde, Stunde oder viel, viel länger dran.
[00:23:18] Das macht man vielleicht nicht für eine Aufgabe,
[00:23:20] die man in 15 Minuten abgearbeitet haben will.
[00:23:23] Aber heutzutage prompte ich das ja.
[00:23:25] In drei, vier Minuten ist das Tool dann da, dann nutze ich das.
[00:23:29] Und im Zweifel schmeiße ich es danach wieder weg,
[00:23:30] weil das vielleicht nur für diesen einen Zweck gebaut war.
[00:23:33] Also das ändert ja auch nochmal alles in dem Bereich.
[00:23:37] Und genau wie du sagst, man muss halt nicht programmieren können,
[00:23:40] um genau solche Tools bauen und ausführen zu können.
[00:23:43] Und das macht das glaube ich alles so spannend.
[00:23:45] Und ein Punkt, der mir auch noch auffällt, ist,
[00:23:49] dass die Visualisierungen immer deutlich besser sind,
[00:23:53] als wenn ich sie gemacht hätte oder als wenn jemand,
[00:23:57] also wenn wir uns selber hinsetzen würden, wie visualisiere ich das Ganze?
[00:24:00] Denn es ist schon immer bei Standardentwicklerinnen und Entwicklern,
[00:24:04] ist zumindest meine Erfahrung,
[00:24:06] da ist irgendwie so die RGB-Farbpalette mit 255.00 immer ganz beliebt.
[00:24:11] Das heißt, wir haben entweder ein Knallerot oder ein Knallegrün
[00:24:15] und so ein bisschen harmonisch muss man sich schon Mühe geben.
[00:24:20] Und auch so als normaler Anwender, Anwenderin,
[00:24:23] das bin ich jetzt kein UI, UX-Experte.
[00:24:26] Und die ganzen Tools, die ich jetzt ausprobiert habe,
[00:24:30] ich habe jetzt in der Vorbereitung relativ viel rumprobiert
[00:24:32] und ein paar Sachen bauen lassen,
[00:24:34] da war der erste Wurf vom UI und auch vom UX,
[00:24:37] also wie wird es dargestellt und wie ist der Flow mit,
[00:24:40] oder wie ist der Weg, wie kann ich damit arbeiten, extrem gut.
[00:24:44] Wirklich besser als wenn wir...
[00:24:46] Ja, gerade diese Joppie-Knoten-Modelle, sehr, sehr stark, das stimmt.
[00:24:49] Das ist wirklich, das ist auch nochmal ein wichtiger Punkt, glaube ich.
[00:24:53] Du kannst das alles selber machen und ich kann mir die Excel-Daten nehmen
[00:24:56] und selber eine Grafik dazu bauen,
[00:24:57] aber wenn ich das einem Agenten gegeben habe,
[00:25:03] ist es fast immer besser.
[00:25:05] Und dann kannst du auch sagen, ich möchte hier,
[00:25:06] dann kannst du ans Feintuning gehen,
[00:25:09] aber der erste Wurf sieht immer gut aus.
[00:25:12] Der sieht immer deutlich schlechter aus,
[00:25:14] wenn wir das per Hand gebaut hätten.
[00:25:16] Absolut, absolut, ja.
[00:25:17] Ich habe letztens mal so Webseitendaten von uns auswerten lassen,
[00:25:19] auch über so einen HTML-Report.
[00:25:22] Und das sah wirklich unfassbar gut aus.
[00:25:24] Das hat er dann so aufbereitet wie auf so einer Nachrichtenseite
[00:25:27] mit so Spalten und oben große Aufmacher.
[00:25:30] Also wirklich irre.
[00:25:32] Und was wäre die Alternative?
[00:25:33] Ich meine, die Alternative wäre,
[00:25:34] man lädt sich die Daten irgendwie in Excel rein,
[00:25:36] baut dann mit Excel irgendwelche Balkendiagramme,
[00:25:39] Liniendiagramme, Pie-Charts, was auch immer.
[00:25:41] Wissen wir alle, wie das aussieht.
[00:25:43] Und das kriegt man dann auch nicht auf einer Seite schön dargestellt.
[00:25:45] Weil ich kann dann ja auch im Browser sofort hingehen
[00:25:48] und mir dann diesen Bericht auch als PDF exportieren
[00:25:50] oder drucken oder was auch immer damit machen.
[00:25:53] Das ist ja wirklich irre.
[00:25:54] Genau dieser Visualisierungsaspekt,
[00:25:56] den darf man wirklich nicht unterschätzen.
[00:25:57] Und da sind diese Coding-Agenten wirklich,
[00:25:59] finde ich, auch wahnsinnig stark.
[00:26:01] Da hast du recht, ja.
[00:26:02] Und das Gute ist,
[00:26:06] dass du ja auch nicht formulieren würdest,
[00:26:09] wie die Auswertung aussehen soll,
[00:26:10] sondern nur, was du auswerten möchtest.
[00:26:12] Ich sage nur, ich möchte, keine Ahnung,
[00:26:15] den Umsatz in den letzten sechs Monaten,
[00:26:20] möchte ich den Umsatz unterschiedlich Produktkategorien,
[00:26:24] filterbar nach Standorten oder was auch immer.
[00:26:27] Also du sagst gerne, was du auswerten möchtest
[00:26:29] und die Visualisierung, wie du das machen kannst,
[00:26:32] das schlägt er dir erst mal vor.
[00:26:34] Du musst nicht sagen, ich hätte gern Chart,
[00:26:35] da ist XY oder Balkendiagramm,
[00:26:37] sondern du sagst, das ist meine Businesslogik
[00:26:42] und das sind die Fragen, die ich daran habe.
[00:26:43] Bau mir ein Tool, was mir eine Visualisierung macht,
[00:26:47] wo ich folgende Dinge ablesen kann.
[00:26:49] Und das finde ich auch total stark,
[00:26:50] weil da auch immer wieder Dinge kommen,
[00:26:53] die ich nicht im allerersten Schuss so visualisiert hätte.
[00:26:56] Das sind wirklich deutlich stärkere.
[00:27:01] Und das ist auch noch nicht immer so.
[00:27:03] Wenn ich mal zurückdenke, wie das Ganze so gestartet ist,
[00:27:07] mit irgendwie Code erzeugen, durch einen KI-Agenten,
[00:27:13] das war noch nicht immer so, dass das visuell so stark ist.
[00:27:15] Das ist auch deutlich, deutlich besser geworden
[00:27:19] in den letzten Monaten.
[00:27:21] Da kann man sich auch manchmal, oder muss man sich vielleicht
[00:27:23] auch manchmal ein bisschen selber zurücknehmen,
[00:27:25] um nicht zu genau vorzuschreiben, was man will.
[00:27:27] Also es geht mir zumindest manchmal so.
[00:27:29] Klar kann man sagen, ich hätte gern das Diagramm,
[00:27:30] das Diagramm, das Diagramm, dann macht er das halt auch.
[00:27:33] Man kann aber auch sagen, was schlägst du vor,
[00:27:35] was ich da jetzt visualisieren sollte.
[00:27:38] Und manchmal kommt er doch auf ganz andere Ideen,
[00:27:40] die man gar nicht auf dem Schirm hatte.
[00:27:41] Oder ich habe auch schon mal drei konkrete Ideen reingegeben,
[00:27:44] die ich gerne hätte, und dann habe ich gesagt,
[00:27:45] was könnte man denn noch machen?
[00:27:47] Und dann hat er mir da plötzlich so eine Regressionsanalyse
[00:27:49] noch dahin gezaubert mit so einer schönen,
[00:27:51] zweidimensionalen, farblich sehr schick gemachten Grafik.
[00:27:55] Und das fand ich auch irre, weil diese Charting-Bibliotheken,
[00:27:57] die bringen ja eine unfassbare Tiefe an Visualisierungsoptionen mit.
[00:28:02] Das hört ja nicht auf bei Balkendiagrammen,
[00:28:03] Liniendiagrammen, Punktdiagrammen, Kuchendiagrammen, Pie-Charts.
[00:28:07] Die können ja oftmals viel, viel mehr.
[00:28:09] Und das ist schon irre, was der dann da
[00:28:11] irgendwie aus dem Stand dann hin zaubert.
[00:28:14] Ja, also ich bin da manchmal auch ganz tief beeindruckt.
[00:28:17] Gut.
[00:28:19] Ein Thema, also ich bin wirklich begeistert.
[00:28:21] Ich habe damit mal losgelegt und überlegt,
[00:28:24] ist das nicht eine gute Idee, irgendwie so Single-HTML-Dateien zu nehmen,
[00:28:29] um wirklich Programme auszuführen?
[00:28:31] Und dachte mir, wie weit kann man das denn treiben?
[00:28:35] Und habe dann ein Tool gebaut, was extrem lokal ist,
[00:28:40] aber einen KI-Agenten hat, der Dokumente auswerten kann.
[00:28:45] So der Ansatz war, wurde ja gerade auch vorgestern,
[00:28:50] diese Woche auf jeden Fall,
[00:28:53] Gamma 4 12b announced oder veröffentlicht, das Modell.
[00:28:58] Das heißt, es ist ein 12-Milliarden-Parameter-Modell,
[00:29:01] gezielt mit der Idee, dass es lokal auf einem Notebook ausführbar ist.
[00:29:05] 16 Gigabyte RAM reichen, dass du es ausführen kannst.
[00:29:10] Das heißt, das ist ein kleines Modell, aber extrem leistungsfähig,
[00:29:13] was du lokal ausführen kannst.
[00:29:15] Und dann war die Frage, gibt es eine Möglichkeit,
[00:29:18] wirklich PDF-Dokumente ganz lokal zu analysieren?
[00:29:22] Schaffen wir das mit einer Single-HTML-Datei?
[00:29:25] Also ein MikroTool, eine HTML-Datei, die ich auf meinem Rechner öffne,
[00:29:28] auf dem Rechner wird das Modell betrieben mit Ullama
[00:29:31] oder wie auch immer man das dann genau macht.
[00:29:34] Können wir vielleicht in einer anderen Episode auch noch mal darauf eingehen.
[00:29:36] So generell lokale Modelle finde ich auch extrem spannend,
[00:29:39] was da gerade funktioniert.
[00:29:41] Und der Case sind ganz unterschiedliche Dinge.
[00:29:44] Bewerbungsunterlagen kannst du nicht in Cloud reinschmeißen.
[00:29:47] Das heißt, wenn ich das vergleichen möchte oder Vertragsunterlagen,
[00:29:50] wo ich einfach mal in einem 40-, 50-, 60-Seiten-Vertrag
[00:29:54] bestimmte Dinge analysieren möchte.
[00:29:57] Also Fragen an den Vertrag habe.
[00:29:59] Natürlich könnte ich das einfach bei Cloud reinschmeißen
[00:30:02] und der kann mir auch alles beantworten.
[00:30:04] Aber das geht mit ganz vielen Dokumenten einfach nicht.
[00:30:09] Die darfst du nicht da reinschieben.
[00:30:10] Die solltest du nicht da reinschieben.
[00:30:12] Die möchtest du nicht da reinschieben.
[00:30:14] Das heißt, da ist die Frage...
[00:30:15] Viele große Firmen haben ja doch irgendeine Policy,
[00:30:17] wo sie sagen, die Daten bleiben bitte schon bei uns
[00:30:19] und werden nicht bei GGBT hochgeladen.
[00:30:20] Ob es nicht daran hält, ist eine andere Frage.
[00:30:22] Aber das ist ja die Alternative.
[00:30:24] Die meisten arbeiten ja mit GGBT,
[00:30:25] dann gehen die Daten in irgendeinen Riesendatencenter.
[00:30:28] Und was du jetzt gerade beschrieben hast,
[00:30:29] ist ja schon so ein sehr fortgeschrittener Anwendungsfall.
[00:30:32] Ich lade mir das Modell runter auf meinen Rechner
[00:30:35] und führe es lokal aus.
[00:30:36] Das ist ja auch nochmal so ein kompletter Paradigmenwechsel.
[00:30:39] Haben die wenigsten wahrscheinlich von unseren Hörern schon mal gemacht
[00:30:42] und ist mit Sicherheit auch mal eine Folge wert.
[00:30:44] Aber ist halt auch möglich.
[00:30:46] Das ist dann schon ein bisschen fortgeschritten,
[00:30:47] weil dann brauchst du, glaube ich, auch noch ein bisschen mehr
[00:30:48] als jetzt nur eine HTML-Datei, um darauf zuzugreifen.
[00:30:50] Aber Stand heute, und wir reden, wir nehmen jetzt hier im Juni 2026 auf,
[00:30:56] kommen schon die ersten fähigen Modelle,
[00:30:58] die man auch sinnvoll auf einem normalen Rechner ausführen kann.
[00:31:02] Denn normalerweise braucht man halt sonst sehr, sehr leistungsstarke Hardware,
[00:31:06] um solche Modelle auszuführen.
[00:31:07] Und das war bislang dann immer prohibitiv teuer oder einfach unmöglich.
[00:31:11] Oder es war einfach super langsam
[00:31:12] oder die Ergebnisse waren entsprechend schlecht.
[00:31:14] Und ich glaube, das ändert sich jetzt so gerade,
[00:31:16] dass man auch dann lokale Modelle ausführen kann
[00:31:18] und dann zu Kosten von Null dann ja eigentlich auch.
[00:31:22] Außer Stromkosten natürlich.
[00:31:24] Aber da ergeben sich dann sicherlich auch noch mal weitere Anwendungsfälle.
[00:31:27] Und das ist, glaube ich, super spannend.
[00:31:29] Und die Alternative wäre natürlich,
[00:31:30] wenn ich jetzt doch mal auf ein starkes Modell zugreifen möchte,
[00:31:33] was dann in einem Datencenter liegt,
[00:31:35] dann habe ich ja auch die Möglichkeit,
[00:31:37] das über ChatGPT, über eine API zu machen.
[00:31:39] Auch über so einen Single HTML-File ist dann wieder ein anderer Fall.
[00:31:43] Dann muss es auch wieder klar sein,
[00:31:43] dass die Daten wie auch über das Netz gehen dürfen
[00:31:45] und auch woanders verarbeitet werden können.
[00:31:48] Aber geht ja auch.
[00:31:49] Also auch das könnte man machen.
[00:31:51] Einfach API-Key hinterlegen.
[00:31:52] Das ist dann etwas, was man vielleicht nicht unbedingt
[00:31:54] mit der ganzen Welt teilen möchte.
[00:31:56] Aber auch das wäre möglich.
[00:31:57] Also ich bin ja nicht nur reduziert auf die Umgebung auf meinem Rechner,
[00:32:00] sondern ich kann ja auch mit der Welt interagieren.
[00:32:02] Daten holen, Daten senden, verarbeiten, Sprachmodelle einbinden.
[00:32:07] Genau, und da kommt, glaube ich, wieder die Stärke,
[00:32:10] dass du ein sehr individuelles Tool bauen kannst,
[00:32:13] was du auch weitergeben kannst.
[00:32:15] Das heißt, ich habe jetzt lokal hier das Modell laufen.
[00:32:18] Ich habe ja lokal bei mir quasi eine API-Schnittstelle
[00:32:22] für so ein Sprachmodell.
[00:32:23] Und dann habe ich eine Single-HTML-Datei gebaut,
[00:32:28] wo ich ein PDF-Dokument reinziehen kann.
[00:32:30] Der analysiert das PDF-Dokument.
[00:32:33] Und dann kann ich einfach Fragen schreiben.
[00:32:35] Dann kann ich in ein Chat-Interface die Frage schreiben,
[00:32:40] wie ist denn die Kündigungsfrist?
[00:32:41] An welche Rahmenbedingungen ist denn eine Kündigung geknüpft?
[00:32:47] Wie ist die Verteilung des IPs geregelt in dem Vertrag?
[00:32:53] All diese Dinge.
[00:32:53] Das heißt, ich kann sehr speziell bestimmte Dinge analysieren,
[00:32:58] habe das sehr lokal.
[00:32:59] Entweder habe ich irgendwo mein Modell liegen im Unternehmen
[00:33:02] und kann da an die Schnittstelle gehen
[00:33:04] oder ich habe es ganz lokal auf meinem Rechner.
[00:33:06] Aber ich habe da nicht ein allgemeines Chat-Interface,
[00:33:10] so wie bei ChatGBT oder bei Cloud,
[00:33:13] sondern ich habe sehr speziell ein Tool,
[00:33:16] wo auch schon Prompts hinterlegt sein können.
[00:33:20] Das heißt, wenn wir eine Aufgabe haben,
[00:33:21] wo wir regelmäßig bestimmte Anbieter-Dokumente
[00:33:24] oder Angebote auswerten müssen oder bestimmte Dinge vergleichen,
[00:33:28] ist das kein generisches Chat-Interface mehr,
[00:33:32] wo ich ein PDF hochlade und dann meine Fragen formulieren muss,
[00:33:35] sondern ich kann auch sagen,
[00:33:36] da gibt es fünf Knöpfe für unterschiedliche Auswertungen.
[00:33:39] Da kann ich die Dokumente dann reinpacken.
[00:33:41] Und das ist auch alles Single-HTML.
[00:33:43] Das heißt, ich bin mit diesen Mikro-Tools
[00:33:46] und dann natürlich auch der Fähigkeit,
[00:33:48] selber ein lokales Modell zu hosten.
[00:33:51] Was aber, um ehrlich zu sein, auf einem Mac,
[00:33:54] ich glaube, auch kein Geheimnis,
[00:33:56] wir leben beide irgendwie auf einem Mac,
[00:33:57] das ist unsere Arbeitsumgebung.
[00:33:59] Und da hast du auch Tools, die relativ einfach sind.
[00:34:02] Du installierst sie, du gibst sie in die Suche ein,
[00:34:04] welches Modell du gerne hättest und dann läuft das.
[00:34:06] Das ist auch ein normales Tool mit einer vernünftigen Oberfläche,
[00:34:13] die Modelle werden geladen, gestartet.
[00:34:15] Das heißt, ich habe irgendwie auch das Ganze aufgesetzt.
[00:34:18] Ich glaube, das, was am längsten dauert,
[00:34:21] ist noch das Runterladen des Modells,
[00:34:22] weil das schon ein paar Gigabyte sind, aber alles andere,
[00:34:25] das erst mal lokal bei dir an den Start bekommen
[00:34:27] und ein Tool zu bauen, was in der Lage ist,
[00:34:29] Verträge oder Bewerbungen zu analysieren,
[00:34:31] das geht innerhalb von fünf Minuten.
[00:34:33] Vor allem lokal, das ist das Besondere,
[00:34:35] dass nicht der Datenschutzbeauftragte da im Nacken sitzt,
[00:34:37] weil das ist klar, das Ganze geht auch mit Chats GPT
[00:34:39] und vielleicht sogar besser und sogar schneller.
[00:34:40] Aber dann teile ich die Daten halt mit der ganzen Welt
[00:34:43] und das möchte ich vielleicht nicht oder darf ich vielleicht auch nicht.
[00:34:45] Genau.
[00:34:46] Und genau wie du sagst, man kann ja dann auch noch einen Schritt weiterdenken
[00:34:48] und sagen, angenommen, man macht eine Ausschreibung,
[00:34:49] man kriegt Angebote von zehn Anbietern,
[00:34:51] man muss die jetzt irgendwie strukturiert bewerten.
[00:34:53] Normalerweise hätte man die jetzt alle selbst durchgelesen,
[00:34:56] die wesentlichen Erkenntnisse herausgezogen
[00:34:58] und in eine Excel-Tabelle eingetragen,
[00:35:00] um das irgendwie vergleichbar zu machen.
[00:35:02] Auch da könnte ja so ein Modell helfen,
[00:35:04] was dann lokal läuft oder auch entfernt,
[00:35:06] je nachdem, welche Datenschutzanforderungen man jetzt hat.
[00:35:09] Aber dann schiebe ich einfach dieses PDF da rein
[00:35:11] und die kommen ja alle in unterschiedlichen Format.
[00:35:13] Und dann extrahiert der Agent im Zweifel die wesentlichen Informationen,
[00:35:17] Preis, Stunden, was auch immer da die Komponenten sind,
[00:35:19] trägt die alle sauber ein.
[00:35:20] Und klar sollte man das immer kontrollieren,
[00:35:22] weil Agenten machen auch Fehler.
[00:35:24] Aber das kann eine unheimliche Arbeitsersparnis sein.
[00:35:26] Und das Ergebnis ist dann halt nicht wie ein Chatbot,
[00:35:28] sondern halt wieder ein Excel-Dokument,
[00:35:30] mit dem ich mir halt dann die Daten wieder runterladen kann.
[00:35:33] Also das ist ja nur da, man kann das ja alles top kombinieren,
[00:35:35] was diese Browser können.
[00:35:36] Und diese Browser können ja auch wahnsinnig viele Daten verarbeiten.
[00:35:39] Also was man da an Excel-Daten hoch- und runterladen kann,
[00:35:42] das können schon viele Zehntausend, Hunderttausend Zeilen sein.
[00:35:45] Damit kommen die mir heutzutage, glaube ich, sehr, sehr gut klar, würde ich sagen.
[00:35:50] Und vielleicht auch apropos Browser.
[00:35:52] Jetzt, wenn wir jetzt ein bisschen weiter spinnen
[00:35:55] und so ein bisschen noch in den fortgeschrittenen Bereich gehen,
[00:35:58] die Browser haben ja auch Zugriff zum Beispiel auf deine Kamera,
[00:36:01] wenn du möchtest. Das kannst du freigeben.
[00:36:03] Oder auf dein Mikrofon oder auf deinen Bildschirm.
[00:36:06] Und mit den Geräten können diese Browser auch interagieren.
[00:36:09] Und auf die kann man auch von der HTML-Datei auch darauf zugreifen,
[00:36:13] wenn man das braucht oder möchte.
[00:36:15] Das heißt, ich könnte theoretisch auch mir so ein Sprachinterface bauen.
[00:36:18] Dann muss ich jetzt nicht irgendwie reintippen oder rumklicken,
[00:36:20] sondern könnte mir auch einen Button bauen, da spreche ich jetzt rein.
[00:36:22] Klar brauche ich dann irgendeine Möglichkeit,
[00:36:24] diese Sprache dann irgendwie zu verarbeiten.
[00:36:27] Da kommt dann vielleicht doch nochmal eine externe API ins Spiel.
[00:36:30] Aber auch so fortgeschrittene Sachen sind dann durchaus über den Browser
[00:36:35] möglich und man kann, glaube ich, sogar auch über ein paar Umwege
[00:36:39] dann über auf USB zugreifen.
[00:36:41] Das gibt es aber auch schon.
[00:36:42] Über mein Wissen hinaus habe ich auch noch nie gemacht.
[00:36:43] Aber so eine Diktierfunktion habe ich natürlich auch schon mal
[00:36:46] hier und da mal eingebaut.
[00:36:48] Ja, ich habe kurz überlegt, ob wir für die Podcast-Aufnahme
[00:36:51] eigentlich einfach auch MP3-Aufnahme im Mikro-Tool im Browser machen.
[00:36:56] Aber da haben wir uns dann doch gegen entschieden.
[00:36:58] Ja, es gibt ja Podcast-Aufnahmetools wie Riverside.
[00:37:01] Da läuft das ja genau so.
[00:37:02] Das heißt, da wird im Browser aufgenommen.
[00:37:04] Es wird alles irgendwie in die Cloud geschickt.
[00:37:05] Aber die technische Aufnahme läuft ja da.
[00:37:10] Also wahnsinnig mächtig und wahrscheinlich echt ein unterschätztes Ding.
[00:37:14] So, jetzt haben wir schon irgendwie fast 40 Minuten über Browser gesprochen.
[00:37:20] Jetzt wäre die Frage, haben wir doch irgendwas Wichtiges vergessen,
[00:37:23] was man über Mikro-Tools im Browser wissen muss?
[00:37:26] Sonst könnten wir mal überlegen, wie geht man das Thema ran?
[00:37:29] Genau, ich glaube, erst mal haben wir alles abgedeckt.
[00:37:32] Wie gesagt, es gibt noch ganz viele wilde Dinge, die man ausprobieren kann.
[00:37:35] Ich finde es auch spannend, werde bestimmt auch noch ein paar von den Dingen
[00:37:38] mal ausprobieren, was da auch in Richtung Bildverarbeitung und Ähnliches geht.
[00:37:44] Aber ich glaube, grundlegend haben wir alles mal angesprochen.
[00:37:50] Und ich glaube, vielleicht geben wir einen kurzen Ausblick darauf,
[00:37:54] was man denn tun sollte, wenn man jetzt damit starten möchte.
[00:37:58] Und ich glaube, das ist einfach.
[00:38:00] Wer uns hier zuhört und das nächste Mal irgendwie eine große Excel-Tabelle auszuwerten hat
[00:38:05] oder sich ein Bild verschaffen möchte, was steht denn da in meiner Excel-Tabelle?
[00:38:10] Einfach mal das KI-Modell der Wahl nehmen, ChatGPT oder Claude oder wo auch immer man unterwegs ist
[00:38:17] und sagen, bau mir bitte eine HTML-Datei, die ich lokal im Browser ausführen kann.
[00:38:22] Und die soll folgende Dateien einlesen können und mir folgende Dinge auswerten.
[00:38:27] Und das einfach mal machen und das lokal im Browser starten.
[00:38:30] Die Excel-Tabelle da reinziehen und gucken, was passiert.
[00:38:33] Ich glaube, sollte man einfach mal versuchen.
[00:38:36] Man muss gar nicht so viel beschreiben.
[00:38:38] Die ersten Prompts sind total einfach.
[00:38:40] Das sind auch keine seitenlangen Prompts, die man da explizit formulieren müssen,
[00:38:45] sondern man sagt, ich habe hier eine Tabelle, da sind folgende Daten drin.
[00:38:49] Bau mir mal eine Single-HTML-Datei, die das auswertet.
[00:38:52] Dann lädt man die runter, macht einen Doppelklick, damit die im Browser aufgeht
[00:38:56] und zieht die Excel-Tabelle da rein.
[00:38:58] Exakt.
[00:38:59] Und da brauche ich auch keinen Coding-Agenten für.
[00:39:01] Wir reden zwar ab und zu mal über Coding-Agenten wie CodeCode oder sowas,
[00:39:05] aber das bedarf es ja gar nicht.
[00:39:06] Ich kann ja wirklich auf chatgpt.com gehen, auf code.ai gehen
[00:39:10] und das dort einfach, wie du sagst, fragen.
[00:39:12] Und das Gute an diesen HTML-Dateien ist ja, das ist eine Textdatei.
[00:39:16] Das ist ja nichts Besonderes.
[00:39:18] Und dann kann ich die runterladen, abspeichern und fertig.
[00:39:20] Dann habe ich da meine Mini-App.
[00:39:22] Und das kostet noch nicht mal was.
[00:39:24] Du brauchst keinen Pro-Account oder sowas.
[00:39:26] Du kannst einfach chatgpt im freien Level, im kostenlosen Level betreiben.
[00:39:31] Das ist nichts Aufwändiges.
[00:39:33] Ganz kostenlos kannst du jetzt loslegen.
[00:39:35] Ja, und das ist eigentlich das Schöne.
[00:39:37] Einstiegshürden niedrig, Entwicklung einfach.
[00:39:39] Das Ganze ist alles nur ein Prompt entfernt.
[00:39:41] Genau wie du sagst, es ist nicht kompliziert.
[00:39:43] Und im Zweifel, wenn man die Anforderungen selber nicht genau kennt,
[00:39:45] dann fragt man vorher, macht man ein bisschen Frage-Antwort-Spiel
[00:39:47] mit dem Agenten und dann fragt er einem schon die Dinge, die er wissen muss.
[00:39:50] Und wie gesagt, das Ausführen ist dann auch schon gelöst.
[00:39:53] Über den Browser.
[00:39:55] Das ist wirklich ein sehr mächtiges, häufig unterschätztes Tool, glaube ich.
[00:40:00] Ja, ich glaube, ich mache gerade überall, wo ich bin, Werbung dafür.
[00:40:05] Ich finde es ein extrem spannendes Thema.
[00:40:07] Ich würde mich freuen, wenn noch mehr Leute das ausprobieren.
[00:40:10] Absolut.
[00:40:11] Und ich glaube, die Anwendungsfälle, die du genannt hast, sind die besten.
[00:40:13] Also Daten manipulieren, Daten visualisieren.
[00:40:15] Ich glaube, da findet man immer irgendeinen Fall,
[00:40:17] wo man sich mal was bauen kann.
[00:40:19] Ich glaube, wir würden euch beide wahrscheinlich motivieren,
[00:40:21] probiert es einfach mal aus.
[00:40:23] Man kann ja nicht verlieren.
[00:40:25] Also im schlimmsten Fall hat man mal 10 Minuten investiert
[00:40:27] und merkt, irgendwie hat es doch nicht funktioniert
[00:40:29] oder es ist doch nicht das, was ich wollte.
[00:40:31] Aber gut, 10 Minuten.
[00:40:33] Und im besten Fall hat man ein Tool, was einem ein Leben lang
[00:40:35] irgendwie Stundenarbeit spart,
[00:40:37] in die man sonst monatlich dann irgendwie viele Stunden investiert.
[00:40:39] Also ist, glaube ich, total spannend.
[00:40:41] Aber ich glaube, damit haben wir es auch einigermaßen rund abgedeckt, oder?
[00:40:44] Ja, ich glaube auch.
[00:40:46] Kleinen Teaser, glaube ich, schon gegeben auf lokale Modelle.
[00:40:50] Oder Modelle lokal ausführen.
[00:40:52] Das ist, glaube ich, auch ein spannendes Thema.
[00:40:54] Aber ich glaube, MikroTools, spannendes Thema.
[00:40:56] Wenn wir da noch interessante Dinge rausgefunden haben,
[00:40:58] berichten wir das, glaube ich, auch noch mal
[00:41:00] in einer der nächsten Episoden.
[00:41:02] Perfekt. Also wenn ihr ein MikroTool baut,
[00:41:04] dann sagt uns mal Bescheid, was ihr gebaut habt.
[00:41:06] Wir würden uns über Feedback total freuen.
[00:41:08] Schreibt uns einfach an podcast.context.fm.
[00:41:11] Wir lesen jede E-Mail.
[00:41:13] Und wenn ihr schon dabei seid,
[00:41:15] ihr wisst ja, wie das funktioniert,
[00:41:17] lasst vielleicht auch mal eine Bewertung da
[00:41:19] bei der Podcast-Plattform eurer Wahl.
[00:41:22] Ansonsten, würde ich sagen, Kai,
[00:41:24] sehen wir uns in der nächsten Folge,
[00:41:26] worüber wir dann auch immer wieder mal reden werden,
[00:41:28] wenn es um das Thema AI geht.
[00:41:30] Ja, danke. Freut mich.
[00:41:32] Ich freue mich auf die nächste Folge.
[00:41:34] Alles klar. Macht's gut. Ciao, ciao.