El 'snippet' o fragmento de código viene a ser al desarrollador de software lo que el ladrillo es al albañil. Bueno, más o menos. En cualquier caso, resulta muy útil tener a mano herramientas que faciliten su colección (y con ella, su reutilización) o su compartición con otros programadores, con objetivos formativos o de consulta en foros.

Pero, ¿qué herramientas tenemos a nuestra disposición para ello? Hoy te traemos cuatro de ellas, todas gratuitas o freemium, que cubren un amplio espectro de necesidades:

Code Snip

Code Snip es un 'gestor gratuito de fragmentos de código' en la nube que te permite clasificar tus fragmentos por lenguaje y categoría (cada categoría con su propio código de color), 'favearlos', seleccionar la sintaxis y 'theme' con que se visualizan, así como tener la opción de compartirlos convirtiéndolos en 'snippets' públicos. Una herramienta sencilla, que se comenta en pocas líneas, pero eficaz y centrada en cumplir con su función.

CodeKeep

El nombre de CodeKeep es una referencia indisimulada a Google Keep, y es que esta app en la nube pretende ser a los fragmentos de código lo que la aplicación de Google es a las notas. Como en aquella, las carpetas, etiquetas y favoritos nos ayudarán a gestionar nuestra colección. La única (gran) diferencia es que lo que guardemos en CodeKeep será todo público mientras no paguemos por una cuenta premium.

Pero si ese detalle no te importa demasiado, quizá encuentres útil la opción de importar fragmentos de código directamente a CodeKeep desde tu navegador Chrome o desde VSCode, haciendo uso de la extensión homónima. Y eso no es todo: también cuenta con un magnífico creador de capturas de código que permite personalizar la tipografía, la imagen de fondo, etc.

En Genbeta

Estos han sido los fragmentos de código más 'copypasteados' en Stack Overflow durante las últimas semanas

Carbon

Si, al leer la descripción de la herramienta anterior, has pensado que a ti se sobraría y bastaría con una herramienta que permitiera compartir el código 'bonito' en formato imagen, sin complicarte con colecciones de snippets categorizados, tu herramienta, sin duda, es Carbon.

Podrás personalizar el esquema de colores, la sintaxis, etc… y luego compartir el resultado en redes o descargarlo como PNG o imagen vectorial.

Code Sololearn

Code Sololearn es una plataforma de cursos online con funciones añadidas de almacenamiento de snippets, pero ésta no está pensada para gestionar colecciones complejas (no ofrece la opción de categorizar por lenguajes, etiquetar, etc.), sino únicamente para almacenar y compartir fragmentos individuales.

Eso sí, añade una función interesante que está ausente en sus competidores: la posibilidad de ejecutar el código en una columna adyacente (que permite desplegar también salida de consola).

La interfaz puede adaptarse al lenguaje con el que estemos trabajando. Así, cuando seleccionamos crear 'código web', se nos mostrarán tres columnas de código en lugar de una, para poder trabajar de manera independiente con el HTML, el CSS y el JavaScript (ver imagen de ejemplo).

Aunque la barra de menús de macOS a veces está repleta de iconos (ahí es donde entra en acción Bartender), lo cierto es que es un buen lugar para tener siempre a mano tus aplicaciones y páginas web favoritas.

Esa es la idea detrás de Superbar, una aplicación completamente gratuita creada por el desarrollador estonio Rainer Selvet. Su creador presume de que sólo pesa 4MB, será gratis de por vida y que ha sido escrita en Swift.

Abre varias aplicaciones con un solo click

Para descargarla, debemos establecer el precio que consideramos "justo", aunque tienes la oportunidad de probarla gratis (colocando 0$) y luego decidir si quieres apoyar a este desarrollador.

Una vez que la hayamos instalado, aparecerá el icono de Superbar (un rayo) en la barra de menús. Una de las cosas que más me gusta es que, por defecto, ya viene un acceso directo para activar o desactivar el modo oscuro de macOS.

En Genbeta

El nuevo macOS 10.15 Catalina llega con iTunes dividido en tres y la posibilidad de usar el iPad como segunda pantalla del Mac

Si queremos editar los accesos directos, tendremos que hacer click sobre Edit (o CMD+E). Se nos abrirá una ventana de TextEdit en la que podremos ir estableciendo manualmente los enlaces que queramos.

Un punto positivo es que ofrece soporte para emojis, así será más fácil identificar de un vistazo rápido cada acceso directo. Una vez que hayamos acabado, guardamos el documento y en Superbar hacemos click en "Reload" para ver los cambios.

