9 strumenti di collaborazione in tempo reale per sviluppatori

Negli ultimi anni la collaborazione in tempo reale è migliorata rapidamente, influenzando il modo in cui gli sviluppatori lavorano all'interno di team che utilizzano lo stesso codice base. In questo articolo ci tufferemo in alcuni dei migliori strumenti disponibili oggi.

Gli attrezzi

Scommetto i miei soldi per il pranzo in cui uno sviluppatore ha vissuto momenti della sua carriera quando hanno bisogno di condividere il codice o ottenere assistenza quando qualcosa non va per la loro strada. Gli scenari tipici possono includere demo isolate, copiare e incollare snippet in gogg o inserire codice in un repository. 

I seguenti strumenti (in nessun ordine particolare) sono una selezione basata sulla ricerca, la navigazione sulla documentazione e con alcuni; test personali. Mentre alcuni strumenti elencati richiedono un porting di codice per il flusso di lavoro, la maggior parte consente agli sviluppatori di mantenere il proprio codice locale senza il grande shuffle.

1. Atom

Teletype è un pacchetto gratuito e open source creato appositamente per Atom. Per coloro che si occupano di privacy, i dati condivisi scorrono su una connessione peer-to-peer crittografata. I server non vedono mai i tuoi file o le tue modifiche, mantenendo così la privacy e riducendo al minimo la latenza tra te e i tuoi collaboratori.

La linea di apparecchiature modello 28 di Teletype Corporation

Per installare il pacchetto Teletype, inserisci la seguente riga dal tuo terminale usando APM comando:

 apm installa teletype

Puoi anche installare Teletype dal tuo gestore di pacchetti inserendo "teletype" nella barra di ricerca. Una volta installato, segui questa sequenza di passaggi:

  • Clicca il antenna icona nella barra di stato Atom situata in basso a destra nella finestra dell'editor.
  • Autorizza Teletype tramite GitHub.
  • Scegli Teletype dal menu pacchetto di Atom e seleziona condividere il portale.
  • Copia l'ID del portale fornito in basso a destra nella finestra dell'editor.
  • Condividi l'ID segreto del portale con i collaboratori tramite il tuo metodo preferito.
  • I collaboratori inseriscono il tuo portale facendo clic Aderire nella finestra di collaborazione una volta inserito il tuo ID portale univoco.

Dopo aver aderito al tuo portale, i collaboratori visualizzano una nuova scheda nel loro spazio di lavoro che consente loro di visualizzare e modificare i contenuti del tuo editor attivo. Ognuno ottiene il proprio cursore e tutti possono digitare allo stesso tempo; ma solo il proprietario può salvare. Per ora, Teletype trasmette solo testo, quindi è una buona idea combinarlo con un'applicazione per la comunicazione vocale. In definitiva, i creatori sperano di incorporare questo tipo di funzionalità direttamente nel pacchetto insieme a una lunga lista di altri miglioramenti.

  • teletype.atom.io
  • Teletype su GitHub
  • Codice insieme in tempo reale con Teletype per Atom
  • Presentazione di Teletype per Atom: codice collaborativo in tempo reale
  • Teletype di Atom su YouTube Zachary R Newton

2. Parentesi

Questo editor di codice di Adobe consente la possibilità di collaborazione in tempo reale tramite un'estensione. Per iniziare, segui questi passaggi:

  • Apri la cartella contenente il tuo progetto.
  • premi il sincronizzare icona sulla barra degli strumenti destra.
  • Inserisci lo stesso ID della camera.
  • Clicca il sincronizzare di nuovo per uscire dalla stanza, partecipare alla chiamata vocale o recuperare il codice.

Le parentesi non consentono l'accesso al microfono per impostazione predefinita, ma è possibile abilitare le chiamate vocali avviando le parentesi con il seguente comando dal terminale:

parentesi --args --enable-media-stream

L'estensione punta al server di un autore per impostazione predefinita e nessun codice viene inviato attraverso un altro server purché la tua versione di Brackets supporti WebRTC (la maggior parte lo fa).

  • http://brackets.io
  • staffe multi-attacco su GitHub
  • multihack.github.io (versione web)

