9 Realtime codesamenwerkingshulpprogramma's voor ontwikkelaars

Realtime samenwerking in code is de laatste jaren in een snel tempo verbeterd, met een impact op de manier waarop ontwikkelaars werken binnen teams die dezelfde codebasis raken. In dit artikel duiken we enkele van de beste tools die vandaag beschikbaar zijn.

Het gereedschap

Ik wed dat mijn lunchgeld elke ontwikkelaar momenten in zijn carrière heeft meegemaakt wanneer hij code moet delen of wat hulp moet krijgen als iets gewoon niet zijn zin krijgt. Typische scenario's kunnen zijn: geïsoleerde demo's, kopiëren en plakken van fragmenten in gists, of het pushen van code naar een repository. 

De volgende hulpmiddelen (in willekeurige volgorde) zijn een selectie op basis van onderzoek, bladeren door documentatie en met een aantal; persoonlijke testen. Hoewel voor sommige tools een portering van code nodig is voor de workflow, staat de meerderheid toe dat ontwikkelaars hun code lokaal houden zonder de grote shuffle.

1. Atoom

Teletype is een gratis en open source-pakket speciaal gemaakt voor Atom. Voor degenen die zich bezighouden met privacy, stroomt gedeelde gegevens via een gecodeerde peer-to-peer-verbinding. Servers zien nooit uw bestanden of bewerkingen, waardoor de privacy wordt bewaard en de latentie tussen u en uw bijdragers tot een minimum wordt beperkt.

De Teletype Corporation Model 28-lijn van uitrusting

Om het Teletype-pakket te installeren, voert u de volgende regel in vanaf uw terminal met behulp van de apm commando:

 apm install teletype

U kunt ook Teletype installeren vanuit uw pakketbeheerder door "teletype" in de zoekbalk in te voeren. Na de installatie volgt u deze reeks stappen:

  • Klik op de antenne pictogram in de statusbalk Atomen rechtsonder in het editorvenster.
  • Autoriseer Teletype via GitHub.
  • Kies Teletype in het pakketmenu van Atom en selecteer deel portal.
  • Kopieer de Portal ID die rechtsonder in je editorvenster staat.
  • Deel de geheime ID van de portal met medewerkers via uw voorkeursmethode.
  • Bijdragers komen uw portal binnen door op te klikken toetreden in het samenwerkingsvenster zodra ze uw unieke portal-ID hebben ingevoerd.

Nadat u zich bij uw portal hebt aangemeld, zien bijdragers een nieuw tabblad in hun werkruimte waarmee ze de inhoud van uw actieve editor kunnen bekijken en bewerken. Iedereen krijgt zijn eigen cursor en iedereen kan tegelijkertijd typen; maar alleen de eigenaar kan opslaan. Voorlopig verzendt Teletype alleen tekst, dus het is een goed idee om het te combineren met een toepassing voor spraakcommunicatie. Uiteindelijk hopen de makers dit soort functies direct in het pakket op te nemen, samen met een lange lijst van andere verbeteringen.

  • teletype.atom.io
  • teletype op GitHub
  • Codeer in realtime samen met Teletype for Atom
  • Introductie van Teletype for Atom: codeer in realtime samen
  • Teletype van Atom op YouTube Zachary R Newton

2. Beugels

Deze code-editor van Adobe maakt het mogelijk om real-time samen te werken via een extensie. Volg deze stappen om aan de slag te gaan:

  • Open de map met uw project.
  • druk de synchroniseren pictogram op de rechter werkbalk.
  • Voer dezelfde kamer-ID in.
  • Klik op de synchroniseren opnieuw om de kamer te verlaten, deel te nemen aan de spraakoproep of de code op te halen.

Haakjes staan ​​standaard geen microfoontoegang toe, maar u kunt spraakoproepen inschakelen door haakjes te starten met de volgende opdracht vanuit uw terminal:

haakjes --args --enable-media-stream

De extensie verwijst standaard naar de server van een auteur en er wordt geen code verzonden via een andere server zolang uw versie van Brackets WebRTC ondersteunt (de meeste doen).

  • http://brackets.io
  • multihack-haakjes op GitHub
  • multihack.github.io (webversie)

3. Coda

