Es wurde eine Servermigration von HDD auf NVMe mit Kooperationspartnern durchgeführt, was eine deutliche Leistungssteigerung mit 120 GB mehr Speicherplatz ermöglichte. Gleichzeitig wird eine speziell für Desktops optimierte Web-Oberfläche mit Design-Tools wie Claude entwickelt. Dabei werden verschiedene Optionen für eine intuitive Benutzeroberfläche mit Fokus auf Benutzerfreundlichkeit erstellt und evaluiert.

Just Chatting
00:00:00

Just Chatting

Serverumzug und technische Improvisation

00:00:00

Zu Beginn des Streams berichtet der Streamer über einen erfolgreichen Serverumzug von einer HDD- auf eine NVMe-Festplatte, was eine deutliche Leistungssteigerung gebracht hat. Der langsame alte Server hatte zu häufigen Ausfällen und Backup-Problemen geführt. Nach dem Umzug und dem Ändern der DNS-Einstellungen funktionieren alle Anwendungen wie Morphida und der YouTube-Livestream einwandfrei, mit deutlich schnellerer Ladezeit. Der Streamer zeigt die Unterschiede im Verhalten und betont, dass nun 120 GB freier Speicherplatz verfügbar sind, im Gegensatz zu den knapp 20 GB auf dem alten System. Der Serverumzug war notwendig, da viele gleichzeitig laufende Aufgaben das alte System überfordert hatten.

Überlegungen zur Web-Oberfläche und Design Tools

00:05:58

Der Streamer plant, eine Web-Oberfläche für seine mobile App Morph Reader mit Flutter zu entwickeln, die speziell für Desktop-optimiert sein soll. Er demonstriert verschiedene Design-Tools wie Claude Design, mit denen er verschiedene Layout-Optionen für die Web-Oberfläche erstellt. Dabei erörtert er verschiedene Design-Entscheidungen wie die Anordnung von Feed, Artikeln und Sidebar. Der Streamer experimentiert mit verschiedenen Layout-Varianten, darunter geteilte Ansichten mit Feed links und Artikel rechts, und evaluiert die Benutzerfreundlichkeit der einzelnen Optionen. Er merkt an, dass die Benutzeroberfläche einfach und intuitiv bleiben sollte, ohne unnötige Komplexität.

Vergleich von KI-Modellen und Code-Qualität

00:10:02

Der Streamer geht ausführlich auf die Vor- und Nachteile verschiedener KI-Modelle ein und teilt seine Erfahrungen mit der Code-Qualität von Modellen wie GPT-5.5, Opus 4.7, Kimi 2.6 und Minimax. Er stellt fest, dass hochwertige Modelle wie Opus und GPT-5.5 besseren Code produzieren, aber teurer sind, während günstigere Modelle wie Minimax für einfachere Aufgaben ausreichen. Der Streamer beschreibt seine Testmethoden zur Evaluierung der Code-Qualität und gibt Einblicke in die aktuellsten Entwicklungen im Bereich der KI-Modelle, wie z.B. die neuen Features von Gemini und die Kooperation von Anthropic mit SpaceX.

Design-Entscheidungen und Feedback zur Benutzeroberfläche

00:15:25

Der Streamer präsentiert die von Claude Design generierten Mockups für die Web-Oberfläche von Morph Reader und diskutiert verschiedene Layout-Optionen im Detail. Er zeigt sich begeistert von der Funktionalität des Tools, das interaktive Designvorschläge erstellt, kritisiert aber auch bestimmte Designelemente wie zu viele Pop-ups oder überladene Seiten. Es werden verschiedene Aspekte wie Farbschema, Platzierung von Menüs und Suchfunktion besprochen, wobei der Streamer betont, dass die Benutzeroberfläche an die Bedürfnisse der Leser angepasst sein sollte. Er experimentiert mit verschiedenen Anordnungen von Feed, Artikeln und Sidebar, um die optimale Benutzererfahrung zu finden.

