Wenn du nach einer Code-Screenshot-App fürs iPhone gesucht hast, hast du vermutlich eine Übersicht erwartet. Zehn Apps, eine Vergleichstabelle, einen Sieger.
Die gibt es nicht zu schreiben. Wer sucht, findet Web-Werkzeuge, die man in Safari öffnet, und Code-Editoren, die Syntax einfärben, aber keine teilbaren Bilder erzeugen. Die Kategorie, die auf dem Schreibtisch im Überfluss existiert, existiert als native iPhone-Software kaum.
Das ist eine merkwürdige Lücke für etwas, das so viele Entwickler tun, und sie zu verstehen lohnt sich, bevor du dich mit dem erstbesten Browser-Tab zufriedengibst.
Offenlegung, bevor du weiterliest: Wir machen Codeshot, eine der wenigen nativen Optionen, und sie ist nicht kostenlos. Der letzte Abschnitt sagt, wer sie nicht kaufen sollte. So sieht sie auf einem iPhone aus, damit klar ist, wofür hier argumentiert wird:
Was du tatsächlich findest
Web-Werkzeuge. Carbon.now.sh, ray.so und ein langer Schwanz ähnlicher Seiten. Das sind die echten Platzhirsche. Sie funktionieren auf dem Telefon in dem Sinne, dass die Seite lädt.
Code-Editoren. Textastic und Koder sind wirklich gute native iOS-Apps, die Code einfärben. Keine von beiden versucht, ein gestaltetes Bild für einen Beitrag zu erzeugen — dafür ist ein Editor schlicht nicht da.
Sehr wenig dazwischen. Diese Lücke ist das ganze Thema dieser Seite.
Fairerweise zum App Store: Er ist groß, und es mag durchaus etwas geben, das weder wir noch eine Suche zutage fördern. Aber dass man suchen muss, ist selbst schon der Befund. Auf dem Desktop ist diese Kategorie bis zur Parodie überfüllt.
Warum die Lücke existiert
Nicht, weil es niemand will. Sondern wegen dessen, was das Ding in der Herstellung kostet.
Ein Code-Screenshot-Werkzeug besteht aus drei Teilen, die miteinander übereinstimmen müssen. Eine Syntax-Hervorhebung, die genug Sprachen abdeckt, um nützlich zu sein — das heißt, einen Satz Grammatiken auszuliefern und zu pflegen, nicht einen regulären Ausdruck zu schreiben. Ein Renderer, der Text mit der richtigen Schrift, den richtigen Abständen und der richtigen Fensterdekoration setzt und jedes Mal dieselben Pixel erzeugt. Eine Export-Pipeline, die sauber skaliert und an das übergibt, wohin das Bild geht.
Im Web sind alle drei nahezu umsonst. Der Browser hat schon eine Layout-Engine, highlight.js ist ein Script-Tag, und Export ist ein Canvas. Deshalb existiert Carbon überhaupt, und deshalb sind auch die dutzend Werkzeuge, die folgten, Webseiten — die Grenzkosten des nächsten sind sehr gering.
Nativ ist das Gegenteil. Du bringst deine eigene Hervorhebung mit, dein eigenes Textlayout, dein eigenes Rendering. Und anders als bei einem Web-Tool kannst du einen Fix nicht durch einen Push auf einen Branch ausliefern.
Der Anreiz hat also immer in Richtung Browser gezeigt. Die Apps, die doch nativ gingen, gingen dorthin, wo sich nativ auszahlt: Editoren, wo man ohnehin echte Textbehandlung braucht.
Was kaputtgeht, wenn ein Web-Tool auf ein Telefon trifft
Nichts Dramatisches. Es ist Reibung, dreifach, jedes Mal.
Den Code hineinbekommen. Der Editor ist ein Web-Textfeld. Auswahlgriffe, Cursor und Autokorrektur verhalten sich wie in jedem anderen Web-Feld unter iOS — nicht so, wie sich ein Code-Editor verhält.
Irgendetwas einstellen. Carbons Prämisse ist, dass alles einstellbar ist: Theme, Schrift, Innenabstand, Hintergrund, Skalierung. Am Schreibtisch ist das eine Reihe von Menüs, die du überfliegst. Auf dem Telefon sind es kleine Ziele, nach denen du suchst, und jedes verdeckt die Vorschau, die du gerade anpasst. ray.so übersteht das besser, gerade weil es weniger bietet.
Das Bild herausbekommen. Der Export ist ein Browser-Download. Unter iOS heißt das: Die Datei landet irgendwo, und du gehst sie suchen, statt direkt in die App zu wechseln, aus der du posten wolltest.
Einmal im Monat spielt nichts davon eine Rolle. Wöchentlich sind es jedes Mal dieselben drei Kämpfe.
Was nativ tatsächlich bringt
Drei Dinge, und alle betreffen die Enden, nicht die Mitte.
Die Zwischenablage ist ein Tipp. Dank universeller Zwischenablage liegt das am Mac Kopierte schon auf dem Telefon. Eine native App kann es direkt nehmen.
Der Export geht ins Teilen-Menü. Kein Download — direkt in Nachrichten, Slack, einen Beitragsentwurf, Dateien oder die Fotos-App.
Deine Einstellungen bleiben. Theme, Hintergrund und Verhältnis sind noch das, was du zuletzt gewählt hast — der Hauptgrund, warum das zehnte Bild Sekunden statt Minuten dauert.
Es gibt ein viertes, das manchen wichtig ist und anderen gar nicht: Dein Code landet nie auf einer Webseite. Wenn du Kundenarbeit oder ein unveröffentlichtes Feature einfügst, kann dieser Unterschied für jemanden über dir zählen, auch wenn er für dich nicht zählt.
Was solltest du also nehmen
Ab und zu — ray.so in Safari. Kostenlos, wenige genug Optionen, dass ein kleiner Bildschirm kein Problem wird, gutes Ergebnis. Ein kostenloses Werkzeug, das du zweimal im Monat benutzt, muss nicht ersetzt werden.
Überwiegend am Schreibtisch — Carbon.now.sh am Mac, und hör auf, das am Telefon zu versuchen. Es ist kostenlos, quelloffen und ausgezeichnet dort, wo es benutzt werden sollte.
Regelmäßig, vom Telefon aus — dafür ist nativ da. Codeshot ist eine native App für Mac und iPhone: mit einem Tipp aus der Zwischenablage einfügen, 30 Syntax-Themes, 60 aus dem Code selbst erkannte Sprachen, Verhältnis-Voreinstellungen von 1:1 bis 9:16, und Export ins Teilen-Menü.
Nie — der eingebaute Screenshot. Er hält die Breite deines Telefons fest statt der deines Codes, und die Zeilen sind schon umbrochen, bevor du irgendetwas drückst.
Wer unsere nicht kaufen sollte
Sie kostet 5,99 $ und läuft nur auf Apple-Geräten. Jedes Web-Werkzeug auf dieser Seite ist kostenlos und läuft überall.
Wenn du ein Code-Bild im Monat machst, ist ray.so die richtige Antwort, und uns wäre lieber, du nähmst es. Wenn du weder iPhone noch Mac hast, steht diese Entscheidung gar nicht an. Und wenn deine Bilder immer am Schreibtisch entstehen, ist Carbon dort kostenlos und sehr gut.
Der Fall für eine native App ist eng und konkret: Du machst das oft, du machst es vom Telefon aus, und die Reibung kostet dich inzwischen mehr als die App.
Wenn das auf dich zutrifft, führt Code auf dem iPhone als Bild festhalten einmal komplett durch, und Carbon.now.sh auf dem iPhone geht tiefer auf das ein, was im Browser kaputtgeht.