Die harde Coda-gebruikers weten misschien niet dat er al een real-time functie voor bestandsdeling is meegeleverd. Oorspronkelijk ontwikkeld door Coding Monkeys, heeft deze functie voor het delen van bestanden sinds versie 1 stilletjes in Coda gewoond. Hiermee kunnen twee of meer gebruikers bestanden delen via een LAN, of met een externe gebruiker via het IP-adres van uw computer, of een speciale "Sharing URL" om een ​​externe gebruiker met uw bestand te verbinden. Hierdoor kunnen meerdere gebruikers gelijktijdig in real-time aan hetzelfde bestand werken.

Om te beginnen, vereist deze realtime functie dat gebruikers de bestanden delen optie uit hun systeemvoorkeurenmenu. Eenmaal klaar:

  • Selecteer het bestand dat u wilt delen.
  • Klik Delen gevolgd door de Bonjour knop onderaan het venster van de editor.
  • Kopieer de share-URL van Coda's menu> bestand.
  • De externe gebruiker klikt op de verstrekte link (met Coda open) en uw bestand wordt automatisch geopend in hun toepassing.
  • coda homepage
  • Coda's Unsung Feature

4. SublimeText

Collab op afstand is een opensource SublimeText-plug-in voor programmeren op afstand, waardoor meerdere ontwikkelaars in realtime aan hetzelfde project kunnen werken. Het kan worden geïnstalleerd via Pakketcontrole en gevonden onder RemoteCollab.

  1. Open het bestand dat u gezamenlijk wilt bewerken.
  2. Open het Command Palet met behulp van het menu-item Hulpmiddelen> Opdrachtenpalet.
  3. Kiezen Extern: Hostsessie.
  4. Geef uw IP-adres aan de externe collega.
  5. Open het opdrachtpalet met het submenu-item Sublime Hulpmiddelen> Opdrachtenpalet.
  6. Kiezen Remote: verbinding maken met sessie.
  7. Voer het IP-adres in van de host van wie u verbinding wilt maken.
  8. U werkt nu gezamenlijk aan het bewerken van een document met de host.
  • RemoteCollab (gratis / OS)
  • remote-verheven (gratis / OS)
  • floobits (tegen betaling)
  • floobits-sublime op GitHub (betaald)

5. CodePen

Als u een professional bent op CodePen, weet u al dat u toegang heeft tot de "Collab-modus", waardoor meer dan één persoon tegelijkertijd een pen kan bewerken. Wanneer u de Collab-modus opent, verandert de URL van uw pen in de adresbalk van uw browser. Kopieer deze bijgeleverde collab-URL en deel deze met de mensen waarmee je wilt samenwerken.

Cloud-gebaseerde tools zoals CodePen vereisen dat ontwikkelaars delen of volledige stukken van hun workflow verplaatsen naar een gehoste omgeving. Collab heeft ook een chatfunctie waarmee je tijdens je sessie kunt communiceren. Elke keer dat iemand typt is er een melding aangegeven als een groene rand onder aan de chatknop. Bijdragers kunnen tegelijkertijd bewerken en typen, maar medewerkers kunnen niet opslaan, maar kunnen vork en hart gebruiken. Medewerkers kunnen zelfs externe bestanden toevoegen en instellingen bewerken, maar geen beschrijvingen.

Afhankelijk van je abonnement ben je beperkt tot het aantal bijdragers dat kan worden uitgenodigd, en alleen de eigenaar van de pen heeft een pro-abonnement nodig; iedereen kan gratis accounts hebben of anoniem zijn. Als u samenwerkt aan een openbare pen en de voortgang wilt opslaan, klikt u op de Vork om de exacte staat op te slaan op het moment van uw huidige voortgang. Een geweldige tool voor eenvoudige scenario's bij het werken aan eerste prototypen, demo's of zelfs coderingsinterviews is een must.

  • codepen.io
  • Collab-modus op CodePen-blog
  • Collab Session op Vimeo

6. Codeshare

Codeshare is een web-app-service die zeer simplistisch is in zijn doelen. Het vereist nog steeds dat de code wordt overgezet naar zijn service vanuit uw lokale omgeving, maar het biedt u ook de mogelijkheid om over video te praten. Dit kan worden gebruikt voor verschillende soorten scenario's, zoals codebeoordelingen, interne wervingsinterviews en leren terwijl het nog steeds de mogelijkheid biedt om code te debuggen met peers. 

