Les meilleurs outils pour les développeurs

Voici une liste des principaux outils pour développeurs que j’utilise.

Ce n’est pas uniquement une liste d’outils pour coder, mais dans l’ensemble on retrouve plein de bonnes choses :

• Des outils pour gérer ses projets persos ;
• Pour améliorer son code ou aller plus vite ;
• De la création de contenu à la simple prise de notes ;
• Des outils pour la veille techno, pour la sécurité ;
• En passant par la connexion à la base de données ou le traitement d’images ;
• …

Bref, tout ce qui gravite autour du développeur.

Bienvenue dans ma developer toolbox !

#Disclaimer : Mes meilleurs outils pour les développeurs

Les outils que je te présente ici, ce sont mes meilleurs outils pour les développeurs.

Tu as sûrement les tiens, et tu ne seras peut-être pas d’accord avec cette liste…

L’objectif c’est que tu découvres de nouveaux outils pour avancer dans ta carrière de développeur.

Car ces outils m’ont permis de gagner énormément en productivité, j’espère qu’il en sera de même pour toi.

Bien sûr, si tu veux proposer des outils, tu peux utiliser les commentaires 🙂

#📒 Prendre des notes

Dès que j’ai une idée, je la note avant de l’oublier.

Pour certains besoins j’utilise des tableurs ou des documents. Tout ceci synchronisé entre mon ordinateur et mon téléphone.

• Draw.io : Pour faire des schémas (UML notamment) en lignes enregistrées sur Google Drive
• Evernote : Prendre des notes partagées.
• Excalidraw : Faire des croquis simples
• Google Keep : Écrire simplement ses idées (simple mais peu de fonctionnalités).
• Google Docs / Google Sheet : Des outils gratuits simples et efficaces, pour avoir testé la suite Office, la suite Google est bien plus puissante.
• LanguageTool : Correcteur orthographique gratuit disponible sous forme d’extension (attention aux données personnelles).
• Notable : Prendre des notes facilement en markdown.
• QOwnNotes : Un équivalent d’Evernote sur son propre cloud (compatible NextCloud / OwnCloud).
• Typora : Éditeur markdown minimaliste.
• Zim-Wiki / DokuWiki : Wikis collaboratifs et libres.

#📅 Calendrier

Je note toutes mes activités et les partage avec mes contacts. Lorsque l’on commence à avoir pas mal de choses de prévues, c’est très utile.

• Calendly : Proposer des RDV basés sur ses disponibilités en fonction de son agenda.
• Google Calendar : Le seul et l’unique, simple et efficace.
• Outlook Calendar : Pour ceux avec une adresse hotmail.
• Sunsama : Pour partager son calendrier avec d’autres personnes.

Liste des tâches

Pour le pro comme le perso, j’ai toujours une liste de choses à faire pour quand je m’ennuie 😉

• Google Task : Des tâches simples.
• Microsoft Todo : Un Google Task amélioré avec intégration au calendrier et une meilleure organisation.
• Todoist : Prendre des notes de manières complètes.

#🖇 VCS

À chaque nouveau projet, je crée d’office un nouveau dépôt pour ne pas perdre mon travail. Et tu devrais aussi.

• Bitbucket : Coder en équipe avec une interface agréable.
• Meld : Permet de comparer deux versions de fichier.
• Git : Pour versionner ses fichiers.
• Github : Pour contribuer à la communauté, montrer son travail.
• Gitkraken : Une interface graphique pour mieux comprendre Git (existe en extension VSCode).
• Gitlab : Autohébergé sur mon serveur pour éviter d’avoir des projets sensibles exposés.

#🖥 OS

MacOS / OSX

• Autumn / Magnet : Gestionnaire de fenêtres.
• Colima : Gestionnaire de conteneurs pour Mac.
• Homebrew : Pour gérer ses logiciels en ligne de commande comme sous Linux !
• Loom : Screen recorder.
• Rectangle / Spectacle (abandonné) : Pour gérer ses fenêtres (avec des raccourcis claviers notamment !)
• Z : Autcomplétion pour les répertoires via cd depuis le terminal.

#☕ Pour le code

À part le café, voici les outils (cette fois-ci uniquement pour les développeurs) que j’utilise.

