J'ai fait une petite entorse à ma règle du contenu produit 100% par moi pour faire un test : "est-ce que je suis capable de transformer rapidement une captation d'un de mes talks en un article sur mon blog qui tient la route ?". Déjà parce que si je prends le temps et l'énergie de faire un talk c'est que j'estime que le sujet vaut la peine, donc autant le partager au maximum. Par contre je n'ai pas toujours la motivation de produire un article équivalent, donc j'étais curieux de voir si le résultat était pertinent. Voyons ça !

Étape 1 : récupérer la piste audio (optionnel)

Pour commencer, il me faut la piste audio de mon talk. Étape assez facile : mon talk a été filmé quand je l'ai joué à Devquest à Niort début juin, et le replay est disponible sur Youtube.

Pour le télécharger, j'ai sur ma machine Media Downloader qui est un frontend a pas mal de logiciel y compris yt-dlp qui est un CLI permettant de télécharger des vidéos/audios depuis divers plateformes à commencer par Youtube.

Capture d'écran de Media Downloader qui télécharge la piste audio de mon talk

En quelques dizaines de secondes j'ai le mp3 de mon talk avec meilleure qualité disponible soit de la stéréo à 48KHz, ce qui n'est pas si incroyable que ça mais ça fera le travail.

Note : je suis parti sur ce projet de but en blanc sans trop analyser les outils mais en fait j'aurai directement pu donner le lien Youtube à Gladia (que je vais utiliser à l'étape 2) et m'éviter cette étape.

Étape 2 : la transcription