3. Coda

Gli utenti difficili di Coda potrebbero non sapere che è già inclusa una funzionalità di condivisione dei file in tempo reale. Sviluppato originariamente da Coding Monkeys, questa funzione di condivisione file è vissuta all'interno della Coda in modo discreto dalla versione 1. Consente a due o più utenti di condividere file su una LAN, o con qualsiasi utente remoto tramite l'indirizzo IP del computer, o uno speciale "URL di condivisione" per connettere un utente remoto al tuo file. Ciò consente a più utenti di lavorare contemporaneamente sullo stesso file in tempo reale.

Per iniziare, questa funzionalità in tempo reale richiederà agli utenti di selezionare il condivisione di file opzione dal menu delle preferenze di sistema. Una volta completato:

  • Seleziona il file che desideri condividere.
  • Clic Condividere seguito dal Buongiorno pulsante nella parte inferiore della finestra dell'editor.
  • Copia l'URL di condivisione da Coda menu> file.
  • L'utente remoto farà clic sul collegamento fornito (con Coda aperto) e il file verrà automaticamente aperto nella sua applicazione.
  • homepage coda
  • Coda's Unsung Feature

4. SublimeText

Remote Collab è un plug-in SublimeText open source per la programmazione di coppie remote, consentendo a più sviluppatori di lavorare insieme sullo stesso progetto in tempo reale. Può essere installato tramite Controllo del pacchetto e trovato sotto RemoteCollab.

  1. Apri il file che desideri modificare in modo collaborativo.
  2. Aprire la tavolozza comandi usando la voce di menu Strumenti> Palette comandi.
  3. Scegliere Remoto: sessione host.
  4. Dai il tuo indirizzo IP al collega remoto.
  5. Apri la palette dei comandi usando la voce di menu di Sublime Strumenti> Palette comandi.
  6. Scegliere Remoto: Connetti a sessione.
  7. Inserire l'indirizzo IP dell'host di cui si desidera connettersi alla sessione.
  8. Ora stai collaborando alla modifica di un documento con l'host.
  • RemoteCollab (libero / OS)
  • remote-sublimi (libero / OS)
  • floobits (a pagamento)
  • floobits-sublime su GitHub (a pagamento)

5. CodePen

Se sei un professionista su CodePen, saprai già che hai accesso a "Collab Mode" che consente a più persone di modificare una penna contemporaneamente. Quando apri la modalità Collab, l'URL della penna cambierà nella barra degli indirizzi del browser. Copia l'URL di collaborazione fornito e condividilo con le persone con cui desideri collaborare.

Gli strumenti basati su cloud come CodePen richiedono agli sviluppatori di spostare parti o interi pezzi del loro flusso di lavoro in un ambiente ospitato. Collab è dotato anche di una funzione di chat, che consente la comunicazione tra loro durante la sessione. Ogni volta che qualcuno digita, c'è una notifica indicata come un bordo verde nella parte inferiore del pulsante di chat. I collaboratori possono modificare e digitare allo stesso tempo, tuttavia i collaboratori non possono salvare, ma possono dare forzi e cuore. I collaboratori possono persino aggiungere file esterni e modificare le impostazioni, ma non le descrizioni.

A seconda del piano, sarai limitato alla quantità di collaboratori che possono essere invitati e solo il proprietario della penna ha bisogno di un abbonamento pro; tutti gli altri possono avere account gratuiti o essere anonimi. Se stai collaborando a una penna pubblica e vuoi salvare i progressi, puoi fare clic su Forchetta pulsante per salvare lo stato esatto in quel momento del tuo attuale progresso. Un ottimo strumento per scenari semplici quando si lavora su prototipi iniziali, demo o persino interviste di codifica è un must.

  • codepen.io
  • Collab Mode sul blog CodePen
  • Collab Session on Vimeo

6. Codeshare

Codeshare è un servizio di app web che è molto semplicistico nei suoi obiettivi. Richiede comunque che il codice venga trasferito sul proprio servizio dall'ambiente locale, ma offre anche la possibilità di parlare tramite video. Questo può essere utilizzato per diversi tipi di scenari come recensioni di codice, interviste per assunzioni interne e apprendimento pur offrendo la possibilità di eseguire il debug del codice con i pari. 

