9 outils de collaboration de code en temps réel pour les développeurs

La collaboration de code en temps réel s'est améliorée rapidement ces dernières années, ce qui a eu une incidence sur la manière dont les développeurs travaillent au sein d'équipes travaillant sur la même base de code. Dans cet article, nous allons plonger dans certains des meilleurs outils disponibles aujourd'hui.

Les outils

Je parie que mon argent de midi que n'importe quel développeur a connu des moments de sa carrière où ils ont besoin de partager du code ou d'obtenir de l'aide quand quelque chose ne va pas. Les scénarios typiques peuvent impliquer des démonstrations isolées, copier et coller des extraits dans des listes de contrôle ou envoyer du code dans un référentiel.. 

Les outils suivants (sans ordre particulier) constituent une sélection basée sur la recherche, la consultation de la documentation, et avec certains; tests personnels. Certains outils listés nécessiteront un portage du code pour le flux de travail, mais la majorité permet aux développeurs de garder leur code local sans subir de gros calculs..

1. Atome

Teletype est un progiciel gratuit et à code source ouvert créé spécifiquement pour Atom. Pour les personnes concernées par la confidentialité, les données partagées transitent via une connexion chiffrée d'égal à égal. Les serveurs ne voient jamais vos fichiers ni vos modifications, préservant ainsi la confidentialité et réduisant le temps de latence entre vous et vos collaborateurs..

La ligne d'équipement de Teletype Corporation modèle 28

Pour installer le forfait Télétype, entrez la ligne suivante à partir de votre terminal à l'aide de la touche apm commander:

 apm installer teletype

Vous pouvez également installer Teletype à partir de votre gestionnaire de paquets en entrant «teletype» dans la barre de recherche. Une fois installé, suivez cette séquence d'étapes:

  • Clique le antenne icône dans la barre d'état Atom située en bas à droite de la fenêtre de l'éditeur.
  • Autoriser le télétype via GitHub.
  • Choisissez Télétype dans le menu du paquet d’Atom et sélectionnez portail de partage.
  • Copiez l'ID de portail fourni en bas à droite de la fenêtre de votre éditeur..
  • Partagez l'ID secret du portail avec vos collaborateurs via votre méthode préférée.
  • Les collaborateurs entrent dans votre portail en cliquant sur Joindre dans la fenêtre de collaboration une fois qu'ils ont entré votre identifiant de portail unique.

Une fois qu'ils ont rejoint votre portail, les collaborateurs voient un nouvel onglet dans leur espace de travail qui leur permet d'afficher et de modifier le contenu de votre éditeur actif. Chacun a son propre curseur, et tout le monde peut taper en même temps; mais seul le propriétaire peut enregistrer. Pour l'instant, Teletype ne transmet que du texte. Il est donc judicieux de le combiner avec une application de communication vocale. En fin de compte, les créateurs espèrent intégrer ce type de fonctionnalités directement dans le package, ainsi qu'une longue liste d'autres améliorations..

  • teletype.atom.io
  • télétype sur GitHub
  • Coder ensemble en temps réel avec Teletype for Atom
  • Présentation de Teletype for Atom: coder en collaboration en temps réel
  • Télétype d'Atom sur YouTube Zachary R Newton

2. supports

Cet éditeur de code d'Adobe permet de collaborer en temps réel via une extension. Pour commencer, suivez ces étapes:

  • Ouvrez le dossier contenant votre projet.
  • appuyez sur la synchroniser icône dans la barre d'outils de droite.
  • Entrez le même ID de salle.
  • Clique le synchroniser Appuyez à nouveau sur le bouton pour quitter la pièce, rejoindre l'appel vocal ou récupérer le code..

Les crochets ne permettent pas l'accès au microphone par défaut, mais vous pouvez activer les appels vocaux en lançant des crochets à l'aide de la commande suivante à partir de votre terminal:

crochets --args --enable-media-stream

L'extension pointe par défaut sur le serveur de l'auteur et aucun code n'est envoyé via un autre serveur tant que votre version de Brackets prend en charge WebRTC (la plupart le sont)..

  • http://brackets.io
  • supports multi-hack sur GitHub
  • multihack.github.io (version Web)

3. Coda