Je suis passé par Gladia. Pourquoi Gladia ? Je connais le fondateur de l'entreprise, je sais que les gens derrière travaillent bien (j'ai fait un court passage en mission là bas), je sais que la transcription est de qualité (et j'étais curieux de voir l'évolution depuis la dernière fois où j'avais testé), c'est une boite française !

Note : n'hésitez pas à tester les services de Gladia, ils proposent 10h de transcriptions gratuites par mois ce qui suffit largement pour un usage perso !

Transcription en image via Gladia

Pour transcrire c'est simple : vous donner votre fichier audio/vidéo (ou le lien Youtube), un clic sur "Next", on peut laisser par défaut mais personnellement j'ai préféré spécifier la langue de l'audio, puis "Transcribe". On attend une petite minute et on a une transcription qui apparait !

Note : je ne vais pas utiliser ça ici, mais on a pas mal d'élément intéressant en plus de la transcription : plusieurs formats donc un format sous-titre, un JSON avec des métadonnées et le timing exacte de chaque mot ce qui ouvre la porte à pas mal d'utilisation de la transcription. Ici je vais prendre la transcription textuelle brute.

J'ai survolé le texte et je suis vraiment content du résultat : la transcription est vraiment propre ! 🤩

Étape 3 : apprendre à une IA a écrire comme moi

J'ai choisi à nouveau d'utiliser un outil français, je suis parti sur Mistral, car j'ai un abonnement Pro.

Pour commencer j'ai utilisé la fonctionnalité "Bibliothèque" pour créer un ensemble de fichier avec des articles issus de mon blog. J'en ai mis 6, parmi mes articles récents, je pense qu'en en mettant plus j'aurai pu obtenir un meilleur résultat, mais je n'avais pas non plus envie d'y passer trop de temps.

Capture d'écran de la bibliothèque avec mes articles de blog

Ensuite j'ai commencé à travailler dans le chat :

  • Je lui ai demandé de me donner des détails sur la bibliothèque : au vu de la réponse il a bien lu le contenu texte ;
  • Je lui ai demandé de décrire le style d'écriture : la réponse a donné des points qui m'ont semblé assez caractéristiques de mon écriture ;
  • J'ai tenté de lui donner dans le chat le fichier markdown qui correspond à la source de la présentation de mon talk : ça n'a pas fonctionné, même en insistant, je ne sais pas pourquoi... Du coup j'ai copier-coller le contenu et là ça a fonctionné ;
  • Je n'ai pas cherché à très loin pour la transcription que j'ai obtenue à l'étape 2, j'ai directement copier-coller le contenu ;

Là mon contexte de travail était posé, Mistral avait les données pour rédiger mon article. Par contre je sais que produire un article complet d'un bloc c'est compliqué, donc j'ai choisi le faire en plusieurs étapes : le plan, puis chaque partie une part une pour pouvoir l'orienter.

Je lui ai donc demandé :

en te basant sur mon style d’écriture, peux-tu produire un plan en 3 ou 4 parties pour un article qui serait une transcription de mon talk ?

Capture d'écran de Mistral qui m'a généré un plan pour l'article

Le résultat est plutôt ok, modulo que j'aurai naturellement mis moins de contenu dans l'introduction et la conclusion, et qu'il a mis dans l'introduction la partie présentation personnelle que j'ai habituellement en début de talk, donc je lui ai demandé de corriger ça.

Capture d'écran de Mistral qui m'a re-généré un plan pour l'article

Ensuite je passe à la rédaction de l'article, où je vais lui demander de rédiger chaque partie une par une, en lui demandant des ajustements à droite et à gauche.

Capture d'écran de Mistral pour la génération de l'article

Globalement ça passe niveau contenu. J'ai un peu retravaillé la conclusion, ça ne convenait pas trop ce qu'il me générait, je voulais qu'il introduise une citation de Ben Lesh que j'aime bien et qu'il n'avait pas utilisé. Mais la citation n'étant présente que dans une image, ou transcrit à l'oral, je ne voyais pas trop comment faire mieux.

Conclusion venant de Mistral vs la conclusion finale

Et du coup j'avais mon article !

J'ai juste ajouté quelques liens de source à l'article avec en particulier le lien Youtube du replay de mon talk et le support de présentation.

Étape 4 : le post LinkedIn !

Je ne m'arrête pas en si bon chemin, je demande à Mistral de le fabriquer !

Capture d'écran de Mistral produisant des posts LinkedIn

J'ai dû un peu aider Mistral en lui donnant une accroche qui me plaisait, j'ai coupé une phrase du post (la seconde question), et ajouté des emojis et changé les hashtags mais c'était assez rapide d'avoir quelque chose de convenable.

Les Observables sont morts ! On entre dans l’ère des Signaux ! Enfin… 🙈

Je viens de publier un nouvel article qui explore les signaux et RxJS, deux approches révolutionnaires pour gérer la réactivité dans vos applications web. 🧐

Dans cet article, on plonge dans l'évolution de la réactivité, des premiers frameworks aux signaux, en passant par RxJS. On découvre comment les signaux simplifient la gestion de la réactivité dans vos composants, et comment RxJS offre une puissance inégalée pour gérer des flux de données complexes.

Et surtout, on voit comment ces deux approches peuvent se compléter pour nous offrir le meilleur des deux mondes.

Alors, prêts à sauter le pas et à tirer le meilleur parti de ces outils dans vos projets ? N'hésitez pas à lire l'article et à partager vos pensées en commentaires !

Angular #RxJS #Signals #frontend

Maintenant pour l'illustration, j'ai repris directement l'image de couverture de mon talk (parce que je l'aime bien et que j'ai pas mal itéré sur cette image), et je lui ai juste demandé de me la décrire pour le texte alternatif.

Capture d'écran de Mistral qui produit un texte alternatif pour l'image d'illustration

e texte produit est le suivant :

L'image montre deux personnages mythiques, l'un avec une peau rouge et l'autre avec une peau bleue, s'affrontant avec des épées croisées. Ils portent des armures ornées et des couronnes dorées, symbolisant leur statut royal ou guerrier. Les personnages sont entourés de motifs complexes et de nuages, créant une atmosphère dramatique et épique. Les expressions faciales des personnages sont intenses, reflétant la tension et la rivalité entre eux. L'arrière-plan est riche en détails, avec des éléments qui évoquent un champ de bataille ou un environnement mythique.

Et je trouve que ça correspond assez bien à l'image.

Plus qu'à mettre en ligne et programmer le post. Je passe ça, car ce n'est pas très intéressant.

Conclusion

Est-ce qu'on peut produire un article à partir d'un talk ? Oui. Est-ce que ça tient la route ? Plus ou moins. Est-ce que je suis satisfait du résultat ? Plus ou moins.

En fait je trouve que l'article ne correspond pas vraiment au talk que j'ai donné. J'aurai surement pu re-travailler le plan en aiguillant Mistral, j'aurai sûrement pu mixer plusieurs IA, mais mon point n'est pas vraiment là : j'ai pris plus de 2h à créer cet article, si je l'avais écrit moi-même j'aurai sûrement mis à peine 30min de plus pour un résultat vraiment personnel, donc je ne trouve pas vraiment que ça vaille la peine d'utiliser l'IA pour ça, le gain de temps n'est pas tellement là. Et oui j'aurai surement pu améliorer la qualité du contenu, mais ça m'aurait pris clairement beaucoup plus de temps que l'écrire moi-même du coup.

Je suis plutôt content d'avoir fait cette expérience, mais je ne pense pas reproduire en l'état actuel des outils à disposition.

Et vous, vous avez pensé quoi de l'expérience ? Si vous lisez souvent mon blog, est-ce que vous aviez vu que l'écriture était différente ?

Source :

Crédit photo : Générée via Mistral AI avec le prompt suivant :

Créez une illustration d'un duel créatif entre un écrivain humain et une intelligence artificielle. L'humain, représenté avec une plume et un parchemin, est entouré de livres et de rouleaux de papier, symbolisant la sagesse et la créativité littéraires. L'IA, illustrée sous la forme d'un robot élégant ou d'une entité numérique, est entourée de lignes de code et d'hologrammes de texte, symbolisant la génération algorithmique de contenu. Ils se tiennent face à face, prêts à s'affronter, avec des plumes et des stylos symbolisant leurs compétences respectives en écriture. L'arrière-plan montre une bibliothèque futuriste avec des étagères de livres flottants et des écrans numériques, symbolisant la fusion de la tradition et de la technologie. L'atmosphère est intense mais respectueuse, reflétant une compétition amicale et une quête d'excellence dans l'art de l'écriture.