Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Collaboration
Webdesign

9 herramientas de colaboración en tiempo real para desarrolladores de código

by
Length:MediumLanguages:

Spanish (Español) translation by Elena Pari (you can also view the original English article)

La colaboración en tiempo real para codificar ha ido mejorando a un ritmo acelerado en los últimos años y esto ha influido en cómo los desarrolladores trabajan en los equipos que comparten la misma base de código. En este artículo, veremos algunas de las mejores herramientas disponibles actualmente.

Las herramientas

Apuesto a que todo desarrollador ha pasado en su carrera por momentos en los que ha necesitado compartir código u obtener ayuda con algo que no funciona como debe ser. Los escenarios típicos podrían ser demostraciones aisladas, copiar y pegar fragmentos de código o mandar el código a un repositorio.

Las siguientes herramientas (sin ningún orden en particular) han sido seleccionadas en base a la investigación, búsqueda de documentación y, en algunos casos, experiencia personal. Si bien algunas de las herramientas enumeradas requieren transferir el código para trabajar, la mayoría les permite a los desarrolladores mantener su código donde está.

1. Atom

Teletype es un paquete gratuito y de código abierto creado específicamente para Atom. Para aquellos preocupados por la privacidad, los datos compartidos fluyen a través de una conexión cifrada peer-to-peer. Los servidores nunca ven tus archivos o ediciones, manteniendo así la privacidad y minimizando la latencia entre tú y tus colaboradores.

The Teletype Corporation Model 28 Line of Equipment
Línea de equipos Teletype Corporation Modelo 28

Para instalar el paquete de Teletype ingresa la siguiente línea desde tu terminal usando el comando apm:

También puedes instalar Teletype desde tu administrador de paquetes. Solo ingresa "teletype" en la barra de búsqueda y, una vez instalado, sigue estos pasos:

  • Haz clic en el ícono de la antena en la barra de estado de Atom ubicada en la parte inferior derecha de la ventana del editor.
  • Autoriza Teletype a través de GitHub.
  • Elige Teletype en el menú de paquetes de Atom y selecciona Share portal (compartir portal).
  • Copia el ID del portal proporcionado en la parte inferior derecha de la ventana del editor.
  • Comparte el ID secreto del portal con los colaboradores a través del método que prefieras.
  • Cuando los colaboradores ingresen el ID de tu portal podrá unirse a él haciendo clic en Join (unirse).

Después de unirse a tu portal, los colaboradores verán una nueva pestaña en su área de trabajo que les permitirá ver y editar los contenidos de tu editor activo. Todos tendrán su propio cursor, y todos pueden escribir al mismo tiempo, pero solo el dueño puede guardar los cambios. Por ahora, Teletype solo transmite texto, por lo que es una buena idea combinarlo con una aplicación para comunicarse con voz. Los creadores esperan incorporar este tipo de características directamente en el paquete junto con una larga lista de otras mejoras.

2. Brackets

Este editor de código creado por Adobe permite colaborar en tiempo real a través de una extensión. Para empezar sigue estos pasos:

  • Abre la carpeta que contiene tu proyecto.
  • Presiona el ícono de sync (sincronización) en la barra de herramientas a la derecha.
  • Introduce el mismo ID de la sala.
  • Haz clic nuevamente en el botón de sync (sincronización) para salir de la sala, unirte a la llamada de voz o buscar código.

Brackets no permite usar el micrófono de forma predeterminada, pero puedes habilitar las llamadas de voz con el siguiente comando desde tu terminal:

La extensión apunta por defecto al servidor del autor y no se envía ningún código a través de otro servidor siempre que tu versión de Brackets sea compatible con WebRTC (la mayoría lo es).

3. Coda

Incluso los usuarios acérrimos de Coda tal vez no sepan que tiene una función para compartir archivos en tiempo real. Esta función para compartir archivos, originalmente desarrollada por Coding Monkeys, ha existido discretamente en Coda desde la versión 1. y permite que dos o más usuarios compartan archivos a través de una red LAN o con cualquier usuario remoto a través de la dirección IP de sus equipos, o una "URL de uso compartido" especial que le permite a un usuario remoto conectar con tu archivo. Esto permite que múltiples usuarios trabajen en el mismo archivo simultáneamente y en tiempo real.

Para usar esta función en tiempo real, los usuarios deben seleccionar la opción para compartir archivos del menú en preferencias del sistema. Una vez hecho esto:

  • Selecciona el archivo que deseas compartir.
  • Haz clic en Share (Compartir) y luego en el botón Bonjour en la parte inferior de la ventana del editor.
  • Copia la URL para compartir desde Menu (menú) > File (archivo) de Coda.
  • El usuario remoto hará clic en el enlace proporcionado (con Coda abierto) y tu archivo se abrirá automáticamente en su aplicación.

4. SublimeText

Remote Collab es un plugin de código abierto de SublimeText para la programación entre pares remotos, permitiendo así que varios desarrolladores trabajen juntos en el mismo proyecto y en tiempo real. Se puede instalar a través de Package Control y se encuentra en RemoteCollab.

  1. Abre el archivo que deseas editar de manera colaborativa.
  2. Abra la Paleta de comandos en el menú Tools (herramientas) > Command Palette (paleta de comandos).
  3. Elige Remote: Host Session.
  4. Dale tu dirección de IP a tu colega remoto.
  5. Abre la Paleta de comandos en el menú Tools (Herramientas) > Command Palette (Paleta de comandos).
  6. Elige Remote: Connect to Session (Conectarse a la sesión).
  7. Ingresa la dirección IP del usuario a cuya sesión deseas conectarte.
  8. Ya puedes editar colaborativamente un documento con dicho usuario.