Il est possible que les utilisateurs de Coda ignorent qu’une fonctionnalité de partage de fichiers en temps réel est déjà incluse. Développée à l'origine par Coding Monkeys, cette fonctionnalité de partage de fichiers évolue dans Coda depuis la version 1. Elle permet à deux utilisateurs ou plus de partager des fichiers sur un réseau local ou avec tout utilisateur distant via l'adresse IP de votre ordinateur ou une "URL de partage" spéciale connecter un utilisateur distant à votre fichier. Cela permet à plusieurs utilisateurs de travailler sur le même fichier simultanément en temps réel..

Pour commencer, cette fonctionnalité en temps réel obligera les utilisateurs à sélectionner le partage de fichiers option de leur menu de préférences système. Une fois complété:

  • Sélectionnez le fichier que vous souhaitez partager.
  • Cliquez sur Partager suivi du Bonjour bouton en bas de la fenêtre de votre éditeur.
  • Copier l'URL de partage de Coda menu> fichier.
  • L'utilisateur distant cliquera sur le lien fourni (avec Coda ouvert) et votre fichier s'ouvrira automatiquement dans son application..
  • page d'accueil coda
  • Caractéristique méconnue de Coda

4. SublimeText

Remote Collab est un plug-in open source SublimeText pour la programmation à distance par paire, permettant à plusieurs développeurs de travailler ensemble sur le même projet en temps réel. Il peut être installé via Contrôle des colis et trouvé sous RemoteCollab.

  1. Ouvrez le fichier que vous souhaitez éditer en collaboration.
  2. Ouvrir la palette de commandes à l'aide d'un élément de menu Outils> Palette de commandes.
  3. Choisir Remote: Session hôte.
  4. Donnez votre adresse IP au collègue distant.
  5. Ouvrez la palette de commandes en utilisant l'élément de menu de Sublime Outils> Palette de commandes.
  6. Choisir Remote: Se connecter à la session.
  7. Entrez l'adresse IP de l'hôte dont vous souhaitez vous connecter à la session..
  8. Vous êtes maintenant en train de modifier en collaboration un document avec l'hôte..
  • RemoteCollab (gratuit / OS)
  • sublime à distance (libre / OS)
  • floobits (payé)
  • floobits-sublime sur GitHub (payant)

5. CodePen

Si vous êtes un professionnel de CodePen, vous saurez déjà que vous avez accès au «mode Collab», qui permet à plusieurs personnes de modifier un stylo en même temps. Lorsque vous ouvrez le mode Collab, l'URL de votre stylo change dans la barre d'adresse de votre navigateur. Copiez cette URL de collab fournie et partagez-la avec les personnes avec lesquelles vous souhaitez collaborer..

Les outils en nuage tels que CodePen exigent des développeurs qu'ils déplacent des parties ou des parties entières de leur flux de travail dans un environnement hébergé. Collab est également livré avec une fonctionnalité de discussion en ligne, permettant la communication entre eux au cours de votre session. Chaque fois que quelqu'un tape, une notification apparaît sous la forme d'une bordure verte au bas du bouton de discussion. Les collaborateurs peuvent éditer et taper en même temps, mais ils ne peuvent pas enregistrer, mais peuvent créer des branches. Les collaborateurs peuvent même ajouter des fichiers externes et modifier les paramètres, mais pas les descriptions..

En fonction de votre forfait, vous serez limité au nombre de collaborateurs pouvant être invités. Seul le propriétaire du stylo a besoin d'un abonnement professionnel. tout le monde peut avoir des comptes gratuits ou être anonyme. Si vous collaborez sur un stylo public et souhaitez enregistrer la progression, vous pouvez cliquer sur le bouton Fourchette bouton pour enregistrer l’état exact à ce moment de votre progression actuelle. Un excellent outil pour les scénarios simples lorsque vous travaillez sur des prototypes initiaux, des démos ou même des entretiens de codage est indispensable..

  • codepen.io
  • Collab Mode sur le blog CodePen
  • Collab Session sur Vimeo

6. partage de code

Codeshare est un service d'applications Web très simple à atteindre. Il nécessite toujours que le code soit transféré sur son service depuis votre environnement local, mais il vous donne également la possibilité de parler en vidéo. Cela peut être utilisé pour différents types de scénarios, tels que la révision de code, les entretiens d'embauche internes et l'apprentissage, tout en offrant la possibilité de déboguer le code avec des pairs.. 