Entwicklung von Morph Reader und technische Herausforderungen

00:22:21

Der Streamer erläutert den aktuellen Stand der Entwicklung für Morph Reader und die Herausforderungen bei der Erstellung einer Web-Oberfläche. Er beschreibt den umfassenden Code-Basis und die Notwendigkeit, das Design für verschiedene Bildschirmgrößen anzupassen. Der Streamer demonstriert, wie er Claude Design verwendet, um verschiedene Layout-Optionen zu erstellen, und gibt Einblicke in die technischen Aspekte der Entwicklung. Er betont die Wichtigkeit einer intuitiven und benutzerfreundlichen Oberfläche, die den Lesekomfort verbessert und gleichzeitig funktional bleibt. Die Herausforderungen umfassen die Integration verschiedener Funktionen wie Feed-Anzeige, Artikelansicht und Sidebar.

Technische Lösungen und Erfahrungen mit KI-Tools

00:29:11

Der Streamer teilt seine Erfahrungen mit der Nutzung verschiedener KI-Tools für die Entwicklung von Anwendungen. Er vergleicht die Vor- und Nachteile von Cloud-basierten Lösungen wie Claude Design mit lokalen Lösungen und diskutiert die Bedeutung von Code-Qualität und Zuverlässigkeit. Der Streamer zeigt, wie er verschiedene Tools wie Minimax und Claude für unterschiedliche Aufgaben einsetzt, von der Code-Generierung bis zum Design. Er betont die Wichtigkeit, die richtigen Werkzeuge für die jeweiligen Anforderungen auszuwählen und gibt Einblicke in seine Workflow und die Herausforderungen bei der Entwicklung komplexer Anwendungen.

Abschließende Design-Überlegungen und future Pläne

00:38:02

Zum Ende des Streams fasst der Streamer die wichtigsten Design-Entscheidungen für die Web-Oberfläche von Morph Reader zusammen. Er bevorzugt ein minimalistisches Layout mit einer klaren Trennung zwischen Feed und Artikeln, wobei die Navigation einfach und intuitiv bleiben soll. Der Streamer zeigt sich zufrieden mit den generierten Mockups und plant, die finalen Design-Entscheidungen zu treffen und die Umsetzung fortzusetzen. Er gibt einen Ausblick auf zukünftige Entwicklungsschritte und betont die Wichtigkeit einer kontinuierlichen Verbesserung der Benutzererfahrung. Der Streamer ermutigt die Zuschauer, ihr Feedback zu teilen und sich aktiv an der Entwicklung zu beteiligen.

Designoptionen und Entwicklung

00:59:42

Der Streamer präsentiert verschiedene Designoptionen für seine Anwendung, darunter Light Theme, High Contrast, Seasons Design mit saisonalen Variationen wie Weihnachten, Frühling, Sommer, Herbst und Kirschblüten, sowie System Colors. Er erwähnt, dass es 30 verschiedene Designs gibt, die sich automatisch im Jahresverlauf ändern, und dass diese mit Cloud Design erstellt wurden. Die Entwicklung dieser Designs hat ihm große Freude bereitet und er sieht sie als kostenloses Feature des Abos.

Technische Herausforderungen und Lösungen

01:03:05

Es werden technische Aspekte der Anwendung besprochen, including der Umgang mit Tokens vom Abo, welche knapp werden. Der Streamer erwähnt, dass er wahrscheinlich sein ganzes Wochenlimit für Designs aufbrauchen wird. Auch Probleme mit dem Matrix-Messenger werden angesprochen, wobei nicht ganz klar ist, ob dieser in der News-App implementiert werden soll. Die Anwendung speichert Artikel offline, damit sie auch ohne Internetzugriff verfügbar sind, was für das Web eine Herausforderung darstellt.

Benutzeroberfläche und Benutzerfeedback

01:08:51