5. CodePen

Si eres un profesional de CodePen, entonces seguro ya sabrás que tienes acceso a “Collab Mode” o “Modo de colaboración” para que más de una persona edite un Pen al mismo tiempo. Cuando abres Collab Mode, la URL de tu Pen cambiará en la barra de dirección de tu navegador. Copia esta URL de colaboración y compártala con las personas con las que desees trabajar.

Las herramientas basadas en la nube como CodePen requieren que los desarrolladores muevan segmentos o partes enteras de su trabajo al entorno alojado. Collab también incluye una función de chat para que los colaboradores se comuniquen entre sí durante la sesión. Cada vez que alguien escribe algo, aparece un borde verde en la parte inferior del botón de chat. Los colaboradores pueden editar y escribir al mismo tiempo, así como usar las herramientas Fork y Heart, pero no pueden guardar los cambios. También pueden agregar archivos externos y editar configuraciones pero no descripciones.

Dependiendo del plan que uses, podrás invitar a una determinada cantidad de colaboradores. En todo caso, solo el propietario del Pen necesita una suscripción pro; todos los demás pueden tener cuentas gratuitas o ser anónimos. Si estás colaborando en un Pen público y deseas guardar el progreso, puedes hacer clic en el botón Fork para guardar el estado exacto de tu progreso hasta ese momento. Es imprescindible contar con una gran herramienta para escenarios simples, cuando se trabaja en prototipos iniciales, demostraciones o incluso entrevistas de codificación.

6. Codeshare

Codeshare es un servicio de aplicación web con objetivos muy simples. Para usarlo debes transferir el código a su servicio desde tu entorno local, pero también tienes la posibilidad de hablar por video. Esto se puede usar para diferentes tipos de escenarios, como revisiones de código, entrevistas internas de contratación y aprendizaje, al mismo tiempo que puedes depurar código con tus colaboradores.

Compartir el código es gratis, pero solo se guarda por 24 horas, a menos que inicies sesión para crear una cuenta que te permita guardar el progreso.

7. Visual Studio

Visual Studio es un editor de Microsoft que ha funcionado bastante bien desde su lanzamiento y que también está desarrollando una extensión para la colaboración en tiempo real con otros usuarios de Visual Studio llamada “Live Share”. Live Share te permite compartir el contexto del código para una colaboración bidireccional instantánea.

A la fecha de este artículo, Live Share no está disponible para el público, pero tuve la suerte de que me lo mostrara uno de sus desarrolladores, David Khourshid.

Para comenzar a usar Live Share, necesitarás una extensión que hayas instalado y en la que hayas iniciado sesión con una cuenta de Microsoft, o que hayas autorizado usando tu cuenta de GitHub. Quien invita a colaborar debe enviar un enlace que vuelve a abrir el editor en la sesión de Live Share del colaborador, para que este pueda ver todos los archivos del proyecto desde el panel de archivos del editor.

He aquí algunas observaciones a partir de mi vista previa:

  • El ícono en la parte inferior te permite encontrar el archivo que la persona está editando.
  • Puedes compartir un servidor local a través de un puerto. Para esto abre la paleta de comandos y busca Live Share Local Servers (servidores locales de Live Share).
  • Ambas partes pueden guardar el archivo en el que están trabajando.
  • Los proyectos de Node pueden realizar tareas tales como la depuración o debugging en vivo.

Actualmente uso Atom, pero quedé muy impresionado después de ver las posibilidades que Live Share le aporta a Visual Studio. Si eres usuario de Visual Studio, me complace decir que te espera un regalo muy grande.

8. Slack

Me sorprendí la primera vez que experimenté el poder de Screenhero (ahora integrado en Slack) que permite a los usuarios controlar su equipo de forma remota.

Una vez que se inicia la llamada de video, los colaboradores pueden resolver problemas como la depuración controlando su equipo de forma remota. Esta función es parte de cualquier plan pagado pero no está disponible en las cuentas gratuitas.

9. Codeanywhere

Este editor de código está diseñado pensando en la colaboración y proporciona una consola terminal incorporada para tareas de ssh, ftp/sftp, entre otras, que permite a los desarrolladores codificar desde cualquier lugar y desde cualquier plataforma.

Con Codeshare, la colaboración remota es muy fácil. Basta con enviar un enlace al colaborador. Los participantes que hagan clic en este enlace podrán ver una vista previa en el sitio web de Codanywhere, y cada enlace puede tener sus propios permisos únicos. Puedes compartir proyectos enteros, archivos o carpetas con cualquier otro desarrollador en cualquier parte del mundo. Haz clic en el ícono de tu colaborador mientras programan juntos y desplázate hasta su posición actual de su cursor. Puedes programar junto con uno o tantos colaboradores como quieras; no hay límite.

Reflexión para concluir

Actualmente hay muchas opciones disponibles para que varios desarrolladores puedan trabajar de manera eficiente entre ellos. ¿Has usado alguna de las herramientas mencionadas anteriormente? ¿Cuál funcionó y cuál no? ¿Observaste alguna particularidad durante tu experiencia o tienes algún consejo que te gustaría compartir? Cuéntanos en la sección de comentarios y ¡feliz codificación!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.