Blog

De developers toolbox, dit is ons gereedschap

Geschreven door: Jan Raedschelders 6 reacties

Onze developers gebruiken heel wat interessante tools om hun workflow te optimaliseren. Sommige ervan zul je vast wel kennen, andere heb je misschien nog nooit gezien. In deze blogpost laten we de developers aan het woord, over de tools die zij gebruiken om door de code de website nog te zien. Wie weet vind je in deze blogpost wel een tool waarmee jouw coding experience een stuk aangenamer wordt.

Hoe ziet de gereedschapskist van onze designers eruit.

In ons team heeft vrijwel iedere developer wel zijn specialiteit en gebruikt ieder afzonderlijk enkele tools om die specialiteit te benutten. Deze tools kunnen een enorme hulp bieden om het schrijven van duizenden regels code vlotter te laten verlopen. Een kort overzicht van de software van onze developers:

Chris Ramakers:

  • TextMate
    Mijn texteditor bij voorkeur, biedt een heleboel mogelijkheden dankzij de bundles en is zeer makkelijk uit te breiden. Daarnaast biedt TextMate ook nog de mogelijkheid om met projecten te werken. Enige minpuntje is het totale gebrek aan FTP support maar dankzij Transmit is dat probleem te verwaarlozen.
  • Transmit
    Hands down de beste FTP client. Met de introductie van "Mountable disks" heeft Panic een extra feature toegevoegd die naar mijn mening de waarde van Transmit gigantisch vergroot. Met 1 klik eender welke (S)FTP site in je Transmit favorieten mounten als disk in Finder, dat is pure magie en geniaal.
  • Google Chrome en Firefox
    Natuurlijk heb je als webdeveloper een browser nodig. Mijn voorkeur gaat sinds een jaar ongeveer uit naar Chrome. Chrome met de Web inspector heeft wat mij betreft de kroon van Firefox overgenomen als developer tool bij uitstek. Chrome is sneller, completer en stabieler dan Firefox. Ook met de release van Firefox 4 ben ik een beetje terleurgesteld in de snelheid van de browser dus blijf ik bij Chrome.
  • Charles
    Voor wie veel bezig is met Ajax en front-end ontwikkeling is Charles een onmisbare tool. Charles stelt me in staan om het http verkeer in detail op te volgen en eventueel bepaalde POST requests vanuit Charles tot in het oneindige te herhalen tot eindelijk die ene kleine bug verdwenen is. Ook de response formatting van JSON, XML en HTML is zeer handig! Charles biedt een aantal dingen bovenop Firebug/DeveloperTools die zeker meer dan de moeite zijn.
  • Terminal
    Git, SSH, bash scripts, ... ik gebruik Terminal elke dag meer en meer. En telkens vind ik iets wat je in Terminal veel sneller kan dan met bestaande tools. Snel een script schrijven dat onbestaande translations uit ons framework vist? Met een bash script is dit in enkele regels te doen. Git gebruiken? Geef mij maar commandline.

Stijn Janssen:

  • TextMate
    Een enorm uitgebreide teksteditor die zowat alles aankan. De geavanceerde functies zijn niet altijd even simpel maar eens je ermee weg bent zijn ze onmisbaar!
  • Terminal
    Onmisbaar voor een developer. Met Terminal kan je allerhande taken snel uitvoeren, van het uitvoeren van git commando's tot het beheren van een server via een SSH-connectie.
  • Chrome
    Meer bepaald de browser. Je beste vriend of grootste vijand.
  • Virtualbox
    Testen moet je altijd doen. Als Mac-gebruiker moet je ook testen op Internet Explorer. Met Virtualbox hebben we onze eigen test-pc waarin we alle Windows-versies van de browsers kunnen testen.

Bart Geraerts

  • Aptana Studio Professional
    Zoals sommige designers verknocht zijn aan Photoshop, zweer ik bij Aptana als IDE. Ik gebruik dit nu al enkele jaren en heb mijn weg hierin gevonden. Uiteraard is Aptana niet op alle vlak een uitblinker, zo mis ik bijvoorbeeld het makkelijk overschakelen naar SSH, iets wat ik bij Mac gebruikers vaak zie.
  • PuTTY
    Voor SSH toegang tot de server gebruik ik de PuTTY client. Zo kan ik via command line servers aanspreken.
  • FileZilla
    Ik gebruik de FileZilla FTP client om makkelijk bestanden te kunnen up- of downloaden.
  • Adobe Photoshop CS3
    Als slicer maak ik ook gebruik van Photoshop om de designs om te zetten naar HTML. Ook kleine grafische aanpassingen doe ik hiermee.
  • PHP.net, StackOverflow en dergelijken
    Wanneer er zich problemen voordoen loont het altijd de moeite om zelf eerst op zoek te gaan naar oplossingen. De documentatie van PHP en websites zoals StackOverflow bieden vaak een uitweg.

