Revision 731: Comics, Vektordatenbanken und Offline First. Mit Robert Weber.

Wir sprechen mit Robert Weber über ComicBox, sein privates Comic-Sammlungsprojekt, das aus einem sehr konkreten Problem entstanden ist: Auf Comicmessen wollte er nicht länger versehentlich Hefte kaufen, die bereits im Regal stehen. Aus einer Katalog-App ist über mehrere Jahre ein technisch ziemlich umfangreiches Webprojekt geworden.

Dabei geht es vor allem um visuelle Suche, Embeddings und Vektordatenbanken, aber auch um PWAs, Offline-First, lokale Datenhaltung und Synchronisation. Robert erzählt, welche Technologien er ausprobiert und wieder verworfen hat und wie ComicBox schließlich bei seinem heutigen Stack gelandet ist.

Unser Sponsor

code.talks 2026 — 4. & 5. November, Kinopolis Hamburg.

Norddeutschlands größte Developer-Konferenz, seit 2010: 3.500 Entwickler:innen, 100+ Talks, 14 Tracks — von GenAI über Architecture und Security bis Frontend, DevEx und Geek-Out. 90% der Talks ohne Sponsor dahinter, kuratiert von Praktiker:innen statt von Event-Teams. Auf der Bühne u.a. Eric Evans, Dex Horthy und viele mehr.

Im Ticket enthalten: Alles!! Alle Sessions, à la carte Lunch, Drinks, Popcorn & Nachos und die Party auf der Reeperbahn.

Mit unserem Code WORKINGDRAFT15 spart ihr nochmal 15% bis Mitte Oktober auf euer Ticket.

Schaut euch durch die Agenda und seid dabei: 👉 codetalks.com.

Shownotes

[00:00:00] ComicBox: Comics erkennen und verwalten Robert sammelt seit vielen Jahren Comics und nutzte früher unter anderem ComicKeeper. Der Impuls für eine eigene App kam bei Besuchen der Comicmesse Berlin, wo bei einer größeren Sammlung schnell versehentlich ein bereits vorhandenes Heft im Einkaufsbeutel landet. Als Datengrundlage verwendet ComicBox die Grand Comics Database. Neben klassischer Text- und Barcode-Suche mit QuaggaJS sollte vor allem ein Foto des Covers genügen, um ein Comic zu identifizieren. Dafür werden die Cover mit einem Bildencoder in Embeddings umgewandelt und per Vektorsuche miteinander verglichen. Nach ersten Experimenten mit pgvector verwendet Robert inzwischen Typesense. Auch das Embedding-Modell wechselte mehrfach, bis er bei DINOv3 landete, das selbst ähnliche Cover erstaunlich zuverlässig auseinanderhalten kann. Frühere Versuche, Fotos mit jscanify und OpenCV zuzuschneiden und zu begradigen, wurden dadurch weitgehend überflüssig.

Mit Transformers.js erzeugt ComicBox die Embeddings möglichst direkt auf dem Gerät, auf geeigneter Hardware beschleunigt durch WebGPU. Weil schwächere Geräte dafür deutlich länger brauchen können, entscheidet ein Benchmark, ob die Berechnung lokal oder auf dem Server erfolgt. Die App ist als PWA konzipiert und soll möglichst viel lokal vorhalten. Für die geräteübergreifende Synchronisation experimentierte Robert zunächst mit