Introduction En tant que développeur web travaillant seul, j’ai développé ces derniers temps un workflow qui me permet de maintenir une bonne qualité de code tout en gardant une structure de projet claire et robuste. Ce guide détaille ma méthode de gestion de projet avec Git et GitHub, spécialement conçue pour les développeurs indépendants. Pourquoi […]
Nettoyer son code legacy avec grep
En tant que développeur web, j’ai récemment dû faire face à un défi classique mais peu engageant : nettoyer un projet contenant des implémentations obsolètes accumulées depuis 2007, soit plus de 15 ans de code legacy. La commande qui a changé ma fin de semaine Ces jour-ci, mon attention s’est portée sur une commande Linux […]
🚀 Setup React 18 + Vite + Tailwind : Le guide ultime 2024-2025
Le guide de configuration définitif que vous garderez précieusement pour tous vos projets React. 🎯 Pourquoi ce guide ? Vous connaissez cette situation : nouveau projet React, et c’est reparti pour chercher : Les bonnes versions des dépendances La configuration optimale Les fichiers à créer Les commandes à exécuter Ce guide résout définitivement ces problèmes […]
Installation multi-utilisateurs d’Ollama sous Linux : retour d’expérience et scripts
Contexte En explorant les possibilités de l’IA locale avec Ollama sur Ubuntu 22.04 LTS, je me suis retrouvé confronté à deux contraintes pratiques : Le besoin de basculer fréquemment entre différentes sessions utilisateurs tout en conservant l’accès à Ollama La nécessité de gérer efficacement l’espace disque, les modèles d’IA étant particulièrement volumineux Bien que ma […]
ImageMagick
ImageMagick est un logiciel en ligne de commande qui permet de manipuler des images. Il propose une série d’outils : display, convert, mogrify, identify, import, animate, compare, composite, conjure, montage, stream. Mogrify : Pour les traitements par lots Pour diminuer les dimensions de plusieurs images : Pour modifier la résolution de plusieurs images :
Un bouton Scroll to top avec ReactJS et Hooks
Dernièrement, dans une application ReactJS, j’ai été confronté à la mise en place d’un bouton qui permet de faire défiler une page jusqu’en haut. Dans le même temps, j’avais découvert Hooks, une des nouvelles fonctionnalités proposées par le framework. Je me suis donc lancé. J’ai préparé une page HTML potentiellement assez longue pour qu’elle nécessite […]
JavaScript: async/await avec forEach()
Ou comment remettre un peu d’ordre dans des traitements asynchrones. Le problème : imprimer une série de dessins en respectant une chronologie pour la mise en page. Pour cela, il nous faut donc la fonction qui va bien : Hélas, l’impression n’est pas synchrone et met un certain délai à se réaliser. Corrigeons donc cette […]
Transformer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Transformer ce tableau d’objets en un tableau synthétisant chaque objet dans une chaîne de caractère. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 […]
Filtrer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Extraire les renseignements contenus dans ce tableau mais uniquement pour les chiens. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 : […]
Comparer des booléens
En utilisant l’opérateur de comparaison stricte (===) : See the Pen Truthy and Falsy Values (Strict Equality) by Frédéric MISERY (@FredM) on CodePen. En utilisant l’opérateur de comparaison normal (==) : See the Pen Truthy and Falsy Values (Lenient Equality) by Frédéric MISERY (@FredM) on CodePen.
Quelques propriétés de la balise < video />
Dans cet article, je me propose de vous faire découvrir quelques propriétés de la balise qui a fait son apparition avec le HTML5. Les quatre propriétés que nous allons découvrir sont les suivantes : curentTime : de type float, elle donne la position courante de la lecture en secondes. duration : de type float, elle […]
Parking CSS + JS
See the Pen Parking – Activités by Frédéric MISERY (@FredM) on CodePen.