Der Streamer diskutiert über die Platzierung von Elementen in der Benutzeroberfläche, wie die Suchleiste und den Feedfilter. Es wird überlegt, die Filter als ausklappbare Elemente zu gestalten und die Audiobar umzugestalten. Auch die Kommentarfunktion wird betrachtet, wobei der Streamer erkennt, dass sie direkt alles ausfüllt, was nicht erwünscht ist. Es wird nach Lösungen gesucht, um die Bedienbarkeit zu verbessern, besonders für mobile Geräte.

Projektplanung und persönliche Einblicke

01:28:52

Der Streamer gibt Einblicke in seine Arbeitsroutine und die Planung des Bitflip-Podcasts, der montags um 14 Uhr aufgezeichnet wird, wenn möglich. Er berichtet über seinen hohen Token-Verbrauch durch Review-Cycles mit mehreren Agenten und erklärt, warum er drei Cloud-Abos hat. Auch persönliche Themen wie seine Unzufriedenheit mit der deutschen Politik und das Thema Auswandern werden angesprochen, wobei er aufgrund seines sozialen Umfelds in Deutschland bleibt.

Erfahrungen mit KI-Tools

01:45:22

Es werden Erfahrungen mit verschiedenen KI-Tools und -Modellen geteilt. Der Streamer hat Opus durch Kimi 2.6 ersetzt, wobei er feststellt, dass Kimi zwar ähnliche Kosten verursacht, aber schlechteren Code produziert. Er erwähnt auch seine Arbeit an der Morpheater-Anwendung und die Herausforderungen bei der Veröffentlichung im F-Droid-Store aufgrund von Sicherheitsbedenken bezüglich seines Codes.

Premium-Feature und Datenschutz

01:54:44

Der Streamer erklärt das Premium-Feature seiner Anwendung, das ohne klassisches Login-System auskommt. Stattdessen wird serverseitig überprüft, ob der Nutzer ein Premium-Abo hat. Er betont, dass er keine sensiblen Daten speichert und kein Logging betreibt, was ihm wichtig ist. Die Anwendung bietet Artikel in 13 Sprachen an und sogar Audios in verschiedenen Sprachen, die nicht gespeichert werden.

Servermigration und technische Optimierungen

02:04:10

Es wird über die Servermigration von einem Hoster zu Hostinger berichtet, um NVMe-Festplatten zu nutzen und die Performance zu verbessern. Der Streamer erwähnt, dass die Filterberechnung aufwendig ist, besonders wegen der vielen Kategorien. Die Anwendung bietet einen Offline-Modus an und speichert Artikel lokal, um auch ohne Internetzugriff lesbar zu sein. Der Serverumzug wurde durchgeführt, um die Leistung zu optimieren.

Zukunftsperspektiven und Open-Source-Pläne

02:06:17

Der Streamer spricht über seine Pläne, die Morpheater-Anwendung im F-Droid-Store zu veröffentlichen, was jedoch aufgrund von Sicherheitsbedenken verzögert wird. Er möchte zuerst seinen Code auf einem eigenen Git-Host duplizieren, um mögliche Geheimnisse aus der Historie zu entfernen. Trotz dieser Herausforderungen freut er sich über die Fortschritte der Anwendung und die positive Resonanz der Nutzer, besonders bei den mehrsprachigen Features.

Technische Systemarchitektur

02:05:18

Die Audios werden auf dem System des Streamers berechnet, mit einem umfangreichen Morphreya-Setup, das komplett durchdacht ist und stetig gewachsen ist. Ein Tunnel wird zum Server aufgebaut, der die Aufgaben liefert. Es gibt Local Worker, die die Text-to-Speech-KI laufen lassen und die Daten online übertragen und auf einem CDN speichern. Das CDN verteilt die Daten auf verschiedene Standorte, darunter Frankfurt, um Latenzen zu minimieren und den Zugriff weltweit zu optimieren.

