Mes principaux outils en développement Web

Il en faut peu pour être heureux

J'aime mon métier et il me le rend bien. Cependant, il existe des outils qui me le facilite tous les jours, et je vous propose d'en découvrir certains, si le coeur vous en dit!

Pour développer, il faut un éditeur de Texte

A mes débuts j'ai beaucoup utilisé Vim (GNU/Linux) surtout parce que je ne connaissais quasiment que celui-là et puis qu'il répondait (et répond toujours) à mes besoins. Mais bon, un jour, je me suis dit, il existe des interfaces graphiques, autant voir ce qui se fait autour de ce sujet. Je me suis très rapidement, et très logiquement penché vers des IDE complets type Eclipse. Mais bon, les temps d'ouverture chronophages de ces logiciels m'ont très vite découragés. Du coup je me suis renouvelé et ai utilisé pendant plusieurs années le très bon Notepad++. J'ai rarement été déçu par cet éditeur de texte qui correspondait à mes besoins de l'époque:

• Coloration syntaxique,
• Numérotation des lignes,
• Surlignage de la ligne courante,
• recherche full text
• Recherche dans les dossiers réseaux
• aide à la saisie (petite autocomplétion)
• ...

Et puis récemment j'ai été déçu, surtout en termes de performance, de notepad++. Du coup j'ai recommencer à chercher quelque chose d'un peu plus friendly pour les développeurs. Et là, j'ai trouvé mon actuel Graal, qui correspond à un besoin qui est devenu de plus en plus important de jour en jour: Les performances. J'ai horreur d'attendre, ne serait-ce que 5 secondes, pour qu'un éditeur de fichier texte s'ouvre lorsque je clique sur un fichier...

J'utilise désormais Sublime Texte 2 (aussi bien dans le milieu pro que perso) qui répond à tous mes besoins, dont certains sont cités plus haut, et surtout à mes critères de performance. Pour vous donner un exemple, j'utilise désormais cet outil pour faire de la recherche de fichier sur un réseau, en lieu et place du TRES lent explorateur de Windows. Il prend en charge un nombre impressionnant d'éditeur de texte, et possède une auto-complétion beaucoup plus intéressante que Notepad++. Je tiens d'ailleurs à féliciter le développeur de cet outil pour son très bon travail.

En tout cas, si vous ne connaissez pas, je vous recommande cet éditeur très fortement!

Le modèle de données

Bon je vous avoue tout de suite que je n'ai pas trouvé l'outil qui me facilite la vie dans cette catégorie. Même si on est à l'heure de Big Table et consort, le modèle relationnel de données à encore de belles années devant lui. Alors pour trouver un bon concepteur graphique qui répond à seulement 4 points, c'est mission impossible:

• Création d'un modèle conceptuel de données en mode graphique avec prise en charge du positionnement des tables automatique
• Validation des formes normales relationnelles
• Export et Import au format SQL/YML
• Export et Import compatible multi-bases et génération de la documentation associée

Je n'ai, à ce jours, trouvé aucun outil qui répond à ces 3 besoins (complexes je l'avoue). Du coup je me contente de Mysql Workbench qui est un des moins pires.

Pour développer, il faut optimiser

Ah l'optimisation, un vaste sujet si il en faut. Je travail particulièrement sur le Web donc l'optimisation est primordiale. Et même si jusqu'a il y a peu, j'optimisais mes fichiers JS/CSS à la main, c'est désormais fini! J'utilise des services en ligne, qui font cela très bien comme code beautifier pour les fichiers CSS. Au menu vous retrouverez:

• Compression des fichiers
• Tri des sélecteurs
• Tri des propriétés CSS
• fusion des sélecteurs
• Compression des couleurs, weight, ...
• ...

Bref un très bon outil online pour gagner quelques précieux Ko dans vos développements.

Et on affiche où?

Alors beaucoup me diront, mais si tu travailles sur le Web il te faut tous les navigateurs du monde installés sur ton poste. C'est pas faux, mais comme la diversité des navigateurs, commence toute doucement à se dissiper... J'ai commencé à me concentrer sur certains outils en particulier. Mon navigateur par défaut est Google Chrome pour une seule et unique raison: Performance. Je n'ai encore rencontré aucun navigateur qui lui arrive à la cheville en terme de performances...

Alors oui j'ai encore 7 versions de Firefox installé mais franchement... Je commence de plus en plus à en avoir marre d'ajouter des propriétés inutiles dans mes css juste pour la compatibilité. Bon je sais qu'on est loin de la fin (Si fin il y aura?) mais bon, Firefox n'est plus mon navigateur par défaut depuis quelque temps, et je suis désolé pour l'excellente communauté qui travaille dessus, mais il est encore bien trop long à se lancer.

Petite révolution importante: Même si pour le grand public, certains font encore des efforts pour prendre en compte IE6, je peux vous assurer que dans le monde professionnel c'est fini. Il est aussi de plus en plus rare de prendre en compte IE7. Bon il reste encore IE8 qui traîne les pieds, mais j'ai bon espoir à le voir disparaître rapidement! Sinon pour ce qui est des tests sur les versions d'IE, certains installent des machines virtuelles, moi j'ai décidé d'utiliser IE Tester qui comprend IE5.5 jusqu'a IE9!

Et après, honnêtement pour les autres navigateurs, je fais au cas par cas. En général si cela passe sur IE...

Alors évidemment j'utilise tous les plugins qui vont bien:

• ColorPicker
• Les différents inspecteurs d'éléments
• et j'ai viré la Web Developper Toolbar...

Les autres nouveautés

• J'utilise l'émulateur officiel d'android pour tester l'affichage sur les mobiles.
• J'utilise Spotify pour rythmer ma frappe sur le clavier...
• J'utilise toujours un explorateur Windows pour accéder à mes fichiers...
• Je n'utilise plus le protocole FTP. Oui le FTP cela devrait être fini! J'ai dit bonjour au SFTP (SSH FTP) depuis longtemps et franchement je n'ai rien à redire au protocole qui est super stable et un peu plus sécurisé que le FTP.
• Je suis passé au double écran, parce que c'est quand même bien pratique
• J'utilise mRemote NG pour me connecter à des serveurs que ce soit en SSH, RDP, Citrix, ...
• J'utilise ScreenPresso pour les captures d'écran, parce que franchement, il fait tout et comme il faut! Et surtout il gère excellemment bien le double écran
• J'utilise Feedly et Netvibes (Oui toujours!) pour ma veille quotidienne
• J'utilise, malheureusement, Outlook pour mes mails... Mais bon il semblerait que bientôt ce sera Zimbra!
• J'utilise un serveur SVN pour mes sources, mes documents, enfin tout! Bon j'avoue que je suis à environ 100 Go à ce jour et cela devient de plus en plus lent. Mais quand je vois le nombre de fois ou cela m'a sauvé... Je suis prêt à patienter un peu…

Voilà une première passe de mes principaux outils de travail. Dans un second article je vous parlerais des outils un peu plus exotique que j'utilise:

• Mind Mapping
• Portail de gestion de projet
• Prise de notes
• Design
• Intégration
• CMS
• ...

Et vous, vous utilisez quoi?