Le partage de code est gratuit, mais ne reste enregistré que pendant 24 heures, sauf si vous vous connectez pour créer un compte vous permettant d'enregistrer vos progrès..

  • codeshare.io

7. Visual Studio

Visual Studio est un éditeur de Microsoft qui a connu une exécution assez chaude depuis sa sortie. Il travaille également sur une extension de collaboration en temps réel avec d'autres utilisateurs de Visual Studio appelée «Live Share». Live Share vous permet de partager le contexte du code, pour une collaboration bidirectionnelle instantanée..

À l’heure actuelle, Live Share n’est pas accessible au public, mais j’ai eu la chance d’obtenir une tournée de l’un de ses développeurs, David Khourshid..

Pour commencer à utiliser Live Share, vous devez disposer d'une extension installée et connectée à un compte Microsoft ou autorisée à l'aide de votre compte GitHub. L'invité enverra ensuite un lien qui rouvrira votre éditeur du côté du collaborateur avec la session Live Share, ce qui donnera aux collaborateurs la possibilité d'afficher l'intégralité des fichiers du projet à partir du volet de fichiers de l'éditeur..

Voici quelques observations faites lors de mon aperçu:

  • L'icône en bas vous permet de trouver le fichier que la personne est en train de modifier..
  • Peut partager un serveur local via un port en ouvrant la palette de commandes et rechercher des serveurs locaux Live Share.
  • Les deux côtés peuvent sauvegarder le fichier en cours de traitement.
  • Les projets de nœuds peuvent accomplir des tâches telles que le débogage en direct.

Je suis actuellement un utilisateur Atom, mais j'ai été très impressionné par ma visite des fonctionnalités apportées par Live Share à Visual Studio. Si vous êtes un utilisateur de Visual Studio, je suis heureux de vous annoncer que vous allez vous régaler.

  • code.visualstudio.com
  • Présentation de Visual Studio Live Share
  • VS Code: Présentation de la puissance de la collaboration en temps réel (et autres fonctionnalités intéressantes) sur YouTube
  • Présentation de la vidéo Visual Studio Live Share

8. mou

J'ai été impressionné par la première fois que j'ai découvert la puissance de Screenhero (désormais intégré à Slack) qui permet aux utilisateurs de contrôler votre machine à distance..

Une fois l'appel vidéo lancé, les collaborateurs peuvent résoudre des problèmes tels que le débogage tout en contrôlant votre ordinateur à distance. Cette fonctionnalité fait partie de tout forfait payant, mais n'est pas disponible pour les comptes gratuits..

  • slack.com
  • Partagez votre écran avec Slack Calls
  • Screen Hero pour le partage d'écran de programmation par paire à distance sur YouTube

9. Codeanywhere

Cet éditeur de code est conçu dans un esprit de collaboration et fournit une console de terminal intégrée pour des tâches telles que ssh, ftp / sftp, permettant aux développeurs de coder depuis n'importe où sur n'importe quelle plate-forme.. 

Avec Codeshare, la collaboration à distance est aussi simple que d’envoyer un lien de partage à un collaborateur. Les participants qui cliquent sur ce lien de partage en auront un aperçu sur le site Web de Codanywhere. Chaque partage peut disposer de ses propres autorisations. Vous pouvez partager des projets, des fichiers ou des dossiers entiers avec tout autre développeur, partout dans le monde. Cliquez sur l'icône de votre collègue lors de la programmation en paire et faites défiler jusqu'à la position actuelle du curseur. Jumelez le programme avec un ou autant de collaborateurs que vous voulez; il n'y a pas de limites.

  • codeanywhere.com
  • Prix ​​Codeanywhere
  • Codeanywhere docs 

Pensées Parting

Il existe aujourd'hui de nombreuses options permettant à plusieurs développeurs de travailler efficacement les uns avec les autres. Avez-vous utilisé l'un des outils mentionnés ci-dessus? Qu'est-ce qui a fonctionné et qu'est-ce qui n'a pas fonctionné? Avez-vous rencontré des particularités au cours de votre expérience ou des conseils que vous aimeriez partager? Faites-nous savoir dans les commentaires ci-dessous et codage heureux!