KI-Entwicklungsstrategie

02:06:40

Das gesamte System basiert auf einer serverseitigen KI, die Aufgaben vorberechnet und konsistent bleibt. Die serverseitige Berechnung vermeidet hohe Akkukonsum bei Nutzern und gewährleistet Konsistenz, die bei lokalen Modellen aufgrund geringerer Stärke nicht gegeben wäre. Git-Histories werden bewahrt, um den Überblick über alle Entwicklungen und Issues zu behalten, obwohl Umschreibungen technisch möglich sind. Der Public-Strang bleibt offen für Issues, während der private Strang sensible und unvollständige Entwicklungen enthält.

Secrets und Git-Management

02:08:35

Secrets werden konsequent vermieden, historisch waren hartgecodete Passwörter im Einsatz. Mittlerweile ist das anders gehandhabt. Eine KI überprüft jeden Git-Push auf Secrets, was potenziell Risiken birgt, da man der KI Code mitteilen muss. Best Practice ist, Secrets in .env-Dateien zu lagern. Streamer prüft Pushes manuell, da automatische Checks aufwendig wären und kleine Commits oft betroffen sind.

Entwicklungsumgebung und Technologie

02:11:48

Die Desktop-Version wird bewusst behalten, da der Code nicht direkt übernommen werden kann. Es wird PostgreSQL als Datenbank bevorzugt, da sie installierbar, frei hostbar und open source ist. Für Apps ist ein mehrstufiger Testprozess üblich: Tests auf Emulatoren, Betatests mit ausgewählten Nutzern und abschließende Tests im Play Store. Feedback von Nutzern ist besonders wichtig, da nicht alle Geräte und Auflösungen getestet werden können.

KI-Modelle und deren Vergleich

02:16:00

Bei der Wahl der KI-Modelle zum Coden wird GPT 5.5 als solide empfohlen, Opus 4.7 hat nach einem Bug wieder verbessert funktioniert. Gemini-Modelle sind oft zunächst fortschrittlich, werden aber schnell von anderen Modellen eingeholt. Modelle mit 500 Milliarden Parametern werden bereits trainiert, sogar bis zu zehn Billionen Parameter sind geplant, aber die praktische Umsetzung ist unklar.

App-Entwicklung und Implementierung

02:31:40

Für eine Live-App ist ein intensives Testverfahren wichtig: Beta-Branches im Play Store, exzessive Tests im Emulator und abschließende Smoke-Tests. Testumgebungen mit mehreren Datenbanken werden nicht unbedingt benötigt, PostgreSQL reicht aus. Feedback von Nutzern ist entscheidend, da nicht alle Geräte getestet werden können. Nach jeder Veröffentlichung werden Reviews und Feedback genutzt, um die App weiter zu verbessern.

Repolenz und Code-Sicherheit

02:59:06

Repolenz ist ein Command-Line-Tool, das Sicherheitslücken im Code findet und Issues für deren Behebung erstellt. Es wird speziell mit Fokus auf bestimmte Aspekte wie Separation of Concerns, API-Verträge oder DSGVO eingesetzt. Repolenz läuft im Hintergrund durch den Code, bis es dreimal in Folge nichts mehr findet, und erzeugt detaillierte Issues mit Lösungsvorschlägen. Es kann teuer werden, da es massenhaft Issues generieren kann.

Zusammenfassung und Ausblick

03:09:00

Die Zusammenarbeit mit der Community hat bei der Entwicklung von Morpheus宝贵的 Insights geliefert und motivierend gewirkt. Tests werden automatisch geschrieben, einige davon könnten gelöst werden, bevor sie überhaupt angegangen werden. Ausblick auf eine iPad-Tablet-Version von Morphe Reader, die demnächst erscheinen könnte. Der nächste Stream wird chinesische KI-Modelle im Vergleich zu US-Modellen thematisieren, insbesondere hinsichtlich möglicher Verzerrungen und Bias.