Gagner du temps en créant des extensions pour vos navigateurs

Le navigateur web est l'outil indispensable du développeur moderne. Il est même devenu un véritable environnement de travail à part entière grâce aux avènement des IDE en ligne.

C’est en partant de ce constat que nous avons décidé, au sein de notre équipe, de créer et d’utiliser des extensions navigateur pour suivre et être alertés des problèmes arrivants sur notre production, tout en restant concentrés sur nos développements. Et si vous pouviez, dés demain, construire pour votre équipe une extensions qui lui fera gagner du temps ?

Les possibilités sont infinies : Un timer de type Pomodoro ? Une toolbar d'accès rapide à vos environnements et vos outils ? Ou de façon plus fun : Un rappel des anniversaires ou de la prochaine soirée ?

Dans ce Tools In Action, nous verrons comment créer et déployer très rapidement une extension multi-navigateurs. Nous ferons le tour des possibilités offertes par les API WebExtensions mais également les contraintes à prendre en compte.

Vous vous rendrez compte que ces extensions sont finalement simples à créer et peuvent être de véritable alliées pour améliorer votre quotidien

Transcript

1. #DevoxxFR Gagner du temps en créant des extensions pour vos navigateurs Morgan Leroi 1 @MorganLeroi
2. Gagner du temps ? 2 Quelques heures de développement pour améliorer la vie d’une équipe - Alerting de production - Référentiel de favoris - Anniversaires de l’équipe - Outils contextuels - Outils pour le Pair / Mob programming (Pomodoro)
3. Let’s code ! 3
4. Pour aller plus loin … 4 Les possibilités sont nombreuses 🤓 Ajouter des Dev Tools 🔄 Intercepter & Modi fi er les requêtes et réponse 🔎 Modi fi er la barre de recherche ✨ Favoris, Historique, Menu, presse-papier, … * (Mais attention au scénario cross navigateur !)
5. #DevoxxFR 5 Merci ! ⏰ L’extension Pomodoro: https://bit.ly/3jdE6s8 📚 La documentation WebExtensions: https://mzl.la/3Ji3l7d 🐙 WebExtension poly fi ll : https://bit.ly/3KnTspT 🚀 WebExtension Starter & ViteJS : https://bit.ly/3rdmtwX