Mermaid

Ces derniers mois ont été assez compliqués en termes de planning, et je n’ai pas eu autant de temps que je l’aurais souhaité pour publier sur le blog. Pour reprendre le rythme, voici un petit billet rapide pour vous faire découvrir un formidable outil Javascript : Mermaid ! Celui-ci permet de générer des diagrammes (séquence, état, Gantt…) à partir d’un syntaxe textuelle proche du Markdown. Le moteur de blog que j’utilise, Hugo, inclut un shortcode pour intégrer des diagrammes Mermaid directement dans un article.

Continuer

Migration de mon blog Wordpress vers Hugo sur Gitlab

Je suis (enfin !) de retour sur le blog après plusieurs mois d’inactivité. Dernièrement, le temps d’écrire m’a pas mal manqué (!) et la migration de mon blog vers une nouvelle plateforme m’a aussi beaucoup occupé. C’est justement ce dernier point que je vais aborder aujourd’hui. Vous avez dû remarquer (j’espère…) que le style du blog a bien changé et que les performances sont bien meilleures qu’avant (j’espère aussi… !). On va faire ensemble le tour de toutes les nouveautés, et je vais essayer de vous expliquer au fur et à mesure les raisons qui m’ont poussé à changer.

Continuer

Authentification Azure AD avec ReactJS

J’ai récemment eu besoin de mettre en place une authentification via Azure AD dans une application web ReactJS. Globalement, la procédure est assez simple, mais il y a tout de même quelques subtilités sur lesquelles j’ai perdu pas mal de temps et que je souhaiterais partager ;) Côté client, c’est la librairie ADAL.js (Active Directory Authentication Library for Javascript) qui va nous aider. Microsoft supporte de nombreuses plateformes différentes en fonction des environnements client ou serveur visés (plus d’informations sur ce lien).

Continuer

Les Progressive Web Apps

De retour pour un nouvel article sur un sujet à la mode : les Progressive Web Apps ! Cela fait quelques mois que j’ai envie d’écrire sur cette technologie que je trouve très intéressante et pertinente à l’heure actuelle. Les Progressive Web Apps, que je vais abréger par PWA dans la suite de l’article, sont nées en 2015 sur l’impulsion de Frances Berriman et de l’ingénieur de chez Google Alex Russell.

Continuer

CSS Grid Layout

Je vais aujourd’hui vous parler d’une nouvelle méthode de disposition CSS que j’ai eu l’occasion d’utiliser dans un récent projet : CSS Grid Layout ! Qu’est-ce que CSS Grid Layout ? Cette propriété CSS a été dévoilée officiellement en mars 2017 et son support dans la majorité des navigateurs fut relativement rapide (environ 70% en quelques mois, ce qui est assez important pour être souligné !). Je vous invite à consulter le site CanIUse pour le vérifier.

Continuer

WebAPI et ses utilisations (2) - Construction de notre API

Après avoir présenté .NET Core dans la 1ère partie de cet ensemble d’articles, nous allons désormais rentrer dans le vif du sujet en commençant la construction de notre API web. Qu’est-ce qu’une API ? Si l’on veut faire une analogie, l’API est au développeur ce que l’UI (User Interface) est à l’utilisateur. C’est donc la partie visible et accessible de notre programme, permettant au monde extérieur de saisir des données et de récupérer le résultat des traitements.

Continuer

Sans classe, pas de style !

Une astuce qui commence à dater un peu mais qui est toujours d’actualité, notamment pour les applications d’entreprises qui fonctionnent encore sur des vieilles versions d’Internet Explorer :) Internet Explorer a toujours été un calvaire pour les développeurs web. Entre les problèmes de compatibilité, les comportements spécifiques, ses « bizarreries » et ses « curiosités »… Pour les styles, il existe pourtant quelques astuces très pratiques permettant de gagner du temps et d’économiser ses nerfs.

Continuer

Photo de l'auteur

Matthieu Anceret

Blog d’un développeur Tourangeau passionné

Software Architect @C2SBouygues

France, Tours