Paris.JS

Détecter les bugs depuis son IDE: TSDoc et autres recettes pratiques Détecter les bugs depuis son IDE TSDoc et autres recettes pratiques @adrienjoly @adrienjoly.com

Slides de mon talk de ce soir, au meetup @parisjs.org : docs.google.com/presentation...
N’hésitez pas si vous avez des questions !

Et c'est la fin de ce talk et c'est la fin de ce ParisJS ! C'est bon de vous revoir !

Tout comme ce que je disais.

Si elle donne pas les bons résultats, vous lui dites "non machine, tu es punie" et elle apprend à ne plus le faire.

Pour être précis, vous donnez des bonbons à la machine jusqu'à ce qu'elle vous donne des bonnes sorties pour les entrées que vous lui donnez.

Un réseau de neurones, en gros, c'est vous avez des entrées, vous avez des sorties, et entre les deux il se passe des trucs (je vous promets que c'est ça)

MediaPipe c'est un framework open source qui a des models de hand-tracking, face-tracking, pose-tracking, etc tu connais

On va utiliser MediaPipe (pour récupérer des trucs médias) et Tensorflow (pour tonsurer des flows ? je sais pas)

Petite démo pour commencer ! gesture-recognition-beryl.vercel.app

Faites des pouces en l'air devant votre écran, promis c'est pas un piège

Et c'est la fin de ce talk, on termine avec Gabriel qui va nous parler de reconnaissance de gestures dans le navigateur via un model

Astuces en vrac !

Soit vous typecheckez tout dès le départ en excluant de moins en moins de fichiers au fur et à mesure, soit vous faites l'inverse (typechecker quelques fichiers à la fois)

C'est comme voulvoul

Passer de JS à TS oui ! Mais comment ?
Tout réécrire ?
Code freeze ?
🥶

Transition progressive !

Si vous n'avez pas de pattern matching, l'exhaustive checking c'est bien aussi

Woah du type checking sans transpilation avec JSDoc le futur est fouuuuuy

"L'erreur c'est de suivre un peu bêtement chatGPT" c'est vrai pour du code et c'est vrai pour une industrie entière. C'est fou !

Un beau mariage c'est un beau contrat. Votre front et votre back sont mariés, pensez à un contrat d'API.

En TS, évitez any comme la peste parce qu'il va s'infiltrer dans votre application, tout rendre pourri et tuer votre chien avant de crasher votre application.

Bon le chien peut-être pas, mais l'application, garanti.

Utilisez le mode strict.

"guess we're doing sushi now"

"Vous n'êtes pas obligés de lire les détails", qu'il nous dit.
Ça tombe bien : je ne sais PAS lire 👍

Comment éviter les bugs ?
Eh bah on va commencer par écrire des tests. Oui je sais ça fait peur mais à un moment il faut se sortir les doigts.
Ensuite on peut envisager un linter, il est infatigable et saura plus vite que vous si vous êtes en train de faire une connerie

Switcher vers TypeScript, suffisant ? Probablement pas mais il va nous l'expliquer, enfin je pense.

(trilogie du samedi petit ange parti trop tôt néanmoins)

Ça s'ouvre immédiatement sur une parodie de The X-Files, je suis client (jamais vu un seul épisode mais je fais semblant)

Téma la prestance

Et c'est la fin de ce talk ! On enchaîne avec @adrienjoly.com qui va nous parler de comment détecter les bugs directement depuis son IDE

Une fois que tout ça est fait, il est l'heure de restituer;
Pour ça vous pouvez déjà faire des pull requests pour les sujets les plus rapides à traiter, pour le reste, planifiez et documentez pour l'avenir

D'autres pistes pour l'analyse, sur un aspect plus sécurité cette fois