Interaktive Code-Playgrounds sind wunderbar. Die Moeglichkeit, schnell mit Ideen zu experimentieren, ist wirklich hilfreich fuer mein persoenliches und berufliches Lernen. Kotlin ist die neueste Ergaenzung zu meinem Skillset, und zusaetzlich zu ihrer ausgezeichneten Dokumentation bieten sie einen interaktiven Playground unter https://play.kotlinlang.org.

Das siehst du, wenn du die Seite zum ersten Mal besuchst.

Vielleicht haben andere Sprachen das jetzt auch - ich habe nicht nachgeschaut. Als ich die meisten Sprachen lernte, die ich kenne, gab es so etwas nicht. Ich wurde zuerst mit Xcode an Code-Playgrounds herangefuehrt, aber die waren nicht in eine Website eingebettet und man konnte sie nicht einfach ueber einen Link teilen.

Als Autor auf Medium teile ich regelmaessig Code mit Lesern, entweder mit einfachen Code-Bloecken oder eingebetteten GitHub Gists. Der Einfachheit halber bleibe ich normalerweise bei Block-Code, weil ich den Artikel und den Code im selben Dokument haben moechte. Besonders jetzt, wo Medium Syntax-Highlighting unterstuetzt, habe ich Code-Bloecke gegenueber Gists bevorzugt.

Mit der Moeglichkeit, interaktiven Code in meine Artikel einzubetten, koennte ich die Dinge ein wenig aendern.

Lass mich jetzt zeigen, wie einfach es ist.

Ich habe den urspruenglichen Code in ein ausfuehrbares Beispiel umgewandelt. Hinweis: Es ist nicht als sinnvolles Beispiel gedacht.

Wenn du den “Run”-Button drueckst, erweitert sich das Fenster, um den Ausgabebereich anzuzeigen.

Der Code-Block kann durch Klicken auf “Share code” geteilt werden.

Wenn der Code ueber ein iframe eingebettet wird, kopiere die erste Zeile. Klicke auf “Medium” und fuege diese erste Zeile direkt in deinen Medium-Artikel ein.

Das habe ich mit dem obigen Snippet gemacht. Das Ergebnis:

https://pl.kotl.in/0CVdngU2D

Das ist so toll!

Hoffentlich findest du das nuetzlich.

Vielen Dank fuers Lesen!