Elf Jahre (und 501 Revisionen) nach seinem letzten Besuch in Revision 175 [https://workingdraft.de/175/] war Jan Lehnardt [https://jan.prima.de/] (LinkedIn [https://www.linkedin.com/in/jan-lehnardt-750b0816b/] / Mastodon [https://narrativ.es/@janl] / Bluesky [https://bsky.app/profile/janl.bsky.narrativ.es]) wieder bei uns zu
Gast. Mit Schepp und Vanessa spricht er über die Idee hinter „Local First“.

Schaunotizen

[00:01:09] Local First Was heißt eigentlich „Local First“? Wir starten mit einer Rückblende auf das Jahr 2013: Damals war „Offline First“ das neue heiße Ding – erdacht von Jan höchstselbst und in Worte gegossen von Jans Mitstreiter Alex Feyerke [https://alexfeyerke.com/] im A List Apart Essay [https://alistapart.com/article/offline-first/]. Aus seiner Arbeit an CouchDB und PouchDB heraus entstand der Gedanke, dass Applikationen auch ohne Verbindung zum Internet sinnvoll funktionieren sollten. Dabei nutzt man ein System verteilter Datenbanken, sei es im Internet, im Intranet oder auf dem Anwendergerät selbst zwischen denen Daten in Form von Dokumenten synchronisiert werden. Ähnlich wie es mit Git möglich ist. Anders als bei Git, treten Merge-Konflikte allerdings schon dann auf, wenn gleichzeitig dasselbe Dokument verändert wurde. Diese Konflikte gilt es dann manuel zu lösen.

Wir sprechen über spannende Anwendungsfälle, die der „Offline First“-Ansatz überhaupt erst möglich gemacht hat – von Ebola-Krisenhilfe über die COVID-Impf-Infrastruktur in Bayern bis hin zur Koordination und Planung humanitärer Konvois in Krisengebieten.

„Local First“ setzt im Grunde auf ähnliche Prinzipien wie einige Jahre zuvor „Offline First“, wie es auch die sieben Prinzipien von „Local First“ [https://www.inkandswitch.com/essay/local-first/] dokumentieren. Technisch ist „Local First“ allerdings etwas anspruchsvoller, weil es stärker darauf ausgerichtet ist, dass Nutzende an ein und demselben Dokument gleichzeitig arbeiten können. Realisiert wird das über Conflict-free Replicated Data Types (CRDT) [https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type].

y.js, JSON CRDTs, Operational Transforms (wie einst bei Google Wave) und Automerge sind Werkzeuge, die einem hier feingranulare Synchronisation und Konfliktlösungen ermöglichen. Jan erklärt, dass auch CouchDB mittlerweile gelernt hat [https://neighbourhood.ie/blog/2020/09/15/use-json-patch-to-resolve-conflicts], Konflikte automatisch zu lösen und es damit auch besser für gleichzeitige Arbeiten am selben Dokument gerüstet ist.

Links

Jans letzter Besuch (Revision 175) [https://workingdraft.de/175/] 2014 sprachen wir mit Jan über CouchDB, Hoodie und das Web der Zukunft. Offline First Essay bei A List Apart [https://alistapart.com/article/offline-first/] Alex‘ und Jans Ursprungsidee aus 2013 für resilientere Apps – und der Startpunkt für Local First. Das Local-First Essay [https://www.inkandswitch.com/essay/local-first/] Das Manifest von Ink & Switch, das die Prinzipien für Local First formuliert hat. How to Sync Anything [https://neighbourhood.ie/blog/2025/04/06/how-to-sync-anything] Ein tiefgehender Artikel über Synchronisationsstrategien und verteilte Datenmodelle. Jans Talk bei der Local First Conf [https://www.youtube.com/watch?v=_x0kmL-AZ00] Einblicke in die Herausforderungen und Fortschritte im Bereich Local First – Stand 2025. Cozy Cloud [https://en.cozy.io/] Ein Beispiel für eine Local-First Cloud-Infrastruktur. Linear [https://linear.app/] Ein Tool, das auf lokale Performance setzt – und damit auch UX-Gold gewinnt.

Revision 676: Local First

Was macht eigentlich ein Webprojekt klimafreundlich(er)? In dieser Revision sprechen wir mit Björn Ganslandt [https://ganslandt.xyz/] über nachhaltige Webentwicklung – von Hosting über Frontend-Optimierung bis zur Frage, was eigentlich AI in puncto Energieverbrauch bedeutet. Björn ist Entwickler, Berater und Community-Mensch und bringt viele praktische Erfahrungen aus seiner Arbeit rund um Green IT mit.

Unser Sponsor



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft [https://mittwald.de/workingdraft?ref=workingdraft.de] und buch dein erstes Projekt!

Schaunotizen

[00:08:28] Wie wähle ich einen grünen Hoster aus? Wir besprechen, worauf man achten kann: Nutzt der Hoster wirklich erneuerbare Energie – oder kompensiert er nur nachträglich? Wie transparent sind diese Angaben? Hilfreich ist hier das Verzeichnis der Green Web Foundation [https://app.greenweb.org/directory/], das grüne Hoster listet und deren Energiequellen einordnet. [00:12:54] Was heißt es überhaupt, wenn ein Hoster mit erneuerbarer Energie betrieben wird? Grün ist nicht gleich grün: Viele Hoster betreiben ihre Server zwar mit Ökostrom, dieser kommt aber womöglich aus dem allgemeinen Netzmix. Rechenzentren in Windkraftanlagen – wie bei WindCores [https://www.windcores.de/] und WindCloud [https://www.windcloud.de/] – oder Abwärmenutzung bei Leafcloud [https://leaf.cloud/] zeigen Alternativen auf. [00:21:11] Wo entstehen Emissionen, wenn Daten über das Netzwerk gehen? Datenübertragung ist ein oft übersehener Faktor: Die Emissionen entstehen im gesamten Übertragungsweg – vom Rechenzentrum über Backbone und Knotenpunkte bis hin zum Endgerät. Tools wie Electricity Maps [https://app.electricitymaps.com/] oder das Realtime Carbon Dashboard [https://datasets.greenweb.org/cloud_regions/cloud_regions_metadata?_facet=year&_facet=cloud-provider#facet-cloud-provider] der Green Web Foundation helfen, die Herkunft des Stroms zeit- und ortsgenau zu verstehen und Übertragungsvolumina anzupassen. [00:33:51] Was kann ich im Frontend tun, um Emissionen zu verringern? Weniger ist mehr: Kleinere Bildformate (z. B. AVIF statt PNG) und weniger JavaScript helfen. Doch welches Bildformat ist nun wirklich besser? Studien wie von Greenspector [https://greenspector.com/en/which-image-format-to-choose-to-reduce-its-energy-consumption-and-its-environmental-impact/] oder

Revision 675: Green Web

Heute ist Katharina Hoffmann [https://www.linkedin.com/in/katharina-hoffmann-876a391b9/] (ein paar Blogposts gibts hier [https://www.mittwald.de/blog/autoren/katharina-hoffmann]) zu Gast, um das Thema Security mal richtig zu beleuchten. Und dabei geht es kaum drum, wie man seinen Node.js Service baut, damit keine Script-Injections in die Datenbank kommen, sondern um viel mehr.

[00:01:08] Schaunotizen

Security Awareness ohne Moralkeule – wie man Menschen wirklich erreicht Irgendwie muss man sich dem Thema Security doch in jedem Kontext annehmen. Aber als Hoster, wie Mittwald es ist, sollte man die ganze Sache schon etwas geordneter annehmen. Das tun sie auch – also Katharina tut es. Und darüber spricht sie mit uns: Wie baut man eigentlich die richtige Security Kompetenz über Teamgrenzen hinweg auf, beispielsweise warum man die Reinigungskräfte nicht vergessen sollte? Und wie schafft man es, dass auch alle Leute Lust darauf bekommen, das Thema ernster zu nehmen. Welche Guidelines braucht es eigentlich? Und wie finden heutzutage die Angriffe auf Firmen so statt? Stichwort Social Engineering.
Aber hört selbst…

Revision 674: Security Awareness ohne Moralkeule

Vanessa und Stefan haben Alexander Lichter [https://www.lichter.io/] zu Gast, seines Zeichens Vue.js Community Größe und Dev Rel bei void(o) [https://voidzero.dev/].Um das von Vue.js und Vite Erfinder Evan You gegründete Startup für „Next Generation Tooling“ geht es auch in der heutigen Revision.

Schaunotizen

[00:01:00] VoidZero Wir erfahren welche Projekte void(0) unterstützt, betreut, oder sogar ganz verantwortet. Wir reden über Open Source Governance, den meme-tauglichen „Rewrite in Rust“ und hinterfragen dabei unter anderem kritisch welchen Einfluss ein VC gefördertes Startup auf kritischen JavaScript Infrastruktur haben darf. Vergleiche mit einem bekannten Serverless Hosting Unternehmen aus San Francisco und deren berühmt-berüchtigte Unterwanderung der React.js Szene bleiben da natürlich nicht aus, der Vollständigkeit halber sei aber erwähnt, dass wir die Folge vor dem nicht weniger überraschenden Kauf von NuxtLabs [https://vercel.com/blog/nuxtlabs-joins-vercel] aufgezeichnet haben.

Links

 * oxc [https://oxc.rs/]. Ein JavaScript Transpiler und Minifier, in Rust geschrieben.
 * Rolldown [https://oxc.rs/]. Modulbundling in Rust.
 * Vitest [https://vitest.dev/]. Ein schnelles Testframework aus der Vue.js und Vite Ecke
 * Vite [https://vite.dev/]. Ein ganz beliebter Development Server.
 * Nuxt [https://nuxt.com/]. Das Meta-Framework von Vue.js
 * swc [https://swc.rs/]. Der Speedy Web Compiler macht auch viel in Rust und ist schnell.

Revision 673: VoidZero

It’s not every day we get to talk to someone who actually helps shape the CSS of tomorrow – which is why we were thrilled to welcome back [https://workingdraft.de/420/] Adam Argyle [https://nerdy.dev/] (LinkedIn [https://www.linkedin.com/in/adamargyle/] / Bluesky [https://bsky.app/profile/nerdy.dev] / Mastodon [https://front-end.social/@argyleink]), creative tinkerer, punk engineer and a big fan of CSS, JS and great UX!

Together with Schepp and Vanessa, Adam takes us on a tour of what’s new and what’s next in CSS. From cutting-edge selectors and scroll state features to color functions, motion preferences, and even the future of form controls – this episode is packed with practical insights and exciting perspectives.

Show Notes

[00:01:03] contrast-color() & CSS color tooling We kick things off by talking about the new contrast-color() function [https://developer.chrome.com/blog/css-color-contrast/] and why it’s a big deal for authoring accessible themes. Adam explains how tools like his Observable playground [https://observablehq.com/@argyleink/contrast-color] help explore the
complexities of calculating good contrast. We also touch on the prefers-contrast media query and how it relates to other preference queries like prefers-reduced-data or forced-colors. [00:37:40] control-value() [https://www.w3.org/TR/css-forms-1/#control-value] Adam introduces the control-value() [https://www.w3.org/TR/css-forms-1/#control-value] function that allows you to style components based on their value – like coloring inputs depending on current value – and we talk about a future where CSS can directly react to user interaction or state without JavaScript. This ties into upcoming functions like sibling-index() [https://developer.mozilla.org/en-US/docs/Web/CSS/sibling-index] and
sibling-count() [https://developer.mozilla.org/en-US/docs/Web/CSS/sibling-count], with a great demo on nerdy.dev [https://nerdy.dev/sibling-index]. [00:43:07] Scroll Experience What if you could style elements differently based if they are overflowing, or if they are snapped or stuck? That’s what scroll-state() [https://developer.chrome.com/blog/css-scroll-state-queries]
unlocks. Adam walks us through why it matters for carousels and nested scroll containers. We also touch on related concepts like scroll-snap, the scrollsnapchanging [https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollsnapchanging_event], scrollsnapchange [https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollsnapchange_event] and scrollend [https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollend_event] events, ::scroll-marker [https://developer.mozilla.org/en-US/docs/Web/CSS/::scroll-marker] and ::scroll-button() [https://developer.mozilla.org/en-US/docs/Web/CSS/::scroll-button] pseudo elements. Links include a full CSS-only Nintendo-style home screen on nerdy.dev [https://nerdy.dev/nintendo-switch-homescreen-css-recreation] and Chrome’s carousel demo [https://chrome.dev/carousel/horizontal/cards/]. [01:17:29] Mixins, Functions & if-Statements Mixins and functions are finally coming to CSS to make code and mechanics reusable! So are if-statements. Una did a short video on those [https://www.youtube.com/watch?v=Apn8ucs7AL0]. [01:20:10] @starting-style, transition-behavior & 3D view transitions We discuss how

Revision 672: New Stuff coming to CSS

Wir sprechen mit Rainer Hahnekamp (Web [https://www.rainerhahnekamp.com/de/uber-mich/] / LinkedIn [https://www.linkedin.com/in/rainerhahnekamp/]), über den neuen SignalStore – eine Spielart von NgRx, die Angular Signals nutzt und derzeit für frischen Wind im State-Management sorgt. Als aktiver Contributor bei NgRx kennt Rainer nicht nur die technische Seite, sondern auch die Prozesse hinter den Kulissen des Angular Frameworks.

Schaunotizen

[00:001:11] NgRx SignalStore [https://ngrx.io/guide/signals/signal-store] Wir klären, wie sich der SignalStore von bisherigen NgRx-Ansätzen unterscheidet, wie viel Redux noch drinsteckt und wie sich das Ganze im Vergleich zu RxJS verhält. Besonders spannend: Auch wenn Signals vieles vereinfachen, sind Observables damit längst nicht überholt.

Ein weiteres Thema sind Angular Zones – und wie man mit oder auch bewusst ohne sie performant Anwendungen bauen kann. Außerdem werfen wir einen Blick auf das neue „Resources“-Feature in Angular, das – ähnlich wie Signals – den Framework-Kern modernisieren soll.

Zum Schluss geht’s noch um Open Source: Wie wird man eigentlich Contributor bei Projekten wie NGRX? Was braucht es, damit ein neues Feature wie der Signal Store überhaupt entstehen kann?

Links

dl>

ng News [https://www.youtube.com/@ng-news]Ein wöchentlicher Video-Newsletter mit den wichtigsten Angular-Neuigkeiten, abgehandelt in 100 SekundenAngular: The Documentary | An origin story [https://www.youtube.com/watch?v=cRC9DlH45lA]Die Angular-Dokumentation im Videoformat – verständlich und unterhaltsam aufbereitet von Cult.Repo (formerly Honeypot).Angular Architects [https://www.angulararchitects.io/]Schulungen, Workshops und Blogposts zum Thema AngularMinko Gechev | Converging Web Frameworks [https://www.youtube.com/watch?v=_1gTYfdfaZ0]Vortrag von Minko Gechev über den konvergierenden Trend bei modernen Webframeworks.

Revision 671: Angular v20 und der NgRx SignalStore

In dieser Folge widmen wir uns erneut ganz WebKit – und dem, was sich dort aktuell alles tut und in den letzten Monaten getan hat. Schepp und Peter diskutieren neue Features, (alte) Probleme sowie APIs, die bereits in Safari gelandet sind oder bald landen werden.

Schaunotizen

[00:01:09] Google I/O 2025 & CSS-only Carousels [https://developer.chrome.com/blog/web-at-io25] Zum Einstieg beklagen wir wie themenarm die Google I/O dieses Jahr für uns Frontend-Menschen war. Das einzig wirklich spannende Ding waren die Vorstellung der CSS-Primitiven für den Bau von Karussells. Allerdings steckt in dem Thema noch sehr viel Arbeit an der Barrierefreiheitsfront, wie Sara Soueidan dargelegt hat [https://www.sarasoueidan.com/blog/css-carousels-accessibility/]. Der Rest bestand aus eilig herbei-geprototypeten Demos. [00:19:34] Multipage View Transitions [https://webkit.org/blog/16967/two-lines-of-cross-document-view-transitions-code-you-can-use-on-every-website-today/] Mit nur zwei Zeilen Code aus dem WebKit-Blogpost lassen sich flüssige Seitenübergänge realisieren. Wir berichten von unseren eigenen Versuchen mit View Transitions und verweisen auf die Library ramjet [https://github.com/Rich-Harris/ramjet], die ähnliche Effekte wie die View Transitions schon seit zehn Jahren [https://workingdraft.de/218/#:~:text=12%5D%20Keine%20Schaunotizen-,ramjet,-%E2%80%9ERamjet%20makes%20it] ermöglicht. [00:25:46] (Root) Line-Height Units: lh/rlh [https://webkit.org/blog/16831/line-height-units/] WebKit führt neue Einheiten für die Zeilenhöhe ein, die konsistentere Text-Layouts erlauben. Wir schweifen an dieser Stelle kurz ab und sprechen darüber, wie das CSS Typed OM [https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API] funktioniert. [00:29:24] margin-trim [https://webkit.org/blog/16854/margin-trim/] Mit margin-trim lassen sich über den Rand ragende Margins von Kind-Elementen abschneiden, was bestimmte Layouts gegenüber der :first-child/:last-child-Technik deutlich robuster umsetzbar werden lässt. [00:33:52] text-wrap: pretty [https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap] Das neue Umbruch-Verhalten text-wrap: pretty sorgt für elegantere Zeilenumbrüche und optimierte Worttrennung. Die WebKit-Menschen haben es aber nicht dabei belassen, mit Chrome nachzuziehen, sondern haben noch kräftig „Gold-Plating [https://de.wikipedia.org/wiki/Gold-Plating]“ betrieben ‐ mit sehenswertem Ergebnis! Wem das nicht reicht, der kann in Zukunft vielleicht auf Machine-Learning zurückgreifen, um Text nach seinen Vorstellungen zu formatieren, wie es jemand in diesem Video namens „Badness 0“ demonstriert [https://www.youtube.com/watch?v=Y65FRxE7uMc]. [00:35:20] WebKit-Bug bei Ligaturen So stark WebKit allerdings bei Typografie sonst ist, bei einer Sache verkackt er hart: Bei der Berechnung der Laufweite von Ligaturen. Ligaturen sind eine fantastische Sache und ermöglichen es, Fonts regelrecht zu programmieren. Schrift-Entwicklerin Ulrike Rausch bildet hier die Speerspitze mit ihren „Liebe“-Fonts [https://www.youtube.com/watch?v=IzqIDLgVZi8] und dem Font „Liebe Heide [https://liebefonts.com/fonts/liebeheide]“ im Speziellen. Ein wenig in das Thema eingetaucht ist Schepp neulich auch, als er mit Hilfe eines SVG und OpenType.js [https://github.com/opentypejs/opentype.js] (master Branch) eine Ligatur in eine Schrift eingebaut hat, welche alle Vorkommen eines bestimmten Wortes im Text-Rendering automatisch durch die SVG-Grafik ersetzt. Diese Grafik läuft allerdings weiter als der damit ersetzte Text. Chrome und Firefox bemerken da

Revision 670: Neuerungen in WebKit

Dieses Interview ist der letzte von 3 Teilen unserer Serie On Tour @ #headinthecloud. Head in the Cloud [https://www.mittwald.de/lp/head-in-the-cloud?ref=workingdraft.de] ist eine Konferenz von Mittwald [https://www.mittwald.de/lp/workingdraft?ref=workingdraft.de], die am 13. Juni 2025 in Espelkamp stattfand.

Web Sustainability

Mit Thorsten Jonas [https://thorstenjonas.com/?ref=workingdraft.de] & Marvin Hötger [https://www.mittwald.de/blog/autoren/marvin-hoetger].

Eigentlich muss man sich vielmehr Gedanken machen, welchen Einfluss unsere Webseiten auf die Umwelt haben. Durch Chatbots, Bilder und vieles mehr kann man als Entwickler großen Einfluss auf den CO₂-Fußabdruck einer Webseite haben. Thorsten erklärt, warum das der Fall ist und welche Maßnahmen man noch so ergreifen kann. Marvin gibt einige Beispiele aus der Praxis.

Das Video zum Talk wird zeitnah auf dem YouTube Kanal von Mittwald [https://www.youtube.com/@mittwald] verfügbar sein.

On Tour @ #headinthecloud – Web Sustainability mit Thorsten Jonas & Marvin
Hötger

In dieser Revision sprechen Vanessa und Schepp mit Jannik Lehmann (LinkedIn [https://www.linkedin.com/in/janniklehmann?originalSubdomain=de]), Senior Frontend Developer bei GitLab, darüber, wie man Chat-Applikationen mit gängigen LLM-APIs erstellt. Dabei geht er auf verschiedenste Stolpersteine ein, spricht über Streaming und warum der Kontext so wichtig ist.

Unser Sponsor



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft [https://mittwald.de/workingdraft?ref=workingdraft.de] und buch dein erstes Projekt!

Schaunotizen

[00:01:42] Chat-Applikationen mit gängigen LLM-APIs LLM-APIs unterscheiden sich in zwei zentralen Punkten von klassischen APIs: Erstens sind die Antworten nicht deterministisch – das bedeutet, dass ein identischer Prompt bei jedem Request ein anderes Ergebnis liefern kann. Zweitens kommen die Antworten gestreamt an – oft in Form von Text-Chunks, die schrittweise per Server Sent Events [https://developer.mozilla.org/de-DE/docs/Web/API/Server-sent_events/Using_server-sent_events] (SSE) an den Client geliefert werden.

Ein typischer Request beginnt mit einem einfachen Prompt [https://docs.anthropic.com/en/docs/build-with-claude/prompt-engineering/overview] als Plaintext. Die Antwort wird dann dynamisch in Markdown-Form gestreamt. Doch genau dieses gestreamte Markdown bringt etliche Stolperfallen mit: Von XSS- und Prompt-Injection-Risiken über unvollständige Mermaid [https://mermaid.js.org/]-Diagramme bis hin zu halbfertigen Flowcharts und weiteren seltsamen Markdown-Konstrukten, die ein LLM ausgeben kann.

Hier lohnt ein Exkurs in das Thema streambare vs. nicht streambare Dateiformate: HTML ist beispielsweise streambar, da der Browser Bit für Bit lesen und direkt rendern kann. Deshalb gibt es auch Metriken wie „First Meaningful Paint“ und Gründe dafür, warum ein Script-Tag lieber am Ende statt am Anfang einer HTML-Datei stehen sollte. Markdown hingegen ist nicht streambar – es braucht oft Kontext über mehrere Zeilen hinweg, bevor eine Darstellung sinnvoll möglich ist. Genau deshalb ist Markdown als Streaming-Format nicht ganz trivial zu handhaben.

Ein weiteres zentrales Thema ist der Kontext – oder vielmehr: wie wir mit ihm umgehen. Denn LLMs sind per se stateless. Das bedeutet: Jeder einzelne Request muss alles enthalten, was das Modell wissen soll – den Prompt, die bisherige Konversation, den System Prompt und ggf. auch hochgeladene Dateien. Aus Erfahrung wissen wir: Alle nutzen am Ende

Revision 669: Chat-Applikationen mit gängigen LLM-APIs

In dieser Folge reden wir mit Jürgen Geuter (Web [https://tante.cc/] / Mastodon [https://tldr.nettime.org/@tante] / LinkedIn [https://www.linkedin.com/in/tante/]), besser bekannt als „Tante“, darüber, wie KI den Alltag von Entwickler:innen verändert – oder eben auch nicht. Zwischen Pragmatismus, Kritik und ein paar Zukunftsfragen schauen wir gemeinsam auf den aktuellen Stand: Was bringt der Einsatz von KI in der Softwareentwicklung tatsächlich, was ist Wunschdenken – und wo wird’s vielleicht sogar gefährlich?

Unser Sponsor



Die KI-Revolution ist da – bist du bereit, sie aktiv zu gestalten?
Workshops.DE macht dich fit für die Praxis: In intensiven Schulungen lernst du, Künstliche Intelligenz nicht nur zu verstehen, sondern gezielt in Projekten einzusetzen. Ob vor Ort, remote oder als individuelle Firmenschulung – bring dein Team auf das nächste Level!Informier dich jetzt über die aktuellen Kurse und sichere dir deinen Platz auf workshops.de/ki [https://workshops.de/ki?ref=workingdraft.de].
Mit dem Rabatt-Code WORKINGDRAFT sparst du außerdem 10 % auf alle Schulungen!

Schaunotizen

[00:004:21] KI in der Praxis: Wo hilft sie – und wo (noch) nicht? Wir sprechen darüber, was KI für Entwickler:innen heute leisten kann – jenseits aller Visionen. Tante gibt Einblick in seine Erfahrungen mit Tools wie GitH ub Copilot und reflektiert, wie sehr sie wirklich in den Entwicklungsprozess eingreifen. Spoiler: Für viele bleibt KI eher eine Ergänzung als ein Ersatz. [00:30:11] Der neue Alltag: Produktivität, Frust und neue Abhängigkeiten Auch wenn manche mit KI produktiver arbeiten: Wir beleuchten, wo sie auch Probleme schafft – etwa durch falsche Sicherheit, fehlerhafte Vorschläge oder ein fragiles Vertrauen in Tools, die sich oft wie Blackboxes verhalten. [00:00:00] KI als Risikofaktor – von Bias bis Fehlnutzung Tante erklärt, warum es bei KI nicht nur um Code geht, sondern auch um Verantwortung: Wer trägt die Konsequenzen für Vorschläge, die sich später als falsch herausstellen? Und was passiert, wenn man sie unreflektiert übernimmt? [00:52:55] Arbeitswelt im Wandel: Was bleibt vom Beruf, wenn KI immer mehr übernimmt? Wird die Rolle von Entwickler:innen verschwinden – oder nur transformiert? Wir diskutieren, wie sich Erwartungen, Lernwege und Arbeitsabläufe verändern könnten. Und welche Kompetenzen in Zukunft wichtiger werden als Syntaxwissen.

Links

tante.cc [https://tante.cc/] Jürgens Blog mit Essays zu Technologie, Gesellschaft und digitaler Verantwortung.

Revision 668: KI im Alltag: Werkzeug, Hype oder Risiko?

Der wöchentliche Podcast für Webdesigner:innen und -entwickler:innen. Supported
uns bei Patreon: https://patreon.com/workingdraft

Working Draft