Es genial para poder establecer diferentes espacios de trabajo y mantenerlos organizados. Por ejemplo, por defecto viene activado uno llamado "Work", con el que podrás iniciar Slack + Spotify con un solo click.

Como vemos, las posibilidades son casi infinitas. Habrá que dedicarle un rato a pensar qué cosas necesitamos y cómo queremos organizarlas, pero con este esfuerzo podrás ahorrar mucho tiempo en tu día a día.

Aprovechando la salida de Fresh AIR Apps, una de las aplicaciones que le podemos sacar más uso, sobre todo si trabajamos con snippets, es Snippely.

No hace falta decir que Snippely funciona bajo la plataforma Adobe AIR, aunque si hay que indicar que su uso es bastante intuitivo. Basta sólamente con crear grupos, y dentro de ellos crear entradas o snippets. Dentro de cada una de las entradas podemos agregar tanto códigos como notas queramos, pudiendo más tarde modificar su orden con tan sólo arrastrarlos a otro lugar.

Sin duda es una gran herramienta, ya que combina la sencillez de uso y el ser multiplataforma gracias a la tecnología de Adobe AIR, lo que nos permitirá ejecutarlo en las principales plataformas de escritorio para almacenar nuestros códigos, textos, memorias, contraseñas, y todo aquello susceptible de guardarse en texto plano.

Vía | Fresh AIR Apps Enlace | Snippely

Enfocado a los desarrolladores, Posteet es un marcador social que permite almacenar consejos, trucos y snippets o fragmentos de código de diferentes lenguajes de programación. Para ello, los desarrolladores tienen varias vías para recolectar snippets en sus propias cuentas: de forma completamente manual, añadiéndolos desde otros usuarios que lo tengan compartido y a través de un par de bookmarklets.

Todos estos scripts o fragmentos de códigos que los desarrolladores añadan en sus cuentas estarán categorízadas por el lenguaje de programación al que pertenecen, y donde podrán ir acompañadas de notas, de etiquetas y de sus niveles de privacidad, bien público o privado.

Además, se podrán comentar y ver su código fuente. Cualquier desarrollador podrá crear su propia lista de seguimiento de usuarios, de manera que le permitirá saber cuando cualquier usuario de su lista ha publicado otros códigos de forma compartida.

También, en un momento dado, podrá buscar fragmentos de código a través de las nubes de etiquetas o buscando dentro de los fragmentos compartidos de todos los usuarios, de su lista de seguimiento o dentro de su propia lista.

Vía | FeedMyApp Enlace | Posteet

Igual que tenemos servicios para almacenar y catalogar enlaces favoritos, para almacenar contenidos de la web favoritos (Google Notebook o Clipmarks para dejarlo más claro), también tenemos marcadores de códigos fuente. Desde Genbeta hemos hablado de algunos de ellos, aunque ahora traemos dos más:

• Kelpi: Se trata de una herramienta sencilla, básica y con las funciones mínimas para que los usuarios añadan sus códigos bajo unas determinadas etiquetas, de manera que otros usuarios puedan descargárselos si les hacen falta y comentarlos. Permite la búsqueda por el buscador y a través de la nube de etiquetas.

• Naslu: Naslu es una herramienta más completa para guardar y compartir códigos fuente. Cada vez que añadimos un nuevo código fuente, nos permite añadir más información, con sus etiquetas, lenguajes de programación, versión o nivel de privacidad (público por defecto), así como archivos asociados. Podrás añadir nuevos contactos y ver sus códigos fuente añadidos, además de poder valorarlos y comentarlos. Por cada código no dispone de opción directa para pasarla a tu lista pero si de un código html para añadir el código fuente a tu web.

Ambos son mejorables, pero son opciones que tenemos para almacenar y compartir nuestros códigos fuente o snippets.

Vía | Wwwhat´s new Enlace | Kelpi Enlace | Naslu

Ahora vengo a hablarles de un simple marcador social que nos permite guardar cualquier tipo de anotaciones, snippets (fragmentos de códigos), e incluso enlaces, y como suele ser habitual, nuestras entradas, llamadas en esta ocasión celdas, pueden ser de acceso público o privado, estando clasificadas por etiquetas.

Beengo es la herramienta de las que les he venido a hablar, conocida como el almacenamiento del conocimiento, la cual es divida en anotaciones, snippets y enlaces, constituyendo nuestras celdas de nuestros conocimientos, que siempre podemos acceder a ellas en cualquier momento dado para usarlas e incluso editarlas, y puede ser de gran interés para los desarrolladores, aunque ya hemos hablado de otras herramientas anteriormente que permiten almacenar los snippets.

Vía | BuzzShout Enlace | Beengo