Dirk Bonhomme

  • Coda
    De editor die alles aankan: PHP, Javascript, Smarty, CSS, HTML, ... met fijne integratie van SVN en (S)FTP. Coda is hier de hele dag actief en is dus na mijn browser de belangrijkste tool.
  • Smultron / Fraise
    Simpele editor voor snelle aanpassingen of om even notities in te nemen. 
  • Transmit
    De über FTP client zoals eerder besproken
  • Lipsum.org
    Simpele site die ik dagelijks gebruik om Lorem ipsum fragmenten van te kopiëren. Stiekem kopieer ik altijd de omschrijvende tekst op de homepage en niet de lorem ipsum.
  • Firefox / Firebug / Developers toolbar
    Ondanks de opkomst van developer tools voor Chrome en Opera is dit toch nog steeds mijn favoriete debug omgeving. Front-end developen zonder is gewoon onmogelijk.
  • Dashboard plaknotities
    Op mijn dashboard zijn altijd enkele plaknotities actief. Soms voor reminders, soms voor tijdelijke notities tijdens het werken. Save a tree!

Kim Ausloos

  • Terminal
    scp, vim, ssh, wget, screen, ... allemaal zeer goede redenen om deze tool nooit af te sluiten! Zeker in combinatie met macports (http://www.macports.org/) om extra CLI utils onder OSX te installeren. Ook handig is de Visor plugin waarmee je een hotkey kunt toewijzen om je Terminal venster te laten verschijnen, Quake console style: http://visor.binaryage.com/
  • Adium
    Als je snel iets moet vragen aan een collega developer, designer of PM is deze IM tool onmisbaar. Hij kan zowat elk protocol aan en is uitgebreid in te stellen. Enkel voor Mac: http://adium.im/
  • Een deftige browser
    Persoonlijk gebruik ik regelmatig een andere browser om mee te werken, Firefox 4, Safari of Chrome. Aangezien deze allemaal prima developer tools hebben is eens veranderen af en toe geen probleem.
  • Dropbox
    Als deze tool nog uitleg nodig heeft moet je dringend eens wat bijlezen.
  • Grooveshark
    De meeste developers hebben graag wat muziek tijdens het ontwikkelen, al is het maar om het rumoer van een doorsnee kantoor te dempen. Dankzij grooveshark is er nooit een gebrek aan muziek en je kan er zowat elk genre op terugvinden./
  • LAMP stack
    Hoewel dit niet de doorsnee tool is die webdevelopers opnoemen is deze toch onmisbaar. Uiteraard bestaan er alternatieven voor elk onderdeel uit deze stack, toch is bij ons de meest gebruikte de doorsnee LAMP stack

Tom Claus

  • Chrome
    Websites maken zonder een goede en snelle browser is haast onmogelijk. Chrome is hierin je beste vriend en met behulp van zijn inspector die voorzien is van cod completion, is sites live aanpassen kinderspel. De Pendule plugin voorziet je Chrome nog van die extra's die voor een webdeveloper onmisbaar zijn. 
  • MAMP
    Lokaal enkele websites in een test omgeving draaien is kinderspel met MAMP. MAMP is een Apache server, voorzien van MySQL, PHP 5.2 en PHP5.3 voor Mac OSX. In de Pro versie heb je ook de mogelijkheid om vhosts op een zeer gemakkelijke manier aan te maken en te beheren. Dit alles in een zeer gebruiksvriendelijke interface.
  • Transmit
    Gewoonweg de beste FTP-client voor Mac OSX! Mappen syncen, bestanden en mappen excluden en gewoonweg razendsnel uploaden.
  • Forrst.com
    Een beetje de Dribbble voor developers. Je vind hier tal van code snippets terug en ook handige links naar interessante blogartikels.
  • StackOverflow.com
    Bij eender welk probleem dat gerelateerd is met PHP, MySQL of server instellingen dat je googelt zal je gegarandeerd een StackOverflow link tegenkomen. Dit is gewoon de place2be voor al je codeerproblemen. Het staat je ook steeds vrij hier andere mensen te helpen.

Dieter Verjans

  • Adobe Creative Suite 5
    Als allround-developer maak ik dagelijks gebruik van programma's zoals Photoshop en Flash.
In het begin maakte ik gebruik van Dreamweaver om te programmeren, nu in mindere mate.
  • Coda
    Nog niet zo lang geleden ben ik overgeschakeld naar Mac en testte ik Coda op aanraden van collega's. Nu is Coda mijn hoofd editor waar ik mij dagelijks mee bezig houd.
  • Chrome
    Steekt met hoofd en schouder uit bij mij wat betreft de browser voor ontwikkelaars, geen extra plugins nodig, alles wat ik nodig heb zit ingebakken in Chrome.
  • Virtualbox
    Omdat alle projecten binnen Inventis crossbrowser opgeleverd worden kan Virtualbox zeker niet ontbreken. We hebben wel een Windows test PC, maar deze is niet handig om bugs op te lossen. Met Virtualbox kun je op je Mac Windows draaien om je projecten te testen.

Wim Hendrikx

  • Netbeans
    IDE die vlot werkt op Mac met auto-upload naar FTP bij opslaan.
  • Coda
    Slimme teksteditor om snel aanpassingen te doen op een remote server.
  • Firefox (Firebug & Webdeveloper toolbar)
    Naar mijn mening nog steeds de handigste toolset om te slicen. 
  • Virtualbox
    Cross-browser testing in windows.
  • Versions & Gity
    Voor versiebeheer gebruik ik Versions voor SVN en Gity voor Git alhoewel de Terminal ook wel eens van pas kan komen.
  • Gmail webmail + Notify
    Zie niet in waarom ik een desktop applicatie zou moeten hebben om mijn mails te beheren, de webmail van Gmail doet precies wat het moet doen en doet het ook nog eens snel. Zijn sterktes: labels; supersnel zoeken (ook in Google Talk gesprekken); conversaties; verzonden mail annuleren (Labs functie). 
    Notify laat mij weten wanneer een mailtje binnen komt en kan dit met meerdere accounts tegelijk. Van nieuwe mails kan ik direct een preview bekijken, verwijderen, markeren als gelezen, archiveren of openen in Gmail.
  • Adobe Photoshop CS5
    Ik kan me niet voorstellen om te slicen zonder Photoshop. Zorg er wel voor dat je kleurenprofielen correct staan ingesteld!


Heb je zelf nog een leuke aanvulling op deze lijst? Aarzel dan niet om te reageren.

6 Reacties op deze blogpost:

Jim
Timmy
Door Timmy op 08 april 2011

Toch verbaasd dat er niemand PHPStorm gebruikt. Deze IDE is toch tig malen beter dan Aptana en Netbeans, tesamen.

ChrisR
Door ChrisR op 08 april 2011

@Timmy
Ik heb de voorbije maand de trial van PHPStorm geprobeerd en moet inderdaad zeggen dat deze IDE met voorsprong de beste is die we tot nutoe gebruikt hebben. Alleen is het niet simpel om investeringen in andere IDE's (zoals Zend Studio) even in de prullenbak te smijten om over te schakelen naar PHPStorm.

Daarbij komt dat over het algemeen iedereen hier liever met een lightweight editor werkt dan met een IDE. In sommige gevallen is een IDE een must, maar in de meest van onze projecten is de overkill aan features van een IDE net dat wat je van je werk houdt.

Ik verkies nog altijd textmate boven PHPStorm of Zend Studio.

Sacha
Door Sacha op 12 april 2011

Voor de Mac developers die Lipsum.org gebruiken. Check LittleIpsum in de App Store. Gratis en ontzettend handig!

Nicky
Door Nicky op 02 mei 2011

Toch raar dat sommige zeer goede programma's slechts voor 1 systeem worden gemaakt. Transmit en Coda had ik graag eens uitgeprobeerd maar met een Windows systeem wordt dat moeilijk.

Het vinden van de 'beste' IDE is ook haast onmogelijk, je mist altijd wel ergens een handige functie die ergens anders bestaat.

Vic
Door Vic op 16 mei 2011

Even die VirtualBox bekijken, tnx

tip: als je "lorem" + TAB in Textmate type, heb je direct je stukje dummy tekst

- git client Tower
- Skitch voor het maken screenshots en aantekeningen?

grtz

Reageer ook op dit artikel

U kan optioneel inloggen met Twitter of Facebook. U krijgt dan de mogelijk om uw reactie ook te delen via Twitter of Facebook
Login with twitter
Aanmelden