Il codice di condivisione è gratuito, ma rimane salvato per 24 ore a meno che tu non effettui il login per creare un account che ti dia la possibilità di salvare i tuoi progressi.

  • codeshare.io

7. Visual Studio

Visual Studio è un editor di Microsoft che ha avuto una corsa piuttosto calda dalla sua uscita. Sta anche lavorando su un'estensione per la collaborazione in tempo reale con altri utenti di Visual Studio chiamati "Live Share". Live Share ti consente di condividere il contesto del codice, in modo da ottenere una collaborazione immediata e bidirezionale.

In questo momento in cui scrivo, Live Share non è disponibile al pubblico, ma ho avuto la fortuna di avere un tour da uno dei suoi sviluppatori David Khourshid.

Per iniziare a utilizzare Live Share avrai bisogno di un'estensione installata e registrata con un account Microsoft, oppure autorizzata usando il tuo account GitHub. L'inviter invierà quindi un link che riapre il tuo editor sul lato del collaboratore con la sessione Live Share, dando ai collaboratori la possibilità di visualizzare l'intero file del progetto dal riquadro dei file degli editor.

Ecco alcune osservazioni fatte durante la mia anteprima:

  • L'icona in basso ti consente di trovare il file che la persona sta modificando.
  • È possibile condividere un server locale tramite una porta aprendo la tavolozza comandi e cercare i server locali di Live Share.
  • Entrambe le parti possono salvare il file su cui si sta lavorando.
  • I progetti di nodi possono eseguire attività come il debug live.

Attualmente sono un utente di Atom, ma sono rimasto molto colpito dopo il mio tour delle funzionalità che Live Share porta a Visual Studio. Se sei un utente di Visual Studio, sono felice di dire che ti aspetta una festa molto grande.

  • code.visualstudio.com
  • Presentazione di Visual Studio Live Share
  • Codice VS: mostra la potenza della collaborazione in tempo reale (e altre caratteristiche interessanti) su YouTube
  • Presentazione del video di Share Studio Live Share

8. Slack

Sono rimasto senza parole quando ho sperimentato per la prima volta il potere di Screenhero (ora integrato in Slack) che consente agli utenti di controllare la tua macchina da remoto.

Una volta avviata la videochiamata, i collaboratori possono esaminare problemi come il debugging mentre si controlla il computer da remoto. Questa funzione fa parte di qualsiasi piano a pagamento, ma non è disponibile per gli account gratuiti.

  • slack.com
  • Condividi il tuo schermo con Slack Calls
  • Screen Hero per la condivisione dello schermo di programmazione Remote Pair su YouTube

9. Codeanywhere

Questo editor di codice è stato creato pensando alla collaborazione, fornendo una console di terminale integrata per attività come ssh, ftp / sftp che consente agli sviluppatori di codificare da qualsiasi luogo su qualsiasi piattaforma. 

Con Codeshare la collaborazione remota è facile come inviare un link di condivisione a un collaboratore. I partecipanti che fanno clic su questo link di condivisione riceveranno un'anteprima sul sito Web di Codanywhere e ciascuna condivisione può disporre di proprie autorizzazioni uniche. Puoi condividere interi progetti, file o cartelle con qualsiasi altro sviluppatore in qualsiasi parte del mondo. Fai clic sull'icona del tuo collega di lavoro durante la programmazione della coppia e scorri fino alla posizione corrente del cursore. Associare il programma a uno o più collaboratori desiderati; non c'è limite.

  • codeanywhere.com
  • Codeanywhere prezzi
  • Codeanywhere doc 

Pensieri di separazione

Ci sono certamente un sacco di opzioni disponibili oggi per più sviluppatori di lavorare efficientemente l'uno con l'altro. Hai usato uno degli strumenti sopra menzionati? Cosa ha funzionato e cosa no? Hai provato qualche idiosincrasia durante la tua esperienza o suggerimenti che vorresti condividere? Fateci sapere nei commenti qui sotto e felice codifica!