Runno

Runno es una herramienta que te permite añadir fragmentos de código interactivos y ejecutables directamente en tu sitio web. Se instala como un paquete de npm, añades unos cuantos componentes web a tu HTML y tus lectores pueden ejecutar, editar y experimentar inmediatamente con ejemplos de código en lenguajes como Python, Ruby y JavaScript. Todo el proceso ocurre en el navegador del usuario, impulsado por WebAssembly y la WebAssembly System Interface (WASI), por lo que no hace falta un servidor de backend ni que los usuarios instalen ningún software.

Funciona descargando binarios de WebAssembly para cada lenguaje de programación y ejecutándolos en un Web Worker en un entorno aislado con un sistema de archivos en memoria. Esta configuración imita un entorno de terminal similar a Unix. La herramienta es muy personalizable; puedes dar estilo al editor de código y a la salida de la terminal con tu propio CSS y controlar el comportamiento con JavaScript. Está construida sobre proyectos de código abierto como XTerm.js para la terminal y CodeMirror para el editor de código.

Runno es más útil para educadores, redactores técnicos y desarrolladores que crean tutoriales, documentación o cursos de programación. Elimina una barrera importante para el aprendizaje al permitir que los lectores prueben conceptos inmediatamente. Un blogger que explique una función de Python puede insertar un ejemplo funcional, y un sitio de documentación puede ofrecer consultas SQL en vivo. Convierte las muestras de código estáticas en herramientas de aprendizaje práctico.