• Cacher : Sauvegarder des snippets de code (partageable avec ton équipe).
• Docker : Pour créer un environnement virtuel propice au développement (ça évite de pourrir ton OS).
• Fira Code Font : Une police pour les développeurs avec des ligatures.
• Hyper / Fig.io / iTerm2 : Une alternative au terminal par défaut.
• JetBrains : Des IDEs payants incroyablement puissants (pour pouvoir coder sans souris). ⭐️
• JSON Formatter : Formater du code JSON en ligne.
• PasteBin : Partager du code formaté facilement.
• Postman / Insomnia : Clients HTTP pour tester des APIs (tutoriel).
  • Postwoman : Client HTTP en ligne.
• Terminator / TMux / Extraterm : Un terminal avec plusieurs terminaux intégrés !
• vim : Pour ouvrir n’importe quel fichier texte avec un minimum de coloration syntaxique.
• VSCodium : VSCode sans le tracking Microsoft, pour tous mes projets JS.
• ZSH avec Oh My ZSH! : Un shell / terminal grandement amélioré.

Pour le code (en ligne)

Voici une petite liste de services en ligne que j’utilise assez régulièrement.

• BundlePhobia : Vérifier le poids des packages NPM (m’a permis de choisir Zustand au lieu de Redux ou pire Recoil).
• Carbon : Fournir de jolies captures d’écrans de code.
• ConvertCSV : Pour convertir le CSV en JSON ou en MD.
• Crontab Guru : Une interface visuelle en ligne pour vérifier ses cronjobs.
• CyberChef : Pour décoder du Base64, des URLs… Et tu peux les chaîner !
• DevHints : Une cheatsheets indispensable de code snippets / raccourcis clavier de techno. ⭐️
• DevDocs : Toutes les documentations officielles recensées à un seul endroit.
• ExtendsClass : Une trousse à outils pour les développeurs (client HTTP, code checker, formatters…).
• JSON Formatter : Formater un code JSON facilement.
• Regex101 : Pour tester ses expressions régulières, le top.
• Repl.it : Coder à plusieurs sur un projet en ligne.

Les linters

Je ne peux pas te donner de liste car tout dépend de ton langage.

En tout cas des outils comme stylelint te permettront de :

• Créer du code de qualité ;
• Détecter les mauvaises pratiques ;
• Corriger à la volée le mauvais code ;
• Devenir un meilleur développeur.

Les debuggers

Ici aussi c’est compliqué de te donner une liste.

C’est sûrement le meilleur des outils pour les développeurs.

• Gagne du temps à déboguer ton code ;
• Cela évite de commiter des var_dump() ou des console.log() ;
• Tu rentres ainsi dans la cours des grands !

Tester le responsive

Même si on développe tous en mobile first désormais, il ne faut pas négliger les autres formats.

• Chrome Dev Tools : Pour simuler une visite avec une dimension de device précise
• Responsively (gratuit) / Sizzy (payant) : Pour déboguer tous ses breakpoints de manière synchronisée

#👨🏾‍💻 Veilles technologiques

Je n’utilise qu’un simple lecteur de flux pour faire ma veille technologique.

À trop suivre de personnes on finit par ne plus rien lire…

• Dev.to : Plein d’articles sur le développement.
• Daily.dev : Les derniers articles sur le dev sur un tab de ton navigateur.
• Feedly / Feeder : Lecteur de flux RSS.
• Le dev web : Les chaînes Youtube des développeurs français.
• Medium : Du contenu généré pour toi (la version gratuite ne comporte plus grand-chose malheureusement).
• Podcast : Une liste de podcasts pour les développeurs.
• Stackoverflow : Je ne fais pas que copier-coller la première réponse quand j’ai un problème. J’essaye aussi d’être actif dans la communauté, on apprend beaucoup.
• Twitch : Regarder des programmeurs développer en direct.
• Twitter : Encore et toujours, pour suivre des personnes cools et se faire des amis !

#🔐 Sécurité

Principalement pour sauvegarder mon contenu et le rendre inaccessible aux autres.

• 1password : Gestionnaire de mot de passe payant.
• Google Drive : Pour sauvegarder des documents pas trop perso.
• LUKS : Pour chiffrer le disque de mon laptop (si on me le vole, pas de problème).
• NextCloud / OwnCloud : Utilitaire de partage / sauvegarde de fichiers.
• Passbolt / Bitwarden : Gestionnaire de mot de passe open source.

