Les meilleurs outils pour les développeurs

Les meilleurs outils pour les développeurs et développeuses. Ma developer toolbox pour gagner en productivité et améliorer son code.

Lire les 16 commentaires

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 code en général.

Sachant que je suis développeur web, j’utilise surtout des outils de développement web.

Mais même si cette liste est plutôt généraliste…

Tu trouveras forcément des tools sympas que tu ne connaisais pas ! 🙂

Bienvenue dans ma developer toolbox !

  • J’ai annoté d’une ⭐️ mes outils de développeurs favoris
  • Il y a 1 lien sponsorisé qui traîne dans la liste, sauras-tu le trouver ?

#⚠️ Mes meilleurs outils pour les développeurs

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

Les miens.

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 🙂

PS : Dans le même genre j’ai créé un article avec mon setup complet de développeur web en 2022.

PS 2 : L’outil d’un développeur n’est qu’un outil, c’est son utilisation qui fait toute la différence (voir l’article dédié sur le Software Craftsmanship).

#📒 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.
  • Figma : Un outil incroyable pour les développeurs, on peut faire toute sorte de schémas très jolis et très aboutis, en collaboration avec nos équipes. ⭐️
  • 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.

#🖥 MacOS / OSX

Tu l’as peut-être dans mon setup de développeur que je donne plus haut, mais je me suis récemment acheté un Mac.

Niveau outil pour développeur, ils sont assez similaires à Linux / Windows mais il y en a quand même quelques-uns que j’utilise en plus.

  • 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.

#☕ Outils pour le développement web

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

Ces outils pour coder je m’en sers quasiment tous les jours !

  • Cacher : Sauvegarder des snippets de code (partageable avec ton équipe).
  • Copilot : Un assistant de code avec une intelligence artificielle basée sur le code présent sur GitHub pour autocompléter le code écrit. ⭐️
  • 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.
  • Fig.io / Warp : 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).
  • 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é.

PS : Si tu utilises d’autres outils de développement web, n’hésite pas à me le dire en commentaire.

Pour le code (en ligne)

Voici une petite liste d’outils en ligne pour développeurs que j’utilise assez régulièrement.

Des outils de développement en ligne, il en existe quelques-uns comme VSCode.dev mais je ne m’attarderais pas dessus.

Les IDEs en lignes sont de bons outils mais en 2022, tous les développeurs utilisent un logiciel local pour coder.

(Voir l’article sur les éditeurs de textes / IDE pour les développeurs)

  • 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 cour 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 RSS pour faire ma veille technologique.

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

Attention donc car avoir trop d’outils peut te perdre en tant que développeur…

(Ça a été mon cas)

  • 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.

Des outils de sécurité je n’en utilise pas beaucoup car principalement je stock mes mots de passe dans Firefox / FaceID.

  • 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).
  • NordVPN : Pour chiffrer ses connexions internet quand on utilise du wifi public.
  • 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 persos.

Comme tout dev qui se respecte, j’ai plein de projets persos à n’en plus finir !

  • 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 (j’ai converti tout le monde au bureau avec ça). ⭐️
  • 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.

Voici donc quelques outils à utiliser quand on est développeur freelance, notamment pour la facturation.

Pour ce qui est de trouver des clients et des différentes plateformes, je t’incite à jeter un oeil à l’article du dessus. ☝️

  • 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.

Si ça t’intéresse de voir quel outil de développeur j’ai utilisé, regarde la page : comment est fait ce site ?

  • Github Pages : 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.

Personnellement je n’utilise pas d’outils externes pour accéder à la base de données.

Soit je passe par administrateur en ligne de base de données, soit directement via IntelliJ et ses plugins.

#🎮 Vidéos, Images et Design

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

Ou une présentation quelconque.

  • Balsamiq Wireframes : Créer des wireframes super facilement. ⭐️
  • DaVinci Resolve : Un outil pour faire du montage vidéo gratuit et super intuitif ! ⭐️
  • Font Flipper : Permet de trouver quelles polices vont le mieux entres-elles.
  • 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é ou échanger avec les clients.

Ce sont des outils généralistes mais qui s’avèrent indispensables pour moi en tant que développeur.

  • Discord : Échanger avec une communauté en particulier.
  • Google Meet : Démarrer une visio gratuitement et instantanément n’importe où. ⭐️
  • 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.

Ici aussi ces outils ne sont pas des outils de développeurs, mais tu serais étonné de voir tous les devs qui créent du contenu en ligne. ❤️

Réseaux sociaux

#💁‍♂️ Assistants personnels

Pour rechercher ou lancer des applications bien plus rapidement.

#Conclusion

Ces outils pour développeurs que je t’ai présentés, ce sont pour moi les incontournables.

Aussi je me sers de cette liste pour ne pas oublier un outil de développement sympa que j’aimerais tester…

Ou qu’un ami sur Twitter m’a conseillé.

Bien sûr cette liste est participative et tu peux me laisser un commentaire pour y ajouter un outil que tu aimes bien ! 🧑‍💻

16 commentaires

  1. Avatar de Yapbreak

    Comme tu parles de Nextcloud dans le partage de fichier, il y a des applis dans Nextcloud pour avoir Calendrier, Contacts, Notes, Collabora Online (plus ou moins Google Docs) pour pouvoir centraliser tout ça au même endroit et éviter de tout mettre chez Google ou Microsoft !

  2. Avatar de GDK

    Listing hyper intéressant avec de bonnes découverte pour ma part ! Chouette boulot 😉

  3. Avatar de Constantin

    Salut !

    Merci pour cette petite liste sympa ! 🙂
    Pour la BDD je mentionnerais également : https://dbdiagram.io/home
    Permet de faire des diagrammes et d’exporter directement en SQL, pratique pour faire des tables rapidement.

  4. Avatar de Erwann

    Prise de notes et « knowledge management » (base de connaissances) :
    – CherryTree
    – Notable
    – QOwnNotes
    – Red-NoteBook
    – Zim-Wiki
    – Dokuwiki (installé localement ou à distance)


    PS: Refusant d’être dépendant d’un système centralisé, j’ai toujours refusé d’utiliser evernote, même si c’est un bel outil d’un point de vue fonctionnel.
    De même, je refuse d’être MS dépendant, donc je n’utilise pas OneNote.

    • Avatar de Alex

      Superbe ta liste ! Merci beaucoup. Je suis en train de regarder, que de l’open-source on dirait !

      Tu n’utilises rien de propriétaire ?

      Je trouve que c’est tout à ton honneur, vraiment. J’aime cette philosophie.

      Mais pour ma part je suis trop habitué au confort de ces outils pour m’en séparer. Même si je sais ce que cela implique, je suis prêt à faire le sacrifice. J’ai l’impression de plus y gagner que d’y perdre.

      Merci pour ton commentaire 🙂

      Alex

    • Avatar de Alex

      Avec plaisir ! Personnellement Espanso je ne peux plus m’en passer 🙂

  5. Avatar de Sonia

    Bonsoir,
    Merci merci mille fois pour tous tes articles si détaillés et riches en partage de ressources. C’est très généreux de ta part. Je débute tout juste (je découvre le HTML et le CSS) et ton blog m’aide beaucoup.
    Bonne soirée

    • Avatar de Alex so yes

      Merci pour ton message Sonia, bon courage pour ton apprentissage 🙂

👩‍💻 Réagir à cet article 👨‍💻

Merci de partager ton histoire avec la communauté !