Het delen van code is gratis, maar blijft slechts 24 uur bewaard, tenzij u zich aanmeldt om een ​​account aan te maken waarmee u uw voortgang kunt opslaan.

  • codeshare.io

7. Visual Studio

Visual Studio is een editor van Microsoft die sinds de release behoorlijk populair was. Het werkt ook aan een extensie voor real-time samenwerking met andere Visual Studio-gebruikers, genaamd "Live Share". Met Live Share kunt u de context van de code delen, zodat u onmiddellijk een bi-directionele samenwerking krijgt.

Op dit moment van schrijven is Live Share niet beschikbaar voor het publiek, maar ik had het geluk om een ​​rondleiding te krijgen van een van de ontwikkelaars David Khourshid.

Als u Live Share wilt gaan gebruiken, heeft u een extensie nodig die is geïnstalleerd en aangemeld met een Microsoft-account of die is geautoriseerd met uw GitHub-account. De inviter stuurt vervolgens een link die uw editor opnieuw opent aan het eind van de bijdrager met de Live Share-sessie, waardoor bijdragers de mogelijkheid hebben om de volledige projectbestanden te bekijken vanuit het deelvenster van het editorsbestand.

Hier zijn enkele opmerkingen gemaakt tijdens mijn voorbeeld:

  • Pictogram onderaan toont het bestand dat de persoon aan het bewerken is.
  • Kan een lokale server delen via een poort door het opdrachtpalet te openen en te zoeken naar Live Share Local Servers.
  • Beide zijden kunnen het bestand opslaan waaraan gewerkt wordt.
  • Knooppuntprojecten kunnen taken uitvoeren zoals live-foutopsporing.

Ik ben momenteel een Atom-gebruiker, maar ik was diep onder de indruk na mijn rondleiding over de mogelijkheden die Live Share biedt voor Visual Studio. Als je een gebruiker van Visual Studio bent, ben ik blij om te zeggen dat je een heel grote traktatie verwacht.

  • code.visualstudio.com
  • Introductie van Visual Studio Live Share
  • VS-code: presentatie van de kracht van real-time samenwerking (en andere coole functies) op YouTube
  • Introductie van Visual Studio Live Share-video

8. Slack

Ik was gevloerd toen ik voor het eerst de kracht van Screenhero (nu geïntegreerd in Slack) ervaart waarmee gebruikers uw machine op afstand kunnen bedienen.

Zodra het videogesprek is gestart, kunnen medewerkers problemen oplossen, zoals foutopsporing, terwijl u uw machine op afstand bestuurt. Deze functie maakt deel uit van een betaald plan, maar is niet beschikbaar voor gratis accounts.

  • slack.com
  • Deel uw scherm met Slack Calls
  • Screen Hero voor Remote Pair Programming scherm delen op YouTube

9. Codeanywhere

Deze codebewerker is gebouwd met medewerking in het achterhoofd en biedt een ingebouwde terminalconsole voor taken zoals ssh, ftp / sftp waarmee ontwikkelaars overal vanaf elk platform kunnen coderen. 

Met Codeshare is samenwerken op afstand net zo eenvoudig als het verzenden van een deellink naar een bijdrager. Deelnemers die op deze link klikken, krijgen een voorbeeld op de website van Codanywhere en elk aandeel kan zijn eigen unieke rechten hebben. U kunt hele projecten, bestanden of mappen delen met andere ontwikkelaars overal ter wereld. Klik op het pictogram van uw mede-bijdrager terwijl u programmeert en scroll naar hun huidige cursorpositie. Koppel een programma met één of zoveel bijdragers die u wilt; er is geen limiet.

  • codeanywhere.com
  • Codeanywhere-prijzen
  • Codeanywhere-documenten 

Afscheid nemen van gedachten

Er zijn vandaag zeker voldoende opties beschikbaar voor meerdere ontwikkelaars om efficiënt met elkaar te werken. Heeft u een van de bovengenoemde hulpmiddelen gebruikt? Wat werkte en wat niet? Heb je tijdens je ervaring idiosyncrasies of tips gehad die je graag wilde delen? Laat het ons weten in de comments hieronder en blije codering!