#🧠 Productivité

Des outils simples que j’utilise tous les jours ou presque pour avancer dans mes projets.

• Airtable : Créer des tableaux plus riches qu’avec Excel.
• CherryTree : Un équivalent de Notion pour gérer ses notes.
• Espanso : Un « text-expander » pour gagner du temps en tapant au clavier.
• Focus To-Do : Organiser ses tâches + Pomodoro.
• Habitica / Fabulous : Pour mener à bien ses projets.
• Notion : Pour gérer ses projets persos. ⭐️
• Pomodoro : Se concentrer sur une tâche sans interruption.
• Trello : Gérer les tâches à plusieurs.
• WasteNoTime : Une extension pour navigateur qui bloque les sites qui font perdre du temps.
• Woven : Planifier ses tâches avec une synchro aux calendriers.

#👔 Freelancing

La liste des outils pour les freelances continue sur l’article dédié : devenir développeur freelance.

• Henrri : Logiciel de facturation gratuit.
• Facture.net : CRM, devis et factures en ligne.
• Pakko : Devis, factures, suivi, plafonds, cotisations.
• Shine : Devis, factures, compte bancaire, création d’entreprise (payant).
• TimeAE : Facture, devis, déclaration (vraiment bien pour utiliser la version non auto-entreprise !)

#🖥 Hébergement

Ce site est hébergé chez OVH et j’ai un serveur dédié Kimsufi pour sauvegarder mes données en temps réel.

• Github : Héberger la doc d’un outil ou son portfolio.
• Heroku : Pour déployer ses projets persos / de test.
• Kimsufi : Serveurs dédiés / virtuels low-cost.
• Netlify : Déploiement facile de serverless apps.
• OVH : Hébergement web low-cost.

Base de données

Pour avoir accès à sa base de données en local ou à distance.

• DBeaver / DBVisualizer / HeidiSQL / DataGrip : Accéder à n’importe quelle base de données.
• MySQL Workbench : Pour MariaDB / MySQL, propose des connexions via tunnel SSH !
• SequelPro (Mac) : Pour accéder à ses bases de données MySQL sous OSX

#🎮 Vidéos & images

Je les utilise surtout pour enregistrer mon écran lorsque j’ai une démo à faire.

• Balsamiq Wireframes : Créer des wireframes super facilement.
• F.lux / Redshift : Pour protéger tes yeux du fond blanc de ce blog !
• Kap / Peek : Pour faire des gifs ou des captures vidéos simples.
• Kazam (Linux) : Enregistrer facilement son écran.
• Imagify : Compresser le poids de ses images sans perdre en qualité !
• Photopea : Photoshop gratuit en ligne.

#🗞 Communication

Pour rester connecté à la communauté.

• Discord : Échanger avec une communauté en particulier.
• LinkedIn : Découvrir de nouvelles opportunités.
• Messenger : Pour échanger sans passer par Facebook.
• Slack : Pour communiquer avec ton équipe.
• Twitter : Beaucoup de développeurs sur Twitter.

#📝 Blog

Des outils simples et efficaces pour créer du contenu en ligne.

(Effectivement ce ne sont pas des outils pour les développeurs à proprement parler, mais beaucoup de devs créent du contenu)

• Canva / Crello : Faire des bannières rapidement.
• HashNode : Créer un blog par et pour les développeurs.
• Hugo : Générateur de site statique en Go.
• MailChimp : Gérer sa « newsletter ».
• Medium for Creators : Écrire sur un blog communautaire, en gagnant de l’argent.
• WordPress : Le meilleur outil pour démarrer un blog facilement. (à lire : pourquoi les développeurs détestent WordPress ?)

Réseaux sociaux

• Free Profile Picture Maker : Faire de jolies photos de profil avec un fond.
• Poet : Prendre de belles captures d’écrans de Tweets.

#💁‍♂️ Assistants personnels

Pour rechercher ou lancer des applications bien plus rapidement.

• Alfred (Mac OS)
• Albert / ULauncher (Linux)

N’hésite pas à suggérer des outils pour les développeurs en commentaire !