Latest / Le Dernier Clic (avant la fin du monde) / 18 - Côté outils : Le portail du Dernier Clic, de la maquette au code

Transcript

18 - Côté outils : Le portail du Dernier Clic, de la maquette au code · Le Dernier Clic (avant la fin du monde)

• 0:13
  Bonjour et bienvenue dans le dernier clic,
• 0:14
  votre podcast tech,
• 0:15
  IA et no code.
• 0:16
  On se retrouve comme chaque semaine avec Lulu pour plonger dans les méandres de la technologie et essayer de clarifier un petit peu tout ça.
• 0:24
  Je vous préviens,
• 0:25
  on est un peu dissipé cette semaine,
• 0:27
  c'est la fin de journée,
• 0:29
  n'est-ce pas Lulu ?
• 0:30
  Oui,
• 0:30
  ça va,
• 0:30
  on va plonger dans les méandres de nos cerveaux aussi,
• 0:33
  je pense.
• 0:33
  J'espère qu'on trouvera des trucs intéressants.
• 0:36
  Oui,
• 0:37
  ça devrait le faire.
• 0:38
  Peut-être un peu plus le bazar que d'habitude,
• 0:42
  il faut voir.
• 0:44
  En tout cas,
• 0:45
  on se retrouve cette semaine pour continuer un petit peu notre triptyque sur le développement.
• 0:54
  Si vous ne nous avez pas suivis,
• 0:55
  ou même si vous nous avez suivis pour vous remettre un petit peu tout en tête,
• 1:00
  Il y a deux semaines,
• 1:00
  dans un épisode Côté Outils,
• 1:02
  on avait commencé à vous présenter notre portail.
• 1:06
  Enfin,
• 1:07
  en tout cas,
• 1:07
  comment on avait créé et développé un petit peu justement notre portail qu'on utilise nous pour le podcast.
• 1:13
  Donc en gros,
• 1:13
  notre outil logiciel qui nous permet de gérer la diffusion d'un épisode,
• 1:17
  enfin la préparation d'un épisode jusqu'à sa diffusion.
• 1:22
  Et on avait parlé notamment du fait qu'on l'a développé,
• 1:26
  assisté par IA,
• 1:27
  donc en bytecoding.
• 1:29
  Et on voulait vous montrer un peu qu'il y avait plein d'étapes avant,
• 1:32
  qu'il y avait plein de choses à faire,
• 1:34
  en tout cas dans notre vision.
• 1:36
  Et voilà,
• 1:36
  que le bytecoding,
• 1:37
  c'était très puissant.
• 1:38
  Mais il fallait quand même se creuser un petit peu la tête pour essayer de faire des choses intéressantes et surtout viables pour de la production derrière,
• 1:47
  pour que ce soit utilisé par des gens par la suite au quotidien et qu'il n'y ait pas tout qui explose dans tous les sens ou pour que vous puissiez par la suite le faire évoluer votre logiciel.
• 1:58
  La semaine dernière,
• 1:59
  on a essayé de faire un petit peu...
• 2:02
  Un petit peu,
• 2:02
  non.
• 2:04
  On a balancé un gros épisode par pain d'une heure 37,
• 2:07
  37 ou 38,
• 2:08
  sur le développement logiciel.
• 2:12
  La bonne nouvelle,
• 2:12
  c'est que ça va nous permettre d'aller plus rapidement sur certains passages aujourd'hui et de ne pas toujours détailler.
• 2:18
  On y fera sûrement référence quand on abordera certains sujets et si vous voulez le détail des grandes étapes qu'il y a dans un développement d'application,
• 2:26
  de manière générale dans les boîtes.
• 2:28
  On vous renvoie à l'épisode de la semaine dernière,
• 2:30
  qui est relativement assez pertinent pour vous donner une bonne idée du sujet des différents points.
• 2:41
  Et aujourd'hui,
• 2:42
  on reprend la suite sur notre portail et nous,
• 2:47
  et on va essayer d'avancer,
• 2:49
  d'aller un petit peu plus loin sur les étapes d'après,
• 2:53
  pour vous faire un mini récap'
• 2:56
  très court de ce qu'on s'était dit l'autre fois.
• 2:58
  C'est que le portail,
• 2:59
  à la base,
• 3:00
  nous on l'a fait parce qu'on utilisait plein d'outils qui étaient un peu éclatés.
• 3:03
  Et du coup,
• 3:04
  on avait des infos un peu partout.
• 3:06
  On avait besoin de centraliser tout ça en un seul endroit pour pouvoir bosser.
• 3:12
  Et pour pouvoir justement organiser nos podcasts et les amener à bon port.
• 3:16
  Et aussi,
• 3:16
  par rapport aux différents outils qu'on avait,
• 3:19
  on ne pouvait pas avoir des invités directement qui arrivent,
• 3:22
  qui interagissaient avec nous.
• 3:24
  Ça aurait été vraiment compliqué.
• 3:26
  Déjà qu'entre nous deux,
• 3:28
  on se dit si on doit rajouter une tierce personne là-dedans,
• 3:32
  on ne va pas lui faire vivre ça.
• 3:34
  C'est ça,
• 3:34
  c'est qu'il aurait fallu à chaque fois créer des trucs sur mesure pour chaque personne,
• 3:38
  en quelque sorte.
• 3:39
  Et faire comme malheureusement beaucoup de gens et beaucoup de boîtes font,
• 3:44
  de passer directement par du WhatsApp qui double avec du mail,
• 3:47
  qui triple avec du drive,
• 3:49
  qui enchaîne avec...
• 3:52
  Ou les pages de la chaîne partagées.
• 3:54
  plein de...
• 3:56
  Mais quand bien,
• 3:56
  même dans la page de la chaîne,
• 3:57
  il n'y a pas forcément tout,
• 3:58
  parce que les gens n'ont pas forcément le réflexe de venir voir les commentaires,
• 4:00
  etc.
• 4:02
  C'est ça,
• 4:02
  et on se dit,
• 4:04
  il y a des gens qui vont prendre le temps de venir discuter avec nous,
• 4:07
  donc c'est pour pas qu'on leur envole plus et que l'expérience soit aussi agréable que possible aussi.
• 4:14
  Oui,
• 4:15
  ce qui nous a amenés à nous dire qu'on avait besoin d'un portail,
• 4:18
  d'un outil pour nous,
• 4:19
  donc vraiment un outil collaboratif pour gérer tout ça,
• 4:21
  pour permettre d'avoir aussi nos invités.
• 4:24
  Donc il y a deux semaines,
• 4:25
  on avait fait un petit récap de la différence entre un site web et une application.
• 4:29
  On était revenu sur le fait que le cœur d'une application et la base de tout,
• 4:34
  c'est de définir un besoin,
• 4:36
  de comprendre le problème de départ et de bien cadrer en fait pourquoi on va faire un programme s'il n'y a pas déjà des solutions qui existent et à quoi notre logiciel doit répondre vraiment à terme.
• 4:48
  on avait aussi parlé du coup du...
• 4:53
  PRD,
• 4:54
  notamment,
• 4:55
  ce qui est l'équivalent d'un cahier des charges fonctionnel,
• 4:58
  dans lequel on va mettre...
• 5:00
  concrètement de quoi on a besoin après pour développer notre application.
• 5:03
  Et voilà,
• 5:04
  on avait convenu du fait,
• 5:06
  enfin on vous avait raconté un petit peu qu'en fait,
• 5:07
  une fois qu'on avait tout ça,
• 5:08
  on avait fait plein d'infos,
• 5:09
  on avait déblayé un peu le terrain,
• 5:11
  on avait assez de choses pour s'attaquer au maquettage.
• 5:15
  Donc vraiment au moment où on va réaliser le premier jet au final de l'application,
• 5:20
  mais sur sa partie vraiment design et interface,
• 5:22
  donc de mettre toutes les pages et à quoi va ressembler l'application.
• 5:26
  Donc là,
• 5:27
  c'est là que Lulu intervenait.
• 5:29
  et justement nous parler de comment elle avait pensé la maquette,
• 5:34
  comment elle l'avait faite et comment elle l'avait aussi...
• 5:37
  J'avais attaqué un peu cette recherche-là pendant que tu révisais le PRD de ton côté.
• 5:43
  Et c'est pour ça qu'on va reprendre,
• 5:46
  on en était arrivé la dernière fois,
• 5:48
  la confrontation de la maquette avec le
• 5:51
  PRD, on va dire,
• 5:52
  mis à jour.
• 5:54
  Parce que là,
• 5:55
  je ne sais pas si,
• 5:56
  par exemple...
• 5:57
  Pour une prochaine application,
• 5:58
  vu que maintenant,
• 5:59
  tu as trouvé un autre process pour faire ton PRD,
• 6:04
  je pense que la maquette va quand même moins différer.
• 6:06
  Et la confrontation dont on va parler là juste après,
• 6:09
  elle ne sera peut-être pas aussi importante.
• 6:11
  Ou je ne sais pas comment tu le vois.
• 6:14
  Ouais,
• 6:15
  alors,
• 6:16
  effectivement,
• 6:17
  là,
• 6:18
  en gros,
• 6:18
  le PRD,
• 6:18
  je l'avais fait avec une première méthode qui mélangeait la technique et le fonctionnel.
• 6:22
  Toi,
• 6:22
  tu t'étais basé là-dessus.
• 6:24
  tu as identifié des choses qui manquaient,
• 6:26
  tu les as rajoutées sur la maquette.
• 6:28
  Entre temps,
• 6:28
  moi j'ai repris du début en adaptant la méthode qui était dans le livre d'Alexis Kovalenko,
• 6:33
  le traité de vibe coding éclairé,
• 6:35
  et en remaniant un peu les différentes étapes à ma sauce.
• 6:39
  Et ce qui fait que quand tu m'as renvoyé la maquette,
• 6:40
  effectivement j'avais des choses qui différaient entre les deux,
• 6:45
  et notamment des choses en plus dans ta version.
• 6:50
  ou que je n'avais pas forcément pensé,
• 6:51
  ou que j'avais vu dans une deuxième version,
• 6:53
  et en fait,
• 6:53
  en les voyant à l'écran,
• 6:55
  je me suis tombé d'accord sur le fait que ce serait bien de les avoir dès le début.
• 6:59
  Il y avait quand même certaines choses que tu avais mises,
• 7:00
  je me suis dit,
• 7:01
  non,
• 7:01
  ça c'est quand même trop tôt,
• 7:02
  on le mettra plus tard.
• 7:03
  On va symboliser déjà notre...
• 7:05
  Quand on vous parle de V1 et V2,
• 7:07
  c'est vraiment la première version,
• 7:08
  l'essentiel de l'app.
• 7:10
  Et V2,
• 7:10
  c'est ce qui peut arriver dans un second temps et qui est moins critique pour les premières semaines ou les premiers mois d'utilisation.
• 7:21
  Et donc la confrontation,
• 7:22
  le principe c'est de se dire je vais prendre tout ce qu'il y a dans la maquette,
• 7:26
  je vais regarder ce que j'avais au départ,
• 7:28
  je vais faire le lien entre les deux,
• 7:30
  je vais voir ce qu'il y a en plus,
• 7:33
  ce que j'estime qu'on n'a pas besoin et on va démêler tout ça pour garder une version mise à jour du PRD et des
• 7:41
  User Stories qui reflète vraiment ce qu'on veut au niveau de l'application.
• 7:48
  Donc là effectivement c'était un cas où il y avait peut-être...
• 7:50
  plus de changements qu'il peut y avoir par la suite.
• 7:54
  Néanmoins,
• 7:55
  je pense que...
• 7:55
  au niveau fonctionnel aussi.
• 7:57
  Parce qu'il y avait des...
• 8:00
  Ça t'a rajouté un peu des user stories après,
• 8:03
  derrière ?
• 8:04
  Avec de nouvelles fonctionnalités ?
• 8:06
  Oui.
• 8:06
  Ok.
• 8:06
  Oui.
• 8:07
  Toutes nouvelles fonctionnalités que j'ai ajoutées passent par des user stories supplémentaires.
• 8:12
  Et là,
• 8:12
  c'est vrai que quand j'avais regardé dans le repo,
• 8:14
  tu avais fait un skill exprès pour la confrontation.
• 8:17
  Oui.
• 8:18
  Et ça,
• 8:19
  je ne sais pas,
• 8:20
  tu l'avais construit comment ?
• 8:21
  Tu étais parti avec le skill qui t'aide à construire les skills ou tu as fait autrement ?
• 8:29
  Je fais à ma méthode.
• 8:30
  Oui,
• 8:31
  ce n'était pas forcément dans le bouquin.
• 8:33
  C'était plus adapté à ce cas spécifique-là.
• 8:36
  De toute façon,
• 8:36
  même ce qui était dans le bouquin d'Alexis sur l'e-logique,
• 8:40
  en gros,
• 8:40
  à chaque fois que je fais un skill,
• 8:41
  je reprends la méthode que je veux déployer.
• 8:45
  Je la détaille.
• 8:47
  J'itère avec l'IA pour la clarifier et qu'on voit un peu où est-ce qu'il y a des manques et où est-ce qu'il y a trop de choses et qu'on en fasse quelque chose de cohérent.
• 8:54
  Et après,
• 8:55
  le skill d'anthropique.
• 8:57
  Pour rappel,
• 8:58
  les skills,
• 8:58
  c'est les compétences que vous pouvez mettre en place dans l'IA,
• 9:02
  qui sont des méthodes ou des process que vous pouvez intégrer à votre IA pour qu'elle déroule votre façon de bosser,
• 9:08
  globalement.
• 9:09
  Et donc,
• 9:10
  il y a un skill,
• 9:10
  il y a une compétence qui est disponible dans le cloud qui permet de créer ces fameux skills.
• 9:15
  d'une manière structurée avec plusieurs choses,
• 9:19
  parce qu'en fait,
• 9:20
  l'avantage des skills et des compétences,
• 9:22
  c'est qu'on peut les exporter pour les passer au point.
• 9:26
  Et aussi qu'on peut les construire de différentes manières,
• 9:28
  avec des références,
• 9:28
  pour en faire des choses plus ou moins détaillées,
• 9:30
  plus ou moins complexes,
• 9:32
  avec plus ou moins d'étapes.
• 9:34
  Et en fait,
• 9:35
  non,
• 9:35
  la confrontation,
• 9:36
  je me suis posé sur les méthodes,
• 9:38
  en me disant,
• 9:39
  je veux qu'on reprenne tel point par rapport au PRD,
• 9:41
  je veux qu'on challenge ça par rapport à la maquette,
• 9:44
  que tu identifies ces différents points.
• 9:45
  En fait,
• 9:46
  ce que je n'ai pas challengé dans la confrontation,
• 9:49
  c'est la partie design.
• 9:50
  Parce que la partie design,
• 9:52
  même le responsive et même des choses comme ça,
• 9:55
  le PRD n'est pas là pour ça.
• 9:56
  Il n'est là vraiment que pour la partie fonctionnelle.
• 9:58
  et dire qu'on a besoin que l'application permette de faire tout ça.
• 10:02
  Mais quant à savoir si la maquette est parfaitement adaptée au mobile,
• 10:07
  quant à savoir si elle répond bien à toutes les normes d'accessibilité,
• 10:10
  quant à savoir si ce bouton en Ausha droite ne serait pas le mieux en bas à gauche,
• 10:12
  on s'en fout.
• 10:13
  Ce n'est pas à ce moment-là qu'on va l'ajuster.
• 10:17
  Et donc j'ai construit mon skill pour qu'il a identifié tous les points qui sont importants pour moi et qu'on voit ce qui doit être ajusté et adapté.
• 10:28
  et ajouté et vu que j'ai fait mon skill,
• 10:32
  je savais que sur la prochaine maquette que j'aurais à récupérer avant le dev,
• 10:36
  je vais la confronter dans tous les cas.
• 10:39
  Ah oui,
• 10:39
  oui,
• 10:39
  complètement.
• 10:40
  Parce que maintenant que j'ai l'outil,
• 10:41
  au final,
• 10:44
  même s'il y a peu de choses à retoucher,
• 10:45
  il y en aura probablement quand même quelques...
• 10:47
  Enfin,
• 10:48
  il y a souvent moins des petits détails et des petites choses à remanier et c'est juste que ça ira beaucoup plus vite.
• 10:54
  Mais...
• 10:56
  En tout cas,
• 10:56
  à partir de là,
• 10:57
  en sortant de la confrontation,
• 10:58
  j'avais mes documents fonctionnels qui étaient tous à jour,
• 11:03
  prêts,
• 11:04
  raccords avec la maquette en termes de ce qu'on voulait.
• 11:07
  C'est vrai que moi,
• 11:07
  ce que j'avais bien aimé,
• 11:09
  parce que j'avais lu justement ce document de confrontation,
• 11:13
  et là,
• 11:14
  ce qui était bien,
• 11:15
  c'est que chaque élément qui différait entre la maquette et le PRD,
• 11:22
  c'est toi qui l'as arbitré.
• 11:23
  c'est toi qui as choisi oui,
• 11:25
  non,
• 11:25
  et c'est pas au regard du projet,
• 11:28
  Claude a choisi si ça partait en V1,
• 11:31
  V2,
• 11:32
  ou si c'était pas pertinent,
• 11:33
  ou qu'il fallait mieux garder la version maquette.
• 11:35
  Après,
• 11:36
  il y avait quand même de l'argumentation au regard du projet,
• 11:40
  mais tu avais quand même cette main où c'est toi qui décidais si on l'intégrait maintenant,
• 11:45
  si on l'intégrait pas,
• 11:46
  si ça restait au backlog pour la V2.
• 11:50
  Oui,
• 11:51
  ça,
• 11:51
  comment...
• 11:52
  On l'avait déjà dit dans les précédents épisodes,
• 11:55
  mais surtout celui où on vous a parlé de notre application.
• 11:59
  L'intérêt de l'IA,
• 12:00
  c'est qu'elle l'exécute pour vous,
• 12:02
  mais ça reste à vous de piloter,
• 12:04
  d'avoir la stratégie et la logique.
• 12:06
  Et quand vous ne comprenez pas des choses qu'elle vous raconte,
• 12:08
  vous demandez de clarifier,
• 12:11
  de détailler,
• 12:12
  d'expliquer.
• 12:12
  Mais ça peut arriver de laisser des choix à l'IA parce que sur le moment,
• 12:19
  on est fatigué,
• 12:19
  on ne comprend pas trop.
• 12:21
  vas-y parce que là j'ai pas trop suivi,
• 12:23
  fais-le à ta sauce.
• 12:24
  Et qu'on se rend compte plus tard en fait qu'on n'aurait pas dû,
• 12:28
  parce que le choix qu'elle a fait ne correspond pas à ce qu'on voulait,
• 12:31
  et qu'on s'en rend compte un peu plus tard et que du coup c'est galère et ça oblige à changer des choses et à se prendre un peu la tête parce que ce qui nous aurait pris une minute à la base à juste demander une explication plus claire et à choisir en étant plus conscient de la décision se
• 12:47
  traduit par beaucoup plus de temps à la fin.
• 12:51
  à la fin parce que ça a des implications techniques entre temps il y a des choses qui ont été développées et c'est exactement ce qu'on vous disait dans l'épisode dernier plus tard vous allez prendre conscience d'un problème et d'un besoin et de devoir le corriger,
• 13:04
  enfin plus tard non,
• 13:05
  c'est un cycle de développement d'applications,
• 13:08
  plus ça va vous coûter du temps,
• 13:09
  de l'énergie et des galères pour un résultat qui sera potentiellement moins bon parce qu'il y aura des compromis à faire quand même que si ça avait été pensé au départ ouais
• 13:23
  Et selon les cas,
• 13:24
  vous allez pouvoir faire mieux ou des fois être bloqué.
• 13:28
  C'est ce qu'on avait aussi évoqué en parlant de dette technique.
• 13:32
  Vous pouvez vous retrouver bloqué si vous avez fait une succession de mauvais choix ou de choix trop rapides pour aller vite à un objectif sans penser à ce qui pouvait arriver plus tard et qu'au moment où vous voulez aller plus loin,
• 13:47
  vous êtes obligé de casser tout un bout de votre application pour le reprendre de zéro.
• 13:52
  Et ça,
• 13:54
  c'est le bazar.
• 13:56
  Mais voilà,
• 13:58
  en tout cas,
• 13:59
  ça nous amène à la partie d'après,
• 14:01
  qui est le choix d'architecture.
• 14:04
  On s'en va le passer un peu rapidement,
• 14:05
  mais en fait,
• 14:06
  l'objet de cette étape-là,
• 14:08
  ça va être de définir exactement ce qu'on veut,
• 14:12
  techniquement parlant,
• 14:13
  pour développer notre application.
• 14:15
  C'est-à-dire,
• 14:17
  qu'est-ce qu'on veut pour le front-end ?
• 14:18
  Pour rappel,
• 14:19
  le front-end,
• 14:19
  c'est la partie interface.
• 14:21
  où est-ce qu'on va mettre le code qui va gérer ça et qu'est-ce qu'on va utiliser comme langage de programmation dessus c'est là où on va définir aussi le schéma de la base de données,
• 14:30
  donc se dire ok on va utiliser tel backend,
• 14:33
  pour rappel le backend c'est votre arrière boutique c'est là où vous avez la logique d'une application,
• 14:39
  où on va gérer les utilisateurs,
• 14:41
  on va gérer l'information comment c'est enregistré,
• 14:43
  comment c'est stocké on va avoir aussi toutes les règles qui vont se déclencher l'homme.
• 14:48
  vraiment quand vous allez travailler,
• 14:49
  de dire quand j'appuie sur un bouton il se passe plein de choses,
• 14:51
  mais en fait il se passe plein de choses parce que derrière c'est côté back-end.
• 14:54
  Donc ça là vous allez choisir en fait vraiment les technologies,
• 14:58
  les mots...
• 14:59
  les outils,
• 15:00
  les logiques,
• 15:01
  les langages que vous allez mettre en place et aussi comment vous allez penser la sécurité,
• 15:06
  par exemple.
• 15:07
  En fonction de tel ou tel backend,
• 15:10
  ça va être un choix stratégique ou pas.
• 15:12
  En fonction de où vous allez héberger aussi votre application,
• 15:17
  au niveau de la sécurité,
• 15:19
  ça va avoir plus ou moins d'incidence.
• 15:23
  À cet endroit-là,
• 15:24
  on ne va pas anticiper et planifier tout le...
• 15:29
  le code de l'application,
• 15:29
  ce n'est pas du tout l'objet.
• 15:31
  C'est juste de mettre,
• 15:32
  de définir tout le cadre technique sur lequel on va s'appuyer et sur lequel on va travailler.
• 15:38
  Parce que les migrations,
• 15:39
  c'est galère,
• 15:40
  Frédéric.
• 15:43
  Oui,
• 15:44
  ça dépend.
• 15:45
  Ça dépend à quel moment on est amené à faire une migration.
• 15:47
  Ça dépend.
• 15:49
  Et oui,
• 15:49
  effectivement,
• 15:50
  on parlera à la fin de...
• 15:51
  Peut-être pas aujourd'hui,
• 15:53
  ça dépendra.
• 15:54
  Mais on parlera de migration,
• 15:57
  effectivement.
• 15:58
  Parce que justement,
• 15:59
  j'ai fait un choix d'architecture sur du Supabase,
• 16:02
  qui est un outil très connu et très adapté pour le vibe coding,
• 16:06
  pour héberger les données et pour gérer tout ça.
• 16:09
  Et qui marche très bien dans la version que j'utilise aujourd'hui,
• 16:14
  qui est en cloud,
• 16:16
  mais qui est un outil américain,
• 16:19
  mais qui est aussi open source et donc qui permet de l'héberger sur ses propres serveurs où on veut et comme on veut.
• 16:25
  Et ce back-end,
• 16:26
  justement,
• 16:27
  là,
• 16:27
  je suis en train de commencer une migration pour essayer de l'amener sur une version hébergée,
• 16:35
  auto-hébergée.
• 16:37
  Je reviendrai plus tard dans le détail du pourquoi,
• 16:39
  comment,
• 16:40
  et du fait que ce n'est pas moi directement qui vais gérer l'infrastructure de ça.
• 16:44
  Je veux rester quand même sur quelque chose d'encadré.
• 16:47
  Mais le choix d'architecture,
• 16:49
  ça fait aussi partie des choses,
• 16:52
  des moments où vous allez vous...
• 16:53
  poser la question de est-ce que j'utilise quelque chose d'accessible comme du lovable ou comme des outils comme ça qui sont plus simples à prendre en main est ce que vous allez être dans du vibe coding on va dire plus avancé ou vous allez vraiment du
• 17:09
  coup gérer enfin gérer vous appuyez sur des outils d'infrastructures un front end un back end mais sur lesquels vous allez devoir quand même gérer beaucoup plus de choses à la main
• 17:22
  connaissance de cause en tout cas et sachant qu'il ya un autre niveau encore au dessus c'est les comme dire c'est les développeurs et développeuses qui vont créer eux mêmes leur backend et construire la base de données et tout gérer eux mêmes mais n'allez pas là dessus si on n'est pas déjà développeurs développeuses l'avantagent des outils entre deux comme du super base comme du xano comme
• 17:42
  du bah du coup il y a corvex aussi corvex il est plus ceux d'avant mais vous avez quelques outils comme ça qui vous permettent encore en tant que
• 17:51
  personnes un peu techniques mais pas complètement développeurs et qui enfin voilà vous pouvez comprendre de la pro de la programmation visuelle et vous êtes en mesure d'interagir et de savoir ce qui se passe et de vous former sur des outils comme ça en
• 18:08
  fait l'avantagé que ces outils là ils vont vous apporter une couche de sécurité supplémentaire ils vont héberger vos données ils vont mettre en place des sauvegardes automatiques tous les jours ils vont vous mettre énormément de facilité pour vous donner un cadre alors ça n'empêche pas de faire des bêtises au niveau de la sécurité
• 18:21
  Puisque derrière,
• 18:22
  c'est vous qui faites le code.
• 18:23
  Donc,
• 18:23
  si vous faites des trous dans le code,
• 18:25
  ils ne vont pas garantir ça.
• 18:27
  Mais en revanche,
• 18:29
  le serveur tourne chez eux,
• 18:31
  il est protégé déjà de base de pleine manière,
• 18:33
  il a des soccards.
• 18:35
  C'est quand même des assistances et des choses comme ça qui sont très importantes et très utiles.
• 18:41
  Et voilà,
• 18:41
  tout ça pour dire que le choix d'architecture,
• 18:43
  il se fait à ce moment-là.
• 18:44
  Oui,
• 18:44
  vraiment,
• 18:45
  avant de commencer à...
• 18:46
  coder,
• 18:46
  c'est pas au fil de l'eau où on va dire tiens,
• 18:49
  de quoi je vais avoir besoin même de voir en termes de compatibilité entre les différents architectures qu'on va choisir.
• 18:59
  Parce que par défaut,
• 19:00
  si on se lance dans du code,
• 19:03
  Claude il va faire un fichier JS et après il y a la question qui arrive,
• 19:07
  c'est quoi ton back-end ?
• 19:09
  Ça tourne sur mon PC.
• 19:11
  Mais ça c'est un bon point.
• 19:14
  justement,
• 19:14
  et Kata peut d'ailleurs parler de tes apps,
• 19:17
  parce qu'au moment du choix d'architecture,
• 19:19
  on n'est pas obligé d'aller sur du Superbase ou sur des outils comme ça en ligne pour que tout le monde y accède et tout.
• 19:27
  Tout dépend de votre app,
• 19:28
  en fait.
• 19:29
  Si ça correspond à un besoin juste pour vous au quotidien qui n'implique pas d'accès à Internet ou qui peut tourner que sur votre machine ou qui peut avoir besoin d'accès à Internet,
• 19:41
  etc.
• 19:42
  En tout cas,
• 19:42
  qui est que pour vous.
• 19:44
  vous pouvez faire des choses qui sont vachement plus douces,
• 19:47
  on va dire,
• 19:48
  moins dangereuses.
• 19:49
  Ça,
• 19:49
  mais par défaut,
• 19:49
  Claude,
• 19:50
  il ne va pas proposer,
• 19:52
  même selon l'application,
• 19:53
  parce que l'application à laquelle je pense,
• 19:57
  le but,
• 19:58
  c'était potentiellement de la...
• 20:00
  rattaché au portail,
• 20:03
  mais il n'y a pas eu ce questionnement de sur quel backend on part.
• 20:12
  Quand on lui demande c'est quoi le backend après pas mal d'itérations,
• 20:15
  c'est parfait cette question tombe à pic.
• 20:18
  Justement,
• 20:20
  il y a un fichier JS.
• 20:21
  C'est ça,
• 20:22
  j'ai un fichier,
• 20:23
  tu appelles dedans,
• 20:24
  j'ai tout foutu en vrac,
• 20:25
  et puis débrouille-toi.
• 20:29
  Et voilà,
• 20:29
  ça,
• 20:29
  ça passe sur un besoin,
• 20:32
  sur un usage,
• 20:34
  tout seul sur son ordi ou tout seul à aller justement faire des manips qui ne sont pas sensibles,
• 20:39
  qui ne sont pas graves,
• 20:40
  où vous n'avez pas forcément de données,
• 20:42
  quand même,
• 20:42
  il n'y a pas besoin de sauvegarde,
• 20:44
  il n'y a pas besoin de choses critiques.
• 20:46
  Il y a plein de cas,
• 20:47
  en fait,
• 20:47
  où ça ira très bien,
• 20:49
  tout simplement.
• 20:50
  D'ailleurs,
• 20:50
  c'est comme l'application dont tu nous avais parlé il y a un moment.
• 20:55
  Ah,
• 20:55
  de convertisseur ?
• 20:56
  Ouais.
• 20:57
  Oui,
• 20:57
  ça,
• 20:57
  c'était local.
• 21:00
  Et je n'avais pas besoin de plus.
• 21:01
  Mais ça,
• 21:02
  je le savais.
• 21:02
  Mais là,
• 21:03
  par exemple,
• 21:05
  l'éditeur pour générer les caroussels ou tout visuel lié au podcast à partir de la transcription d'un épisode,
• 21:15
  moi,
• 21:15
  dans l'idée,
• 21:16
  c'était de le faire pour gagner du temps,
• 21:19
  moi,
• 21:21
  sur mon PC.
• 21:22
  Et après,
• 21:23
  c'est de se dire...
• 21:24
  Ah,
• 21:24
  mais ça serait quand même vachement bien que si on appuie sur un bouton dans le portail,
• 21:28
  ça le fasse automatiquement.
• 21:30
  Et que je n'ai pas besoin d'avoir mon PC allumé pour le faire et que ça ne dépende pas que de moi non plus.
• 21:35
  Et pourquoi pas que les invités,
• 21:37
  quand ils viennent sur le portail,
• 21:38
  puissent aussi générer les visuels pour communiquer sur l'épisode dans lequel ils ont été invités.
• 21:43
  Et là,
• 21:44
  je sais que le projet,
• 21:47
  je le vois plus comme un prototype parce que ça sera impossible de revenir au départ pour le refaire proprement.
• 21:53
  partir presque de zéro dans ce cas-là.
• 21:57
  En tout cas,
• 21:57
  je pense.
• 21:58
  Ça sera mieux.
• 21:59
  Le backend,
• 22:00
  c'est sûr.
• 22:01
  Sur le frontend,
• 22:01
  non.
• 22:01
  Ça permettra de garder déjà toute l'interface,
• 22:05
  toute la partie visuelle,
• 22:06
  toute la logique.
• 22:08
  Mais oui,
• 22:08
  ce sera un proto.
• 22:09
  De là,
• 22:09
  on va pouvoir en déduire les fonctionnalités dont on a besoin.
• 22:12
  Le cycle dont on a parlé jusqu'à présent,
• 22:14
  on va le refaire,
• 22:15
  mais en ayant déjà la Mac à ta disposition parce qu'en fait,
• 22:17
  tu auras conceptualisé et itéré et développé.
• 22:22
  ce que tu voulais en termes de besoins,
• 22:24
  en termes de tout ça,
• 22:25
  tu l'as fait directement en codant.
• 22:27
  Oui,
• 22:28
  et puis en soi,
• 22:28
  ça marche sur mon PC.
• 22:30
  Je pense que je vais l'utiliser au début,
• 22:32
  moi de mon côté,
• 22:33
  pour l'affiner et qu'on puisse vraiment,
• 22:35
  quand on va commencer le vrai développement,
• 22:39
  pas vraiment notre faux et de vrai développement,
• 22:40
  mais quand ça sera en vue de l'intégrer au portail ou pour utilisation à plusieurs personnes,
• 22:48
  ça sera de...
• 22:50
  vraiment prendre en compte tout ça mais d'arriver avec quelque chose où je ne vais pas me dire ah bah tiens c'est vrai que ça serait mieux comme ça ou alors c'est vrai que des contrôles Z c'est pratique.
• 23:01
  Je ne sais pas comment ça va être fait en back-end,
• 23:03
  ça va être marrant.
• 23:07
  Il ne faut pas me laisser développer.
• 23:11
  Ça dépendra si ton contrôle Z a besoin qu'il affecte les autres ou pas.
• 23:15
  Aujourd'hui tu ne l'as que en front de toute façon,
• 23:18
  ce qui ne te concerne que toi.
• 23:20
  Je pense que ça peut suffire.
• 23:22
  Après,
• 23:22
  dans l'idée,
• 23:22
  ça serait même de presque plus avoir d'interface.
• 23:25
  Là,
• 23:25
  je m'en sers pour moi itérer et voir,
• 23:27
  mais d'arriver au maximum avec une automatisation et utiliser l'IA le moins possible.
• 23:34
  Mais là,
• 23:34
  pour la partie itération,
• 23:35
  c'est bien,
• 23:36
  mais après,
• 23:36
  d'arriver sur quelque chose de très déterministe,
• 23:39
  qui vient juste remplir des cases sur mon image.
• 23:44
  Il n'y a pas besoin de régénérer,
• 23:47
  d'utiliser de l'IA.
• 23:48
  et déjà le...
• 23:49
  En soi,
• 23:50
  le petit logiciel que j'ai fait,
• 23:52
  c'était pour ne pas avoir à utiliser de l'IA à chaque fois,
• 23:55
  pour refaire des visuels qui partagent un même template.
• 24:00
  Et là,
• 24:01
  ça peut déjà presque tourner sans l'IA et c'est trop,
• 24:03
  trop cool.
• 24:04
  Oui,
• 24:04
  parce que pour...
• 24:06
  Je j'en vois un peu.
• 24:07
  En gros,
• 24:08
  typiquement,
• 24:09
  quand on parle de template,
• 24:10
  on parle de modèle.
• 24:11
  Donc là,
• 24:11
  pour le coup,
• 24:12
  un modèle visuel.
• 24:13
  Donc,
• 24:14
  comme un...
• 24:16
  Un peu comme les images que vous avez quand on diffuse les épisodes du podcast que vous pouvez avoir sur YouTube ou sur votre lecteur de podcast.
• 24:23
  Et Lulu avait fait un carousel notamment sur LinkedIn justement avec plusieurs images,
• 24:27
  avec du texte,
• 24:29
  le carousel était très joli,
• 24:30
  avec plein de diapos différentes et des approches différentes.
• 24:33
  Et là le concept est temps de se dire,
• 24:36
  par exemple dans un outil comme Katva,
• 24:38
  j'ai ce modèle-là qui est disponible,
• 24:40
  mais je vais aller modifier à la mano chaque bout.
• 24:45
  changer du texte ou éventuellement choisir plutôt tel ou tel visuel ou tel ou tel effet.
• 24:51
  Et là,
• 24:53
  c'est qu'en gros,
• 24:53
  tu t'es fabriqué toi-même ta collection de modèles.
• 24:56
  Enfin,
• 24:56
  tu les as récupérés depuis Canva pour les mettre comme ça là-dedans.
• 24:59
  Ah,
• 25:00
  j'ai pas utilisé du tout Canva.
• 25:02
  pour le carousel.
• 25:03
  Oui,
• 25:04
  mais tu les avais créés avec quoi ?
• 25:05
  Avec Cloud
• 25:05
  Design ? Oui.
• 25:07
  D'accord.
• 25:08
  Enfin,
• 25:08
  à partir d'un spi,
• 25:11
  de trucs que j'avais presque dessinés à la main.
• 25:14
  C'était de me dire,
• 25:16
  tiens,
• 25:18
  je suis repartie pas mal du proto que j'avais fait pour le site web et presque utiliser différentes parties du site web,
• 25:24
  mais transformé en carousel pour avoir une certaine cohérence pour quand on fera le site web.
• 25:30
  Mais c'était dans Cloud Design.
• 25:32
  et ça avait été une purge pour avoir un PDF.
• 25:35
  Je me dis,
• 25:36
  OK,
• 25:36
  pour la première fois,
• 25:38
  pour faire mes itérations,
• 25:40
  pour me dire,
• 25:41
  tiens,
• 25:42
  là,
• 25:42
  j'ai effectivement trois transcriptions d'épisodes parce qu'en plus,
• 25:46
  on en a annoncé trois d'un coup.
• 25:48
  De me dire,
• 25:49
  là,
• 25:49
  j'aurais un bon panel de possibilités.
• 25:53
  Mais il y a des moments où j'aurais envie de changer le fond et je veux pouvoir l'éditer à la main parce que là,
• 25:58
  c'est trop coûteux en énergie,
• 26:00
  en token.
• 26:01
  Enfin,
• 26:01
  juste...
• 26:02
  pour changer et je me suis dit là je sais j'ai un exemple,
• 26:07
  à partir de cet exemple je vais générer différents templates et l'idée c'est de les modifier directement et de pourquoi pas avoir un format JSON à partir de la transcription d'un épisode et de se dire tiens
• 26:24
  pour telle citation c'est tel slide qui correspondra le mieux donc on remplit enfin voilà c'est...
• 26:32
  C'est un peu l'idée pour le moment.
• 26:36
  Pour finir sur la représentation visuelle que vous pouvez vous en faire,
• 26:39
  c'est de vous dire que vous avez plusieurs choix de diapos.
• 26:42
  Vous en choisissez une et après,
• 26:44
  vous avez juste des petites flèches qui vont vous permettre de cliquer pour changer d'une variante à l'autre,
• 26:48
  pour changer des logos,
• 26:52
  des bouts,
• 26:52
  des emplacements,
• 26:53
  changer de la couleur,
• 26:54
  changer de la profondeur.
• 26:55
  Mais vraiment personnaliser pour le dernier clic.
• 26:58
  Et comme ça,
• 26:59
  relâcher les couleurs.
• 26:59
  Et ce que j'aime bien,
• 27:01
  c'est que là,
• 27:01
  je sais que j'ai que ce qu'il me faut.
• 27:03
  Parce que sinon,
• 27:04
  dans Canva,
• 27:04
  on peut perdre énormément de temps à essayer plein de trucs.
• 27:09
  Là,
• 27:09
  au moins,
• 27:10
  ça me permet de me concentrer plus sur le contenu et de me dire OK,
• 27:13
  la mise en forme,
• 27:14
  elle est bien.
• 27:14
  Je l'ai déjà testée,
• 27:15
  je l'aime bien.
• 27:16
  Je peux changer quand même un peu mon fond,
• 27:18
  mais c'est quand même trois fonds parmi celles que j'avais itérées sur le site web.
• 27:24
  Donc,
• 27:25
  ça permet de rester un peu focus.
• 27:28
  Oui,
• 27:28
  en fait tu as fait ton propre outil no-code,
• 27:30
  donc vraiment ton propre outil de programmation visuelle,
• 27:33
  parce qu'à la fin tu ne fais qu'agencer et gérer justement des...
• 27:36
  Parce que tu peux rajouter des blocs,
• 27:37
  tu peux rajouter...
• 27:38
  J'ai vu que tu avais des ajouts de...
• 27:40
  Et ça tourne sur le PC en local,
• 27:42
  tout seul,
• 27:42
  il n'y a pas besoin d'aller en ligne,
• 27:46
  machin,
• 27:46
  enfin voilà,
• 27:46
  là je peux le faire tout seul,
• 27:49
  c'est trop bien !
• 27:50
  Oui,
• 27:50
  tu as ton propre outil sur mesure...
• 27:53
  Oui,
• 27:53
  c'est trop bien !
• 27:56
  Mais bon,
• 27:57
  tu veux quand même le brancher au...
• 27:58
  Je me suis dit,
• 28:00
  ça serait cool quand même.
• 28:01
  Tu veux quand même le brancher au bout du monde.
• 28:02
  Oui,
• 28:02
  parce que tout à l'heure,
• 28:03
  tu parlais de JSON.
• 28:04
  Pour celles et ceux qui n'ont pas en tête,
• 28:06
  en gros,
• 28:06
  c'est ce qui va nous permettre après d'exporter des informations ou d'alimenter justement ce petit moteur de template de manière automatisée,
• 28:18
  de manière programmatique.
• 28:19
  Donc,
• 28:19
  ce soit avec des automatisations ou avec du code,
• 28:23
  de se dire,
• 28:23
  ben voilà,
• 28:24
  là on a...
• 28:25
  on peut lui envoyer les infos qui arrivent typiquement,
• 28:28
  par exemple pour les citations,
• 28:29
  c'est de se dire,
• 28:30
  on a un transcript de nous qu'on récupère déjà dans la plateforme,
• 28:34
  et on va demander à une toute petite IA d'aller identifier les citations les plus intéressantes pour un invité ou une invitée,
• 28:43
  et après la personne pourra choisir parmi les différentes citations celle qu'elle veut garder pour mettre sur un des templates disponibles,
• 28:51
  et elle pourra mettre sa photo.
• 28:53
  quand tu voulais mettre ça.
• 28:54
  Oui,
• 28:55
  pour modifier aussi avec l'effet un peu du automne,
• 28:58
  aussi en magenta.
• 29:00
  Donc là,
• 29:00
  c'est un autre outil qui va arriver peut-être.
• 29:04
  Oui,
• 29:04
  tu vas te calmer sur les outils.
• 29:06
  Petit à petit,
• 29:07
  parce qu'on est déjà deux à rajouter avec tes histoires.
• 29:10
  Celui-là,
• 29:11
  je ne sais plus ce que c'est l'autre,
• 29:12
  mais il y en a deux.
• 29:14
  Oui,
• 29:14
  si je t'ai fait une démo juste avant.
• 29:18
  Pour modifier les couleurs des images,
• 29:20
  enfin,
• 29:21
  de trucs.
• 29:25
  C'était un autre ça ?
• 29:26
  Je mélange les deux.
• 29:28
  Oui,
• 29:28
  c'était un autre encore.
• 29:30
  Pour modifier les images en mode peinture plus ancienne et les raconter dans la couleur.
• 29:38
  Oui,
• 29:38
  celui-là,
• 29:39
  il est plus pour créer des images dans la palette graphique,
• 29:43
  des assets,
• 29:44
  qui pourront servir après à l'autre générateur de templates.
• 29:48
  C'est ça,
• 29:48
  ou pour mettre sur le site internet.
• 29:51
  Si on met les portraits,
• 29:53
  ça serait avec ce duotone des couleurs du dernier clic.
• 29:57
  Et voilà,
• 29:58
  je ne vais pas,
• 29:59
  pour chaque invité,
• 30:00
  le faire à la main.
• 30:01
  Et je me dis,
• 30:02
  ça peut être cool qu'eux puissent mettre leurs photos.
• 30:06
  Il y a un détourage aussi automatique.
• 30:09
  Et puis,
• 30:09
  ça met directement les bonnes couleurs.
• 30:11
  Et après,
• 30:11
  ils peuvent avoir leurs petites citations.
• 30:13
  C'est prêt à publier.
• 30:14
  C'est cool.
• 30:14
  Et voilà,
• 30:16
  un jour.
• 30:17
  Oui,
• 30:18
  un jour.
• 30:19
  On va déjà migrer le Superbase là.
• 30:21
  Et faire l'API.
• 30:23
  Et après...
• 30:24
  L'API...
• 30:25
  Oui,
• 30:26
  bon ça l'est
• 30:27
  On a déjà identifié,
• 30:28
  mais oui.
• 30:29
  Alors,
• 30:30
  on enchaîne.
• 30:31
  Après tout ça,
• 30:31
  on a fait un petit détour en parlant d'architecture.
• 30:34
  On est parti sur un peu tout ça.
• 30:37
  L'étape d'après,
• 30:39
  très simple,
• 30:40
  c'est que je fais un audit avant le développement.
• 30:43
  Le principe de l'audit,
• 30:44
  sur le portail du dernier clic,
• 30:46
  j'avais fait cinq passes de relecture.
• 30:49
  Alors,
• 30:49
  pas que tout seul,
• 30:50
  avec l'IAV aussi.
• 30:52
  Là,
• 30:53
  normalement,
• 30:53
  j'ai calibré le skid pour descendre à trois passes la prochaine fois.
• 30:57
  Mais en fait,
• 30:59
  l'idée de cette étape-là,
• 31:00
  c'est de reprendre tous les documents qui sont déjà prêts,
• 31:04
  donc le PRD,
• 31:06
  les user stories,
• 31:07
  et aussi les autres documents qui ont été déjà identifiés.
• 31:11
  Enfin,
• 31:12
  parce que,
• 31:13
  bref.
• 31:14
  Allez écouter l'autre épisode,
• 31:15
  on ne va pas tous le refaire maintenant.
• 31:17
  Mais de se dire,
• 31:18
  ok,
• 31:18
  maintenant qu'on a travaillé là-dessus,
• 31:19
  il y a probablement,
• 31:21
  vu que ça fait pas mal de matière,
• 31:22
  si l'application est un peu solide,
• 31:25
  il commence à y avoir déjà un...
• 31:27
  un certain nombre de choses.
• 31:28
  Il y a probablement des détails,
• 31:29
  des choses qui ont pu échapper à la vigilance et notamment à travers la confrontation aussi,
• 31:35
  parce qu'entre-temps,
• 31:35
  il y a eu le passage maquette.
• 31:40
  Et donc l'audit avant le développement,
• 31:41
  il sert à ça,
• 31:42
  à aller relire tout,
• 31:43
  identifier où est-ce qu'il y a des incohérences,
• 31:45
  à trancher sur ces incohérences pour dire,
• 31:48
  dans tel document,
• 31:49
  on dit que la personne doit pouvoir faire ça au moment de la diffusion d'un épisode.
• 31:55
  Mais dans l'autre document,
• 31:56
  on dit que l'invité,
• 31:57
  il ne peut pas interagir sur la jaquette de fin,
• 32:02
  par exemple.
• 32:04
  Et là,
• 32:04
  pareil,
• 32:05
  on va trancher à nouveau.
• 32:06
  On va reprendre les décisions et on va revalider.
• 32:09
  Et le but,
• 32:10
  c'est qu'à la fin de cette phase,
• 32:14
  tout soit cohérent,
• 32:15
  que tous les documents soient cohérents,
• 32:16
  qu'il n'y ait pas de trou,
• 32:18
  qu'il n'y ait pas un réglage A qui devient un truc B à un autre endroit,
• 32:22
  alors que c'était censé être logique.
• 32:25
  d'avoir quelque chose de sain et de pré-odave globalement.
• 32:31
  Il reste un petit truc quand même avant d'attaquer le développement,
• 32:35
  c'est le cahier de recettes.
• 32:36
  Le cahier de recettes,
• 32:37
  on en avait déjà parlé aussi.
• 32:40
  L'idée étant de se dire,
• 32:41
  chaque fois qu'on a identifié quelque chose qui doit être dans l'application,
• 32:45
  on fait un scénario de test en face et le cahier de recettes,
• 32:49
  ça va être en gros un cahier qui va recenser de manière détaillée tous les tests à faire,
• 32:53
  tous les scénarios de tests à faire.
• 32:55
  par rapport à toutes les user stories,
• 32:57
  etc.
• 32:58
  Et voilà,
• 33:01
  je crois que sur les étapes,
• 33:02
  avant le développement,
• 33:03
  on n'est pas mal.
• 33:04
  Ça ne nous aura pris qu'un épisode et demi,
• 33:08
  trois quarts.
• 33:09
  Voilà.
• 33:10
  Donc maintenant,
• 33:11
  vous êtes prêts à développer ?
• 33:12
  C'est formidable.
• 33:15
  Enfin.
• 33:16
  Enfin.
• 33:17
  On est loin du...
• 33:20
  Fade up qui...
• 33:22
  Voilà,
• 33:23
  le mini prompt.
• 33:25
  Il s'en est passé des choses,
• 33:26
  quand même.
• 33:27
  Toujours pareil,
• 33:28
  ça dépend de ce qu'on veut faire.
• 33:30
  Parce que toi,
• 33:31
  sur les apps dont on parlait,
• 33:33
  il y en a normalement une ou deux,
• 33:35
  celle que tu as utilisée en local sur les templates,
• 33:38
  tu es partie de l'idée du concept et tu as créé un peu en même temps.
• 33:43
  Oui,
• 33:43
  complètement.
• 33:44
  Et je me dis,
• 33:44
  mais ça aurait été trop lourd de passer par toutes ces étapes-là pour faire,
• 33:49
  parce que je voulais juste voir.
• 33:51
  Et avoir un petit truc,
• 33:53
  même en local sur mon PC,
• 33:54
  qui me permettrait déjà de...
• 33:58
  Enfin,
• 33:59
  pas forcément d'automatiser,
• 34:00
  mais de voir les choses qui se répètent et de pouvoir au moins gérer ces parties-là.
• 34:06
  Et après,
• 34:06
  c'est quand je vois les possibilités,
• 34:08
  c'est le côté visuel qui me plaît bien.
• 34:11
  Et je pense que je n'aurais pas du tout été jusque-là si j'avais dû me poser sur des specs,
• 34:18
  sur le PRD et tout ça.
• 34:21
  C'est plus j'ai une idée,
• 34:22
  je l'attente.
• 34:23
  En plus,
• 34:23
  ça me sert parce que j'identifie un besoin et on verra après si ça vaut le coup de l'amener plus loin ou pas.
• 34:30
  Mais déjà,
• 34:30
  en l'état,
• 34:31
  je peux m'en servir et c'est cool.
• 34:33
  Il n'y a pas forcément besoin de partir dans de l'over-engineering non plus parce que ça,
• 34:37
  c'est un autre piège.
• 34:40
  Et voilà,
• 34:41
  si c'est fait pour tourner sur mon PC,
• 34:42
  non,
• 34:43
  ce n'est pas forcément nécessaire.
• 34:45
  C'est les différentes catégories qu'on avait évoquées dans tous les cas.
• 34:51
  Oui,
• 34:51
  parce que même si tu ne les as pas formalisés,
• 34:52
  que tu n'as pas fait le PRD et tout,
• 34:53
  tu étais quand même passé par toutes les phases de se dire « Ok,
• 34:56
  j'ai besoin de ça,
• 34:56
  j'ai identifié que j'avais… »
• 34:57
  Tu avais quand même un certain nombre de choses en tête avant de t'attaquer au dev.
• 35:01
  Et tu avais déjà identifié que de toute façon,
• 35:04
  là,
• 35:04
  ce que tu allais faire,
• 35:05
  c'était que pour toi,
• 35:06
  en local,
• 35:07
  sur ton poste,
• 35:08
  sans conséquence de base.
• 35:09
  Oui,
• 35:09
  c'est vrai que je suis arrivée avec mon modèle de carousel aussi,
• 35:12
  parce que sinon,
• 35:13
  s'il avait fallu que je développe et qu'en même temps,
• 35:15
  je réfléchisse au design,
• 35:16
  ça n'aurait pas été possible.
• 35:19
  C'est pour ça que je me dis,
• 35:19
  on va déjà travailler sur le matériau qui doit sortir.
• 35:27
  Et à partir de là,
• 35:28
  je sais ce que j'ai en entrée,
• 35:29
  je sais ce que je veux en sortie.
• 35:31
  Et je fais la machine au milieu.
• 35:34
  Mais par contre,
• 35:35
  ça,
• 35:35
  ça va très bien justement tant que tu l'as fait pour toi.
• 35:40
  Mais au moment où on va basculer ça pour l'intégrer au portail...
• 35:44
  Ah oui,
• 35:45
  là,
• 35:45
  je sais que c'est autre chose.
• 35:46
  Je vais le repasser par toutes les étapes qu'on a dites,
• 35:49
  même si ce sera...
• 35:50
  Du coup,
• 35:50
  il y a des étapes qui vont aller très vite,
• 35:52
  puisque justement,
• 35:53
  on aura un vrai prototype déjà de base.
• 35:57
  et qu'il y a des choses d'architecture,
• 35:58
  par exemple,
• 35:58
  qui sont déjà faites,
• 35:59
  parce que le portail existe déjà.
• 36:01
  Il y a déjà des fonctionnalités qui sont déjà en place pour la partie gestion des droits utilisateurs et tout.
• 36:06
  Mais du coup,
• 36:07
  je vais quand même devoir passer par ces étapes pour l'intégrer à l'existant,
• 36:11
  pour que ce soit cohérent avec ce qu'on a en place au niveau des invités,
• 36:14
  au niveau de nos autres fonctionnalités et nos autres besoins.
• 36:19
  Mais oui,
• 36:20
  c'est vrai que c'est plus pertinent de pousser ce proto,
• 36:22
  limite de moins l'utiliser,
• 36:24
  un petit peu,
• 36:24
  sur quelques épisodes,
• 36:25
  lorsqu'il peut être ajusté.
• 36:27
  Et les étapes après iront d'autant plus vite et le développement sera d'autant plus précis et pertinent parce que j'aurais modifié des trucs en local sur ma machine,
• 36:36
  sur mon petit proto,
• 36:37
  et de me dire,
• 36:38
  finalement,
• 36:39
  ça,
• 36:39
  je n'en ai pas besoin.
• 36:40
  Là,
• 36:40
  le but,
• 36:41
  ça va être aussi de la simplifier au maximum pour garder que ce que j'utilise dans l'outil.
• 36:48
  Complètement.
• 36:50
  Et donc,
• 36:50
  si vous n'êtes pas dans le cadre,
• 36:52
  justement,
• 36:53
  d'une app en local à tester pour vous et à itérer,
• 36:56
  à garder...
• 36:57
  Parce que voilà,
• 36:58
  comme on disait,
• 36:58
  ton app à toi en l'état,
• 37:00
  elle ne serait pas basculable directement.
• 37:04
  Par exemple,
• 37:04
  pour le backend,
• 37:05
  il y a tout à faire,
• 37:05
  il y a tout à construire.
• 37:06
  Si on voulait y mettre des utilisateurs dessus,
• 37:09
  sur le front,
• 37:10
  du coup,
• 37:10
  il tourne chez toi parce qu'il est dans ton navigateur.
• 37:12
  Mais pareil,
• 37:12
  si on voulait proposer à des gens,
• 37:13
  il faudrait l'héberger,
• 37:14
  il faudrait le mettre en œuvre.
• 37:15
  Et là aussi,
• 37:17
  il peut y avoir des choses côté sécurité à mettre en place.
• 37:22
  Mais du coup,
• 37:23
  quand vous en arrivez là...
• 37:25
  dans le cadre de l'application un peu plus costaud orientée production pour plusieurs personnes on attaque le développement je veux bien d'ailleurs que tu nous dises toi un peu comment tu comment tu décrirais le vibe coding dans
• 37:42
  le sens tu vois les mécanismes quand tu vas justement coder,
• 37:46
  comment ça se passe comment est-ce que moi je développe
• 37:53
  quand je me dis,
• 37:54
  tiens,
• 37:54
  je veux me faire un petit outil.
• 37:59
  Je pense que je passe par toutes les phases-là,
• 38:00
  mais un peu en express.
• 38:02
  Me dire...
• 38:03
  Non,
• 38:04
  oui,
• 38:04
  je ne parlais pas des phases avant,
• 38:05
  mais vraiment là,
• 38:05
  quand tu es dans...
• 38:07
  Ça y est,
• 38:07
  tu ouvres...
• 38:08
  Dans le flot.
• 38:08
  Claude Cote,
• 38:09
  pardon.
• 38:10
  Tu sais ce que tu as,
• 38:11
  et que ce soit tes petites appels ou quoi.
• 38:13
  Le moment où vraiment tu vas dire à Claude,
• 38:16
  OK,
• 38:16
  voilà,
• 38:17
  développe-moi ça,
• 38:17
  c'est parti.
• 38:19
  Comment tu le...
• 38:20
  C'est plus ou moins ça.
• 38:21
  Oui.
• 38:24
  Mais tu les mets quoi dans ton prompt de départ,
• 38:26
  dans tes consignes de départ ?
• 38:28
  Comment tu les gères ?
• 38:30
  Alors là,
• 38:30
  par exemple,
• 38:32
  le carou,
• 38:32
  c'était un petit peu plus complexe parce qu'en plus,
• 38:35
  j'ai envoyé de Cloud Design vers Cloud Code le projet.
• 38:39
  Même ça,
• 38:39
  il avait quand même le HTML et tout,
• 38:41
  donc il pouvait travailler là-dessus.
• 38:45
  Sinon,
• 38:45
  plus petit projet,
• 38:47
  je vais rapidement décrire mon problème,
• 38:49
  dire j'ai ça,
• 38:51
  je veux ça.
• 38:52
  notamment là pour l'éditeur d'images j'ai mis,
• 38:55
  alors ça c'est l'image que j'ai en entrée,
• 38:57
  ça c'est celle que j'ai travaillée à la main en sortie,
• 38:59
  j'ai modifié ça j'aimerais bien un outil qui me permette de jouer sur ces paramètres là et tout ça,
• 39:07
  et fait et après quand tu fais ça,
• 39:11
  tu le laisses en roue libre en automatique ou tu acceptes j'accepte manuellement
• 39:18
  quand même.
• 39:19
  Les actions qu'il fait.
• 39:20
  Je ne suis pas passée en full auto.
• 39:24
  Alors,
• 39:25
  sachant qu'il y a deux stades de route.
• 39:26
  Il y a le automatique où il s'arrête pour les choix importants ou destructifs ou dangereux.
• 39:31
  Et il y a le full auto,
• 39:34
  j'ai envie de dire défaut,
• 39:35
  tu vois,
• 39:35
  parce que jamais je ne ferai un truc pareil.
• 39:38
  Et d'ailleurs,
• 39:40
  on entend de temps en temps,
• 39:41
  et là,
• 39:41
  depuis que le dernier GPT,
• 39:44
  le 5.6,
• 39:44
  s'est sorti,
• 39:45
  on a eu deux...
• 39:47
  Deux grosses histoires,
• 39:48
  il y en a eu plusieurs,
• 39:48
  mais il y en a eu deux grosses histoires justement d'IA qui font
• 39:53
  Nawak quand elles sont même en mode les plus intelligents et en mode complètement automatique.
• 40:00
  Il y en a une qui avait littéralement écrasé tout le contenu du PC d'un temps.
• 40:07
  Oui,
• 40:07
  c'est Alexis qui en a parlé dans sa dernière note vocale,
• 40:09
  c'est ça ?
• 40:10
  Oui,
• 40:11
  du coup,
• 40:11
  ils ont été un peu relayés.
• 40:12
  Pas que lui,
• 40:13
  mais oui.
• 40:13
  Les deux techs étaient assez...
• 40:16
  C'était deux pointures,
• 40:17
  tu vois,
• 40:17
  un peu.
• 40:18
  Mais même comme ça,
• 40:19
  en fait,
• 40:20
  ils font confiance à l'Ika,
• 40:21
  ils mettent en ultra et ils mettent en full automatique.
• 40:24
  En full automatique,
• 40:25
  en gros,
• 40:26
  il y a...
• 40:27
  même si c'est dangereux,
• 40:28
  même si c'est destructif,
• 40:29
  mais machin,
• 40:29
  c'est littéralement le mode outrepasser les permissions et s'arrêter que quand la terre brûle.
• 40:38
  C'est plus ou moins ce qui se passe en soi là pour l'instant,
• 40:41
  même sans passer en mode auto,
• 40:42
  mais on ne va pas revenir là-dessus.
• 40:46
  En tout cas,
• 40:47
  voilà,
• 40:49
  les accidents que vous entendez sur des bases de production qui ont été écrasées,
• 40:52
  sur des informations qui ont été perdues.
• 40:55
  Alors ça peut arriver même sur des modes de réglage inférieurs,
• 40:58
  et même en automatique pas destructif,
• 41:01
  des fois elle peut se rater en faisant des mauvaises manips,
• 41:03
  ou créer des failles de sécurité,
• 41:05
  ou faire des choses comme ça.
• 41:06
  Mais le mode à fond,
• 41:08
  sincèrement,
• 41:09
  il est complètement déconseillé,
• 41:10
  parce que c'est dans ces moments-là où,
• 41:12
  si vous n'êtes pas vigilant en permanence,
• 41:13
  mais normalement si vous mettez ce mode-là,
• 41:14
  c'est que vous n'êtes pas vigilant en permanence,
• 41:17
  qu'elle est en mesure de détruire des informations,
• 41:22
  et que si vous n'avez pas...
• 41:23
  mis en oeuvre ce qu'il fallait pour avoir des sauvegardes et que vous n'êtes pas en mesure techniquement de rattraper le coup,
• 41:29
  des fois c'est perdu,
• 41:30
  perdu.
• 41:33
  Et donc,
• 41:35
  entre le auto et le mode que tu as là où tu acceptes chaque action,
• 41:38
  il y a quand même un mode qui permet de planifier aussi.
• 41:42
  Oui,
• 41:42
  oui.
• 41:43
  Et sachant qu'après,
• 41:43
  tu n'es pas obligé de rester sur le mode planification parce qu'en fait,
• 41:45
  en auto,
• 41:46
  si tu te prépares tes propres skills de logique de développement,
• 41:50
  tu peux lui
• 41:51
  instaurer des méthodes de travail où elle va systématiquement lire,
• 41:55
  prendre connaissance de telle ou telle information,
• 41:58
  le fameux hardé dont on parle de temps en temps.
• 42:02
  On est pour dire très simplement,
• 42:04
  vous renseignez si jamais vous êtes sur du white coding,
• 42:06
  mais ça va être un peu le cadre global que vous allez donner à votre IA et qui va définir autant le contexte que les garde-fous,
• 42:18
  les limites,
• 42:18
  le cadre vraiment de ce
• 42:21
  qu'elle peut aller lire,
• 42:21
  comment elle doit le lire,
• 42:22
  et qu'est-ce qu'elle peut faire,
• 42:23
  et jusqu'où.
• 42:25
  Et donc,
• 42:26
  on peut mettre en place,
• 42:26
  même dans des modes automatiques,
• 42:28
  un système de routine et de méthode et de process.
• 42:30
  Typiquement,
• 42:30
  tu vois,
• 42:31
  je n'utilise plus le mode plan depuis le moment.
• 42:33
  Et parce qu'en fait,
• 42:33
  elle m'en fait systématiquement un dans le cadre de mon mode auto et dans le cadre de...
• 42:37
  J'ai un skill,
• 42:37
  en fait,
• 42:37
  pour qu'elle suive toujours un process pour chaque PR.
• 42:42
  Les PR,
• 42:43
  c'est pareil.
• 42:43
  Vous irez écouter l'épisode d'avant sur les pull requests.
• 42:45
  On explique.
• 42:47
  Non,
• 42:47
  mais après,
• 42:48
  moi,
• 42:48
  quand c'est de la...
• 42:49
  petite application comme ça,
• 42:50
  je me...
• 42:51
  Je veux assez vite arriver à quelque chose que je peux...
• 42:53
  Un proto dans lequel je peux un peu bouger.
• 42:57
  Et presque après,
• 42:58
  là,
• 42:58
  je vais itérer par rapport à ça.
• 43:00
  Donc là,
• 43:00
  je pense qu'on est plus dans du vrai vibe coding.
• 43:04
  De se dire,
• 43:04
  bon,
• 43:04
  bah,
• 43:04
  j'ai un truc visuel.
• 43:05
  Je dis,
• 43:06
  ah bah non,
• 43:06
  ça,
• 43:06
  je l'imaginais pas comme ça.
• 43:07
  Ou alors ça,
• 43:08
  ça m'embête quand j'essaye d'utiliser et d'itérer comme ça,
• 43:12
  quand c'est vraiment du petit projet et que...
• 43:15
  Ouais,
• 43:16
  juste voir si c'est...
• 43:18
  faisable et que ça vaut le coup d'aller plus loin,
• 43:23
  de prendre plus de temps.
• 43:25
  Sinon,
• 43:26
  pour des plus grosses...
• 43:28
  Enfin,
• 43:29
  j'ai aussi une autre idée d'application et là,
• 43:31
  j'en suis plus à définir les specs et tout ça,
• 43:33
  mais là,
• 43:33
  j'utilise vraiment des skills que j'ai...
• 43:37
  On en a déjà parlé.
• 43:37
  Enfin,
• 43:38
  voilà,
• 43:39
  que j'ai pas encore éprouvés et qui bougeront au fur et à mesure de comment je vais développer.
• 43:48
  Mais là,
• 43:48
  pour l'instant,
• 43:49
  je me concentre plus sur le design maquettage.
• 43:52
  Donc,
• 43:53
  partie code,
• 43:54
  c'est plus j'ai ça en entrée,
• 43:56
  je veux ça en sortie.
• 43:57
  C'est un peu quoi le meilleur moyen et le plus efficace pour convertir ce que j'ai en entrée pour avoir ce résultat-là en sortie.
• 44:04
  Ok.
• 44:06
  Oui,
• 44:07
  parce que tu crées ton homme vraiment au fil de l'eau.
• 44:10
  Et du coup,
• 44:12
  pour faire un peu le parallèle avec justement le cheminement qu'on a fait vraiment pour la partie portail et le fait d'avoir...
• 44:16
  séparer tous les documents.
• 44:19
  Ça fait que quand on arrive au dev,
• 44:20
  on a une logique qui est différente.
• 44:22
  À travers justement le PRAD et tout,
• 44:24
  en fait,
• 44:25
  on avait déjà identifié des lots.
• 44:28
  Donc à chaque lot correspondait un ensemble de fonctionnalités qui correspondaient à un certain nombre de choses qu'on devait pouvoir faire dans l'application.
• 44:35
  Par exemple,
• 44:35
  il y avait un lot qui était sur l'authentification,
• 44:37
  donc le fait de pouvoir se connecter,
• 44:39
  modifier son mot de passe,
• 44:40
  de déconnecter,
• 44:41
  de recevoir des mails en cas de pépin,
• 44:43
  tout ça.
• 44:43
  Il y avait un lot qui allait être le fait de pouvoir...
• 44:46
  créer un épisode et de le gérer donc avec différentes étapes avec le fait de pouvoir mettre une trame etc il y avait un autre lot qui allait être sur le fait d'ajouter des ressources enfin bon il va y avoir plein de lots comme ça qu'on va
• 45:01
  qu'on va découper.
• 45:03
  Et ce qui fait,
• 45:03
  quand on arrive au moment de développement,
• 45:06
  on va dire,
• 45:07
  enfin,
• 45:08
  il y a un truc avant l'histoire du lot,
• 45:10
  ça va être de mettre en place l'architecture technique réellement.
• 45:16
  Donc au début,
• 45:17
  on va initialiser le cœur de l'infrastructure,
• 45:22
  on va dire ça comme ça,
• 45:24
  et on va commencer déjà par dire bon,
• 45:25
  ok,
• 45:26
  là,
• 45:27
  j'ai mon dossier de travail,
• 45:28
  mon repo,
• 45:29
  dedans,
• 45:29
  j'ai déjà mis ça et ça,
• 45:30
  maintenant...
• 45:31
  tu vas m'installer tous les langages qu'on a dit,
• 45:34
  toutes les bibliothèques dont on a besoin,
• 45:37
  tu vas organiser les dossiers,
• 45:38
  les documentations,
• 45:40
  répartir vraiment,
• 45:41
  créer tout le squelette organisationnel de notre code et de nos documents.
• 45:48
  On commence par faire ça,
• 45:50
  on valide,
• 45:51
  et après justement on attaque le développement des lots.
• 45:53
  Et après,
• 45:54
  dans le développement de chaque lot,
• 45:56
  on va aller,
• 45:58
  ça il y a plein de techniques qui vont varier.
• 46:02
  entre ceux qui vont aller découper à chaque user story pour en faire une pull request,
• 46:08
  donc vraiment un truc versionné,
• 46:11
  cadré,
• 46:11
  etc.
• 46:12
  qui va être défini.
• 46:14
  Il y en a qui vont faire plusieurs choses comme ça en une seule session.
• 46:18
  Il y en a qui vont prendre un gros modèle et faire bosser les petits modèles.
• 46:21
  Il y en a qui vont bosser qu'avec les gros modèles.
• 46:24
  Enfin bon,
• 46:25
  plein de choses,
• 46:25
  et c'est pas l'objet là de...
• 46:28
  Encore une fois...
• 46:29
  plein de sujets,
• 46:29
  et notamment aller voir du côté du table d'Alexico Valenco,
• 46:32
  il y a plein de ressources là-dessus.
• 46:34
  Mais ce qu'il faut garder en tête,
• 46:36
  c'est que la logique qu'a décrit Lulu,
• 46:38
  vous allez la voir de manière plus structurée quand on a déjà tout le cadre,
• 46:42
  mais ça va être de dire au début,
• 46:44
  en fait,
• 46:44
  ok,
• 46:45
  on va attaquer le développement du premier lot,
• 46:47
  tu t'appuies sur tous les documents qu'on a déjà à disposition,
• 46:51
  et à partir de là,
• 46:52
  il va faire un plan d'implémentation et au moment où il va faire le plan,
• 46:55
  il va aussi identifier tous les points qui ne sont pas clairs et sur lesquels il faut trancher.
• 46:59
  De là,
• 47:00
  on va répondre aux questions,
• 47:01
  on va dire voilà,
• 47:01
  je veux ci,
• 47:02
  ça,
• 47:02
  ça,
• 47:02
  comme ça.
• 47:03
  Et quand on ne sait pas,
• 47:04
  on lui demande de clarifier les différents points.
• 47:07
  Et après,
• 47:08
  il va dérouler son plan d'implémentation.
• 47:11
  Et c'est là qu'il est très important de garder ça à l'œil.
• 47:15
  Parce qu'en fait,
• 47:15
  juste l'essayer à tourner et partir faire autre chose,
• 47:18
  ou en lancer plein en même temps et la laisser se débrouiller,
• 47:21
  c'est le meilleur moyen de se retrouver avec des gros pépins,
• 47:24
  des petits ou des gros pépins.
• 47:25
  Parce qu'en fait,
• 47:26
  Lya,
• 47:26
  elle va essayer d'atteindre son objectif et de suivre son plan d'implémentation jusqu'au bout.
• 47:30
  Et quand il y a un truc qui ne se passe pas bien,
• 47:31
  elle va improviser.
• 47:33
  Mais si vous ne lisez pas ce qu'elle fait,
• 47:36
  vous ne verrez pas les moments où elle a improvisé et qu'elle a pris des décisions que vous ne vouliez pas,
• 47:41
  ou qu'elle a eu la flemme d'aller au bout de certaines choses,
• 47:44
  et voilà,
• 47:45
  qu'elle va acter littéralement,
• 47:47
  elle va prendre des décisions pour vous et se dire
• 47:48
  « Non, mais en fait,
• 47:49
  j'ai jugé ça superflu. »
• 47:50
  « Non,
• 47:51
  ça,
• 47:51
  ce n'était pas vous. »
• 47:52
  « Non,
• 47:52
  ça,
• 47:52
  en termes de sécurité,
• 47:53
  on verra plus tard. »
• 47:54
  Et vous aurez systématiquement des choses comme ça,
• 47:56
  et même en suivant,
• 47:57
  et où il faut la reprendre.
• 47:58
  Et
• 48:00
  Claude, pourquoi tu n'as pas voulu finir la fonctionnalité ?
• 48:03
  Et ça,
• 48:03
  pourquoi tu as eu la flemme de mettre la sécurité ?
• 48:06
  Et ça,
• 48:07
  pourquoi tu l'as fait de telle manière ?
• 48:08
  Et ça,
• 48:08
  pourquoi ces trois points,
• 48:09
  tu ne les as pas traités alors qu'ils étaient dans le plan et que ça s'est bien passé,
• 48:12
  donc tu aurais dû aller au bout du truc.
• 48:14
  Et voilà,
• 48:16
  en fait,
• 48:16
  vous allez avoir plein de cas comme ça.
• 48:18
  Et ça,
• 48:19
  c'est inhérent à la technologie.
• 48:20
  Ça,
• 48:21
  on peut renvoyer à l'épisode où...
• 48:23
  décrit vraiment le fonctionnement des
• 48:26
  LLM, des grands modèles de langage.
• 48:30
  Vu que c'est génératif,
• 48:32
  on peut mettre autant de garde-fous qu'on veut,
• 48:38
  il y a toujours un risque.
• 48:39
  Ce n'est pas déterministe.
• 48:42
  On renvoie à l'épisode qui explique tout ça et de comprendre comment la techno marche,
• 48:47
  ça montre qu'on ne peut pas juste faire confiance à 100%
• 48:51
  des choix qui vont être faits.
• 48:53
  Et il y a plein de choses qui vont passer à la trappe.
• 48:55
  Et encore une fois,
• 48:55
  on va rajouter des fonctionnalités,
• 48:57
  on va continuer le développement.
• 48:58
  Puis,
• 48:58
  il y a un moment,
• 48:58
  ça ne marchera pas.
• 49:00
  Ou mal.
• 49:00
  Ou alors,
• 49:01
  il y aura des fuites de données.
• 49:02
  Et ça vient d'où ?
• 49:05
  D'où le fait que,
• 49:07
  bon voilà,
• 49:07
  dans votre déroulé,
• 49:08
  dans les plans à chaque fois qu'il faut,
• 49:09
  il y a ça.
• 49:10
  Et moi,
• 49:10
  ce que je vous recommande très,
• 49:11
  très,
• 49:12
  très,
• 49:12
  très,
• 49:12
  très,
• 49:13
  très,
• 49:13
  très,
• 49:13
  très,
• 49:13
  très vivant,
• 49:14
  dès le début,
• 49:15
  même sur des petits projets,
• 49:17
  c'est de mettre des tests là-dedans.
• 49:19
  Et les tests...
• 49:21
  On a détaillé dans l'épisode précédent un peu les différents types de tests que vous pouvez avoir.
• 49:26
  Mais là,
• 49:26
  pour les résumer rapidement,
• 49:27
  on va voir les tests unitaires.
• 49:29
  On va vraiment tester chaque pièce,
• 49:31
  chaque bout de code,
• 49:33
  une fois qu'il est fait et qu'il doit accomplir tel résultat de transformer A vers B.
• 49:38
  On met un petit bout de code qui va vérifier que,
• 49:41
  oui,
• 49:41
  quand on fait ça,
• 49:41
  ça transforme bien A vers B.
• 49:43
  Et on va voir des tests de sécurité.
• 49:46
  Par exemple,
• 49:46
  si vous utilisez du Super Bay,
• 49:48
  c'est des tests sur la planète
• 49:49
  dits de RLS,
• 49:50
  qui vont être là pour s'assurer que les règles de sécurité sont bien appliquées et qu'un invité ne peut pas avoir les mêmes droits qu'un administrateur.
• 50:01
  qu'une personne ne peut pas voir le contenu ou le profil d'une autre personne,
• 50:06
  qu'elle ne peut pas aller modifier le mail de quelqu'un d'autre,
• 50:11
  ce genre de choses qui est hyper important,
• 50:14
  parce qu'en fait c'est de là que peuvent naître des gros pépins de sécurité,
• 50:19
  de failles de sécurité,
• 50:21
  de perte de données,
• 50:22
  de vol de données,
• 50:23
  de choses qui vous mettent bien dans le côté.
• 50:25
  Vous allez voir les tests dits end-to-end,
• 50:28
  de bout en bout,
• 50:29
  donc là c'est vraiment les tests...
• 50:31
  d'interface en fait,
• 50:34
  où il y a des outils qui sont là pour reproduire un comportement d'utilisateur humain en train d'aller cliquer,
• 50:39
  de faire des actions,
• 50:40
  et de voir si ça fait le résultat prévu ou pas.
• 50:45
  Tu utilises quoi d'ailleurs comme outil qui est assez connu ?
• 50:50
  Playright,
• 50:51
  je ne crois jamais le dire correctement,
• 50:53
  mais voilà,
• 50:55
  un outil qui marche très bien.
• 50:57
  Oui.
• 50:57
  Enfin,
• 50:59
  alors...
• 51:00
  Si vous développez avec,
• 51:02
  je vous recommande très très vivement,
• 51:03
  je ne sais plus si c'est un skill officiel ou pas,
• 51:05
  je ne crois pas,
• 51:06
  mais mon cloud galérait beaucoup à rédiger les tests de justement end-to-end.
• 51:13
  Et en fait,
• 51:15
  j'avais plus de bugs sur la rédaction des tests que de bugs de logiciels.
• 51:20
  Mais vraiment,
• 51:20
  beaucoup plus.
• 51:21
  Parce qu'après,
• 51:22
  c'est un peu sensible en fait,
• 51:23
  la partie interface,
• 51:24
  forcément.
• 51:25
  Déjà en temps normal,
• 51:26
  même des équipes QA,
• 51:27
  ce n'est pas forcément la tâche la plus évidente d'aller coder ces parties-là.
• 51:30
  Mais du coup,
• 51:31
  pour l'IA,
• 51:32
  ça est encore moins clair,
• 51:35
  on va dire.
• 51:36
  Et en plus,
• 51:37
  en fonction des bouts d'interface et des choses qui sont cachées derrière,
• 51:40
  du coup,
• 51:40
  il y a des bonnes pratiques,
• 51:42
  il y a des techniques,
• 51:42
  il y a des choses à avoir en tête.
• 51:46
  Et notamment le fait que,
• 51:47
  par exemple,
• 51:48
  quand il va cliquer sur un bouton,
• 51:50
  en fait,
• 51:50
  ça va déclencher une action.
• 51:52
  Et s'il programme le deuxième clic trop tôt,
• 51:55
  du coup,
• 51:56
  ça crée un bug dans le scénario,
• 51:57
  parce qu'en fait,
• 51:57
  juste l'action n'a pas eu le temps de se dérouler en entier.
• 52:00
  par exemple cliquer sur un menu déroulant et que la partie suivante du test soit de cliquer dans le deuxième objet du menu déroulant,
• 52:10
  en fait,
• 52:11
  s'il n'a pas eu le temps de s'ouvrir,
• 52:12
  du coup,
• 52:13
  parce qu'il y a une animation,
• 52:13
  par exemple,
• 52:14
  comme ça,
• 52:15
  du coup,
• 52:15
  ça crée un bug.
• 52:16
  En fait,
• 52:16
  c'est juste un bug de test.
• 52:18
  Le comportement côté code,
• 52:19
  il va bien.
• 52:22
  Et donc ça,
• 52:23
  si vous utilisez du playwright,
• 52:25
  il y a des skills très bien.
• 52:29
  Il faudrait que je regarde,
• 52:29
  ça fait un moment que je l'ai mis.
• 52:31
  Je sais que moi,
• 52:31
  le fait d'utiliser un skid justement qui était renommé côté communauté,
• 52:37
  je ne sais plus s'il était officiel ou pas,
• 52:39
  m'a radicalement changé la rédaction des tests.
• 52:42
  C'est intéressant ça.
• 52:43
  Je ne suis pas encore allée jusqu'à ce stade de développement vu qu'apparemment,
• 52:50
  il y a déjà cet autre côté maquette et prototypage.
• 52:53
  Mais je pense qu'on pourra mettre ça dans la description parce que ça peut intéresser.
• 52:59
  les personnes qui nous écoutent.
• 53:00
  Oui,
• 53:01
  et d'ailleurs,
• 53:01
  de la même manière,
• 53:02
  si vous utilisez des outils,
• 53:03
  enfin de plus en plus aujourd'hui,
• 53:05
  les outils officiels,
• 53:05
  par exemple,
• 53:06
  Supabase vous propose des skills officiels qui permettent du coup à l'IA d'aller,
• 53:11
  en gros,
• 53:11
  de savoir déjà un peu,
• 53:14
  d'aller consulter la documentation au bon endroit,
• 53:16
  de savoir un petit peu ce qu'elle peut faire ou pas dans l'application,
• 53:18
  d'avoir des logiques sur les trucs qu'elle peut interagir,
• 53:21
  il y a des bonnes pratiques.
• 53:22
  Enfin,
• 53:22
  voilà,
• 53:23
  c'est vraiment un atout.
• 53:25
  Sur les outils que vous utilisez pour développer,
• 53:28
  ou les outils que vous utilisez tous les jours,
• 53:30
  on va avoir des skills officiels et hyper pertinents.
• 53:35
  Et voilà,
• 53:36
  juste pour terminer sur cette partie-là des tests,
• 53:38
  mais du coup,
• 53:39
  un des garde-fous possibles pour vous assurer que l'IA ne fait pas n'importe quoi,
• 53:43
  c'est de mettre en place tous ces tests-là à chaque développement de fonctionnalité.
• 53:48
  Et parce que du coup,
• 53:48
  après avoir codé,
• 53:49
  elle va mettre ces tests-là et elle va les vérifier.
• 53:52
  Et c'est là où elle se rend compte quand il y a des...
• 53:54
  bug soit du scénario de test,
• 53:55
  mais aussi quand il y a des bugs tout court.
• 53:56
  Parce qu'en fait,
• 53:56
  si un test ne marche pas,
• 53:57
  il faut bien voir pourquoi il ne marche pas.
• 53:59
  Et ça permet de déceler des choses que vous auriez pu déceler vous en testant à la main et en cassant le truc,
• 54:06
  mais du coup qu'il aurait fallu remonter à l'IA.
• 54:08
  Alors que si vous le faites en automatique sur le moment,
• 54:11
  en tout cas,
• 54:11
  je ne pense pas parce qu'il y a des tests automatiques que vous n'allez avoir aucun bug et tout va bien se passer.
• 54:16
  Mais en tout cas,
• 54:16
  ça en couvre déjà une immense quantité.
• 54:18
  Et pour vous donner juste une échelle du nombre de tests qu'on a aujourd'hui,
• 54:24
  Je vous donnais les chiffres sur la version 1 du portail et ensuite sur la version 2.
• 54:30
  Pas aujourd'hui,
• 54:30
  parce que là,
• 54:31
  on arrive sur la fin de cet épisode et on vous racontera la suite la semaine prochaine.
• 54:38
  Pour la
• 54:39
  V1, c'était à mi-juin.
• 54:40
  Ça devait faire un mois qu'on avait l'application en prod,
• 54:47
  un truc comme ça.
• 54:48
  À peu près,
• 54:48
  oui.
• 54:48
  Je crois que je l'ai sortie en mi-mai.
• 54:52
  Moi,
• 54:52
  je pensais mimer qu'elle était en ligne complètement.
• 54:55
  Oui,
• 54:55
  mais moi,
• 54:55
  je continuais de bosser sur une version de test.
• 55:01
  Tu ne m'avais pas filé la bonne URL.
• 55:04
  Non,
• 55:04
  tu étais sur la bonne version,
• 55:05
  tu n'étais juste pas sur le bon...
• 55:09
  Oui,
• 55:10
  tu avais presque tout de bon,
• 55:11
  en fait,
• 55:11
  globalement.
• 55:12
  C'est juste que l'URL que tu avais ne passait pas par les bons droits à certains endroits.
• 55:17
  Mais tu avais déjà la version...
• 55:19
  Oui,
• 55:20
  Mais il y a des trucs que je ne pouvais pas faire.
• 55:22
  Oui,
• 55:23
  mais effectivement,
• 55:24
  il y avait des trucs de sécurité que je n'avais pas mis sur notre environnement.
• 55:28
  Parce qu'en gros,
• 55:29
  on avait...
• 55:32
  C'était une version de prod,
• 55:32
  mais temporaire,
• 55:33
  qui n'était pas branchée sur notre domaine,
• 55:35
  qui n'était pas avec la bonne URL,
• 55:36
  etc.,
• 55:36
  mais qui nous permettait de voir l'évolution au début.
• 55:39
  Vu qu'il n'y avait que nous deux,
• 55:40
  je pouvais avoir une version de prod qui était disponible pour Lulu.
• 55:45
  Moi,
• 55:45
  j'avais de toute façon des versions avant.
• 55:50
  C'est juste un mot sur les environnements de preview.
• 55:52
  On a parlé encore une fois la semaine dernière des environnements de test.
• 55:55
  Allez écouter l'épisode,
• 55:55
  on raconte tout ça.
• 55:57
  Mais du coup,
• 55:57
  dans mon cas,
• 55:58
  ce que je fais,
• 55:58
  c'est que j'ai un environnement...
• 56:01
  de preview,
• 56:02
  parce que Supabase permet d'avoir ce qu'on appelle des branches.
• 56:05
  Donc en gros,
• 56:05
  quand je code,
• 56:07
  au moment où le code est prêt,
• 56:10
  il va,
• 56:10
  ce qu'on appelle provisionner une branche,
• 56:12
  donc en gros il va créer un environnement provisoire et de test avec le moteur de Supabase,
• 56:20
  sur lequel on va pouvoir tester ce qui vient d'être fait,
• 56:23
  et c'est un environnement qui est comme celui de production.
• 56:27
  L'intérêt justement d'avoir cet environnement de preview,
• 56:29
  c'est qu'il est en ligne,
• 56:30
  il est avec les mêmes paramétrages et tout.
• 56:32
  Il n'y a pas les données à proprement parler,
• 56:36
  mais toutes les règles,
• 56:37
  toute la configuration,
• 56:37
  tout ça de notre production,
• 56:39
  c'est répliqué.
• 56:40
  Et sauf que ça dure le temps que la branche est active,
• 56:42
  donc on va faire le développement,
• 56:44
  on va faire tous les tests,
• 56:45
  et une fois que notre fameuse pull request à notre PR est terminée,
• 56:49
  tout ça,
• 56:49
  ça se ferme,
• 56:49
  la branche est supprimée,
• 56:50
  et basta,
• 56:51
  on n'en a plus besoin.
• 56:51
  Mais au moins,
• 56:52
  tous les tests,
• 56:52
  tout ce qu'on a fait pour casser et pour vérifier l'interface et tout.
• 56:56
  C'est fait sur un environnement comme ça,
• 56:57
  dit de preview.
• 56:59
  Donc qui correspond à un environnement de pré-production,
• 57:03
  en quelque sorte.
• 57:05
  Et pourquoi je disais tout ça ?
• 57:07
  Je ne sais plus.
• 57:09
  Parce que je devais être sur une version comme ça ?
• 57:13
  Ouais,
• 57:13
  non,
• 57:13
  c'est qu'en fait,
• 57:14
  moi j'avais ces environnements de preview pour faire mon paramétrage,
• 57:16
  mais du coup je t'envoyais en production,
• 57:18
  vu qu'il n'y avait que nous deux.
• 57:19
  Oui,
• 57:19
  puis tu voulais montrer.
• 57:20
  Enfin,
• 57:20
  moi,
• 57:21
  je voulais voir aussi ce que ça donnait.
• 57:23
  Petit à petit,
• 57:24
  même quand ce n'était pas forcément tout terminé.
• 57:26
  Essayons de te connecter.
• 57:28
  Ça marche.
• 57:30
  Ah non,
• 57:30
  ça n'avait pas marché parce qu'il y avait des astérisques dedans et tu m'avais envoyé le mot de passe par Discord et ça l'avait mis en italique.
• 57:38
  Ça ne marchait pas et on ne comprenait pas.
• 57:39
  Enfin voilà,
• 57:40
  des fois,
• 57:40
  c'est des trucs vraiment bêtes.
• 57:42
  Oui,
• 57:43
  parce que pareil,
• 57:43
  je t'avais filé de...
• 57:46
  C'était quoi ?
• 57:46
  Oui,
• 57:46
  parce que tu avais déjà ton mot de passe qui ne marchait pas.
• 57:49
  Et je te l'avais donné par
• 57:52
  Proton, parce que Proton a un truc de gestionnaire de mots de passe qui permet de partager ses mots de passe.
• 57:58
  Je l'avais filé à Lulu,
• 57:59
  et même comme ça,
• 58:00
  ça ne marchait pas.
• 58:01
  Je me suis dit,
• 58:01
  mais ce n'est pas normal.
• 58:02
  Et c'est parce qu'en fait,
• 58:03
  quand tu avais fait ta copie déjà,
• 58:04
  il y avait eu un pareil,
• 58:05
  ton Mac,
• 58:06
  je ne sais plus ce qu'il avait fait.
• 58:07
  Tu t'es fait manger une...
• 58:07
  Non,
• 58:08
  c'est Discord.
• 58:08
  C'est
• 58:09
  Discord, en fait,
• 58:10
  qui...
• 58:10
  Oui,
• 58:10
  mais Discord,
• 58:10
  c'était...
• 58:11
  après parce que je ne t'avais pas d'abord filé par Proton ou j'ai fait l'inverse.
• 58:14
  Non,
• 58:14
  tu as fait l'inverse,
• 58:15
  tu me l'avais envoyé comme ça sur
• 58:16
  Discord. Oui,
• 58:17
  c'était le tout premier.
• 58:18
  Je t'avais dit tiens,
• 58:19
  tu te prends et tu te modifies.
• 58:20
  Et comment je pouvais me connecter avec ?
• 58:22
  Parce que justement,
• 58:22
  je l'avais vérifié.
• 58:23
  Je me disais mais ça marche chez moi,
• 58:24
  ça ne marche pas chez elle.
• 58:26
  Bon,
• 58:26
  j'ai accusé Mac comme toujours parce que de toute façon,
• 58:27
  je déteste les produits d'Apple.
• 58:30
  Mais non,
• 58:30
  c'était la faute à Discord qui t'avait mangé les astérisques.
• 58:32
  Et c'est vrai que là,
• 58:34
  du coup,
• 58:34
  j'avais utilisé le gestionnaire de mot de passe pour te filer proprement,
• 58:38
  même s'il n'allait servir qu'une seule fois.
• 58:40
  Et tu t'étais rendu compte de ça.
• 58:42
  Oui,
• 58:43
  mais après,
• 58:43
  quand j'étais sur la mauvaise...
• 58:45
  Enfin,
• 58:47
  mauvais environnement,
• 58:48
  c'est ça.
• 58:49
  Là,
• 58:49
  tu m'as accusé aussi.
• 58:50
  Le problème,
• 58:51
  il est entre le PC et la chaise.
• 58:52
  Non,
• 58:53
  j'ai jamais eu la bonne URL.
• 58:56
  Oui,
• 58:57
  mais tu aurais pu l'inventer.
• 59:00
  Pour la déduire.
• 59:02
  Alors,
• 59:02
  du coup,
• 59:02
  tu n'étais pas sur l'environnement prévu.
• 59:04
  Tu étais vraiment sur la production,
• 59:05
  mais avec notre ancienne adresse,
• 59:08
  en gros.
• 59:08
  Et quand j'ai fait la bascule vers nous,
• 59:11
  vers ledernierclic.fr,
• 59:14
  j'ai fait un changement là-dessus.
• 59:16
  Mais il y avait côté sécurité des choses que je n'allais pas basculer parce que l'ancienne URL était amenée à disparaître au bout de quelques jours.
• 59:24
  Et j'avais prévu de te donner la bonne adresse.
• 59:26
  Je ne sais pas pourquoi je ne te l'ai jamais donnée.
• 59:29
  Jusqu'au moment où tu me disais « mais pourquoi il y a des trucs qui ne marchent pas pour moi ? »
• 59:31
  Pourquoi la trame ne se sauvegarde pas chez moi ?
• 59:36
  Et c'est là que tu m'avais filé,
• 59:37
  parce que c'est là que j'ai appris à faire des tickets à peu près potables pour que tu puisses comprendre au-delà de « ça ne marche pas » .
• 59:45
  C'était quoi que tu m'avais donné comme outil ?
• 59:49
  La petite fraise,
• 59:50
  mais je ne me rappelle jamais du nom.
• 59:52
  J'ai dû me le marquer en favori,
• 59:55
  je crois.
• 59:56
  Alors,
• 59:56
  attends,
• 59:56
  c'est...
• 59:56
  En fait,
• 59:57
  vous avez un petit outil pour faire des petites vidéos.
• 59:59
  Jam,
• 1:00:01
  qui est un logo,
• 1:00:02
  un icône de petites fraises,
• 1:00:04
  qui est très chouette pour les développeurs,
• 1:00:06
  parce qu'en fait,
• 1:00:07
  il vous fait une vidéo de capture d'écran,
• 1:00:09
  mais il enregistre aussi ce qui se passe dans le navigateur.
• 1:00:12
  Donc,
• 1:00:12
  en gros,
• 1:00:12
  la partie console où il y a des logs et des trucs écrits comme ça pour les gens qui se cassent la tête sur du dev.
• 1:00:19
  Et c'est hyper pratique.
• 1:00:21
  parce que ça permet,
• 1:00:22
  nous,
• 1:00:22
  derrière,
• 1:00:22
  de voir la vidéo et d'avoir toutes les infos du navigateur en temps réel et de voir pendant la vidéo,
• 1:00:28
  si ça casse à 3 minutes,
• 1:00:29
  de voir l'erreur qu'il y a à ce moment-là,
• 1:00:31
  même si la personne ne l'avait pas mis à l'écran.
• 1:00:33
  Et même pour l'IA,
• 1:00:34
  c'est pertinent aussi parce que ça lui donne tout de suite plus de...
• 1:00:38
  ça permet de tout de suite cibler aussi le problème.
• 1:00:41
  Alors,
• 1:00:41
  oui,
• 1:00:42
  l'IA ne va pas lire la vidéo,
• 1:00:43
  mais par contre...
• 1:00:44
  C'est tout dans une seule vidéo ?
• 1:00:45
  Je ne l'ai pas encore essayé.
• 1:00:47
  En mauvais élève.
• 1:00:48
  C'est tout dans une seule vidéo,
• 1:00:49
  mais par contre...
• 1:00:50
  comme il y a la console,
• 1:00:51
  ça permet de récupérer les vrais messages d'erreur dans la console et de les donner à lire.
• 1:00:56
  Oui,
• 1:00:56
  c'était plus ça en termes de contexte où c'est tout de suite plus pertinent que...
• 1:01:00
  Enfin,
• 1:01:01
  c'est toujours pertinent de décrire le problème avec le comportement normalement qui est attendu.
• 1:01:06
  Mais en plus d'avoir les messages d'erreur,
• 1:01:07
  ça permet de faire des correctifs plus chirurgicaux.
• 1:01:11
  Oui,
• 1:01:12
  ça permet surtout de beaucoup aider à identifier de liens de problème.
• 1:01:16
  Et économiser des tokens.
• 1:01:19
  Oui,
• 1:01:19
  aussi.
• 1:01:21
  Mais bon,
• 1:01:23
  voilà pour la digression.
• 1:01:24
  Et juste pour terminer sur ces histoires de tests,
• 1:01:30
  du coup,
• 1:01:31
  à mi-juin,
• 1:01:32
  on avait déjà une V1 qui avait été relativement,
• 1:01:35
  qui avait été bien stabilisée,
• 1:01:36
  enfin,
• 1:01:37
  stabilisée.
• 1:01:38
  C'était stable dès le départ,
• 1:01:38
  mais on avait plein de petits couacs qui n'avaient pas été corrigés.
• 1:01:41
  Et voilà,
• 1:01:42
  corrigés un peu au fil du temps.
• 1:01:44
  Et donc,
• 1:01:44
  on avait 470 tests unitaires,
• 1:01:47
  205 tests de sécurité.
• 1:01:50
  230 tests d'interface d'embout.
• 1:01:53
  Il y avait aussi...
• 1:01:54
  Je ne les compte pas parce que ces tests côté infra,
• 1:01:56
  ils ne sont pas dans les tests automatisés.
• 1:01:59
  Mais en gros,
• 1:01:59
  il y avait à peu près 905 tests automatisés.
• 1:02:02
  Et aujourd'hui,
• 1:02:02
  sur la V2,
• 1:02:03
  on est à 1410 tests automatisés.
• 1:02:07
  Vous vous doutez bien qu'en temps normal,
• 1:02:09
  chaque fois que je fais une fonctionnalité ou un correctif,
• 1:02:12
  je ne vais pas me cogner 1410 tests à la mano.
• 1:02:18
  Donc,
• 1:02:18
  c'est hyper important et hyper...
• 1:02:20
  utile de mettre en place ce type de système.
• 1:02:22
  Encore une fois,
• 1:02:22
  ça ne protège pas tout,
• 1:02:24
  ça ne couvre pas tout.
• 1:02:25
  Mais ça vous fait...
• 1:02:28
  En termes d'ordre de grandeur,
• 1:02:30
  c'est surtout les tests de sécurité,
• 1:02:33
  le bout en bout,
• 1:02:33
  qui ont doublé.
• 1:02:34
  Les tests unitaires,
• 1:02:35
  oui,
• 1:02:35
  ça a un petit peu augmenté aussi,
• 1:02:37
  mais c'est surtout ceux-là.
• 1:02:38
  Oui,
• 1:02:39
  mais ça,
• 1:02:39
  c'est très spécifique à notre contexte parce qu'on l'expliquera dans le prochain épisode.
• 1:02:45
  Aujourd'hui,
• 1:02:45
  entre les deux écarts,
• 1:02:47
  c'est entre la version 1 et la version 2.
• 1:02:49
  Et dans la version 2,
• 1:02:49
  on a rajouté un certain nombre de fonctionnalités qui sont très orientées utilisateurs et qui ont rajouté du coup des tests qui sont liés à ça.
• 1:02:57
  En fonction de ce que vous allez faire,
• 1:02:58
  vous aurez plus ou moins de tests.
• 1:02:59
  Mais c'est plus pour vous donner l'ampleur que sur un portail collaboratif qui n'est pas utilisé par des milliers d'utilisateurs,
• 1:03:08
  mais juste à nous deux chaque semaine et après à des invités petit à petit,
• 1:03:15
  ça représente déjà tout ça d'avoir un...
• 1:03:17
  une configuration de test typée production.
• 1:03:22
  Et voilà.
• 1:03:22
  Sachant qu'après,
• 1:03:23
  j'ai un petit travers aussi.
• 1:03:24
  Enfin,
• 1:03:24
  travers,
• 1:03:25
  je ne sais pas si c'est un travers,
• 1:03:25
  mais j'ai un parti pris en tout cas sur tout ce que je développe.
• 1:03:28
  Je pars toujours du principe que je le fais...
• 1:03:31
  Enfin,
• 1:03:31
  je bosse comme si je bossais en équipe et comme si je bossais dans un contexte de boîte.
• 1:03:37
  Donc ça,
• 1:03:38
  c'est un peu le vestige aussi d'avoir été product owner,
• 1:03:41
  responsable produit justement quand j'étais chez Cobble avec des collègues devs.
• 1:03:47
  Et que du coup,
• 1:03:48
  c'est important d'avoir,
• 1:03:50
  enfin mes yeux,
• 1:03:51
  de se dire,
• 1:03:52
  ben voilà,
• 1:03:52
  on va travailler sur tel sujet,
• 1:03:53
  on va créer une PR pour ce sujet-là,
• 1:03:56
  on va le documenter,
• 1:03:58
  on va justement s'assurer qu'il y a un suivi,
• 1:04:01
  on va mettre en place des tests,
• 1:04:02
  etc.
• 1:04:02
  pour que n'importe qui,
• 1:04:03
  en fait,
• 1:04:05
  puisse venir relire le code,
• 1:04:06
  relire les documentations,
• 1:04:08
  comprendre ce qui se passe,
• 1:04:09
  comprendre ce qui est fait,
• 1:04:10
  puisse prendre le relais,
• 1:04:11
  et aussi,
• 1:04:12
  ben voilà,
• 1:04:12
  si dans six mois,
• 1:04:13
  en fait,
• 1:04:14
  quelqu'un doit reprendre...
• 1:04:15
  Le travail va maintenant sur mon application.
• 1:04:18
  Je m'occupe juste de le faire,
• 1:04:19
  tout simplement.
• 1:04:21
  Et du coup,
• 1:04:22
  il y a des moments où j'en fais probablement trop.
• 1:04:27
  Potentiellement trop,
• 1:04:28
  parce que je mets en place un cadre vraiment type entreprise et taf en équipe,
• 1:04:32
  alors que le portail,
• 1:04:35
  je l'ai développé tout seul,
• 1:04:36
  donc il n'y avait pas forcément besoin de mettre autant de choses.
• 1:04:39
  Mais à mon sens,
• 1:04:40
  ça fait partie des enjeux quand on veut faire des applications de production.
• 1:04:45
  qui sont là pour durer,
• 1:04:46
  qui sont là pour être repris,
• 1:04:47
  qui sont là pour être maintenus,
• 1:04:48
  qui sont là pour être évolués.
• 1:04:50
  et qui implique des gens.
• 1:04:52
  Puisque là,
• 1:04:53
  ce n'est pas juste moi tout seul,
• 1:04:54
  ce n'est pas juste Lulu et moi,
• 1:04:57
  même si aujourd'hui,
• 1:04:58
  on n'a pas eu encore d'invités,
• 1:04:59
  enfin,
• 1:05:00
  si on a eu des invités,
• 1:05:01
  mais qui ne sont pas encore allés sur le portail,
• 1:05:03
  et ça va arriver là,
• 1:05:05
  ça m'en choupe peu.
• 1:05:06
  Mais derrière,
• 1:05:07
  chaque fois que vous avez des gens qui vont utiliser votre application,
• 1:05:09
  il y a des données à eux qui circulent.
• 1:05:11
  Il y a au moins leur mail,
• 1:05:12
  il y a au moins leur...
• 1:05:13
  Un mot de passe qu'ils vont peut-être utiliser ailleurs,
• 1:05:15
  il peut y avoir justement,
• 1:05:17
  en empruntant,
• 1:05:18
  il peut y avoir des données personnelles selon les cas,
• 1:05:20
  selon ce que vous avez dans les infos de profil et ce genre de choses.
• 1:05:22
  Il peut y avoir des fichiers qu'ils vont déposer qui sont plus ou moins confidentiels ou plus ou moins à eux,
• 1:05:28
  qui ne doivent pas fuiter,
• 1:05:31
  même si ce n'est pas des données sensibles,
• 1:05:32
  ce genre de choses.
• 1:05:34
  Et voilà,
• 1:05:36
  on peut,
• 1:05:37
  entendu de nombreuses fois,
• 1:05:39
  le raisonnement de se dire de toute façon,
• 1:05:41
  notamment vis-à-vis par exemple des...
• 1:05:43
  innombrables fuites de données qu'il y a sur les outils de l'État.
• 1:05:47
  De toute façon,
• 1:05:49
  mes données,
• 1:05:50
  elles ont déjà fuité par le permis.
• 1:05:52
  C'est l'ANTS ?
• 1:05:54
  L'ANTS.
• 1:05:57
  Du coup,
• 1:05:58
  de toute façon,
• 1:06:00
  tous les deux moyens.
• 1:06:02
  Et de se dire,
• 1:06:03
  de toute façon,
• 1:06:03
  c'est peine perdue,
• 1:06:04
  ce n'est pas la peine de s'y mettre.
• 1:06:05
  Mais je suis pas d'accord avec ça.
• 1:06:08
  En fait,
• 1:06:08
  ce n'est pas parce qu'il y a des ratés dans les boîtes et parce qu'il y a...
• 1:06:12
  plein d'endroits où ils ne mettent pas les moyens qu'il faudrait.
• 1:06:15
  Et quand bien même,
• 1:06:16
  des fois,
• 1:06:16
  il y a les moyens qui sont mis en œuvre,
• 1:06:17
  mais ça n'empêche pas qu'il puisse y avoir des volets à donner.
• 1:06:21
  Sur pas mal de gros outils,
• 1:06:22
  quand même,
• 1:06:23
  on va se dire qu'ils ne font pas d'efforts.
• 1:06:25
  Parce que,
• 1:06:26
  par exemple,
• 1:06:26
  la NTS,
• 1:06:26
  c'était vraiment,
• 1:06:27
  vraiment,
• 1:06:28
  vraiment,
• 1:06:28
  vraiment une faille à la con.
• 1:06:29
  On était sur des trucs rudimentaires de cybersécurité qui n'ont pas été mis en place.
• 1:06:36
  Après,
• 1:06:36
  c'est d'autant plus important que maintenant,
• 1:06:39
  il y a aussi l'IA pour attaquer.
• 1:06:42
  Là,
• 1:06:42
  voilà,
• 1:06:43
  en termes de défense,
• 1:06:44
  alors oui,
• 1:06:46
  on peut se dire que t'en fais trop,
• 1:06:48
  machin,
• 1:06:49
  mais je pense qu'il n'y a jamais trop de ce côté-là parce qu'il y a les mêmes outils en face.
• 1:06:53
  Et il faudrait d'autant plus rajouter de la sécurité,
• 1:06:56
  au moins jusqu'à tout ce qu'on peut.
• 1:07:00
  C'est comme se dire,
• 1:07:01
  bah oui,
• 1:07:01
  mais de toute façon,
• 1:07:03
  on a déjà toutes mes données,
• 1:07:05
  donc je peux les donner à toutes les boîtes.
• 1:07:08
  toutes les données de mon entreprise à l'IA et tout ça,
• 1:07:11
  parce que de toute façon,
• 1:07:13
  ils ont déjà tout.
• 1:07:15
  C'est un peu plus nuancé aussi.
• 1:07:18
  Quand bien même,
• 1:07:19
  à titre personnel,
• 1:07:20
  on renonce à ces données.
• 1:07:22
  Quand on financierait ces données,
• 1:07:24
  on parle de ce principe-là et on estime que s'en fout,
• 1:07:27
  c'est trop tard et c'est pas la peine de s'en occuper.
• 1:07:30
  Bah juste,
• 1:07:31
  c'est pas valable pour les gens avec qui vous bossez,
• 1:07:32
  en fait.
• 1:07:33
  C'est vrai,
• 1:07:33
  puis c'est pas légal,
• 1:07:34
  de toute façon.
• 1:07:37
  Avec la RGPD,
• 1:07:38
  il y a quand même des choses à mettre en place.
• 1:07:46
  Oui,
• 1:07:47
  en partie.
• 1:07:48
  Mais pas que.
• 1:07:49
  La RGPD va sur d'autres sujets aussi,
• 1:07:51
  sur le fait de récupérer ses données,
• 1:07:53
  d'avoir le droit de suppression,
• 1:07:54
  d'avoir des droits comme ça.
• 1:07:56
  Mais on pourrait très bien mettre en place des fonctionnalités qui sont typées RGPD,
• 1:07:59
  justement pour l'export de données et tout,
• 1:08:00
  et avoir un code qui est une passoire et qui permet de rentrer par n'importe où.
• 1:08:08
  mais juste respecter les données des gens respecter les gens tout pour et ne traitez pas leurs données comme les vôtres en fait,
• 1:08:18
  faites mieux pour eux et pour elles et oui,
• 1:08:22
  aujourd'hui avec l'IA de toute façon aucune boîte n'est inviolable aucun système de sécurité,
• 1:08:28
  de cybersécurité ne peut pas être brisé il y a toujours des failles,
• 1:08:32
  il y a toujours des trucs mais tout ce que vous pourrez faire
• 1:08:35
  pour éviter que ça arrive,
• 1:08:37
  en fait,
• 1:08:37
  ce sera de près.
• 1:08:39
  L'idée,
• 1:08:39
  c'est quand même qu'il n'y ait pas le premier clampin venu qui puisse voler les données de vos utilisateurs.
• 1:08:44
  On a,
• 1:08:44
  ça me semble,
• 1:08:47
  le minimum de faire au mieux,
• 1:08:49
  même si ce n'est pas parfait,
• 1:08:52
  même si de base,
• 1:08:52
  vous n'êtes pas expert en sécurité,
• 1:08:55
  enfin,
• 1:08:55
  en cyber-sécurité,
• 1:08:56
  et qu'il y a des choses auxquelles vous n'allez pas penser,
• 1:08:57
  mais justement,
• 1:08:58
  on a l'IA pour nous aider à mettre en place des choses.
• 1:09:01
  Essayons d'en mettre le plus possible.
• 1:09:03
  C'est notre responsabilité.
• 1:09:06
  On a des données qui ne nous appartiennent pas et quand on sait la valeur des données aujourd'hui,
• 1:09:12
  on ne peut pas choisir pour les autres.
• 1:09:15
  C'est ça.
• 1:09:17
  Voilà pour aujourd'hui.
• 1:09:20
  La bonne nouvelle,
• 1:09:20
  c'est que notre prochain épisode,
• 1:09:22
  ce sera un peu plus doux,
• 1:09:23
  un peu plus light.
• 1:09:23
  Il nous reste quelques petits sujets à aborder,
• 1:09:25
  mais un peu moins coton,
• 1:09:27
  un peu moins technique,
• 1:09:28
  on va dire ça comme ça.
• 1:09:29
  Et j'espère déjà que ça vous aura plu.
• 1:09:32
  parler la suite de ce déroulé,
• 1:09:35
  des différentes étapes,
• 1:09:36
  toujours pour développer,
• 1:09:37
  en tout cas pour comment nous on a développé notre portail et notre application,
• 1:09:41
  les étapes par lesquelles on est passé.
• 1:09:43
  Donc si vous avez écouté notre épisode la semaine dernière,
• 1:09:45
  vous avez vu que le cheminement,
• 1:09:47
  on le suit,
• 1:09:48
  on adapte à notre sauce dans les différents points.
• 1:09:52
  Et dans les prochaines fois,
• 1:09:53
  on parlera davantage de ce qu'on a décidé de mettre dans notre version 1,
• 1:09:58
  puis dans comment on a fait évoluer notre application.
• 1:10:00
  Parce qu'en fait,
• 1:10:01
  c'est un gros enjeu des applications,
• 1:10:03
  le moment où elle est vivante,
• 1:10:04
  utilisée,
• 1:10:05
  et comment on l'améliore et on la fait évoluer pour nos besoins,
• 1:10:09
  avec la partie support,
• 1:10:11
  avec les tickets de bug,
• 1:10:12
  avec les demandes d'évolution,
• 1:10:15
  avec tous ces petits trucs tout mignons là.
• 1:10:17
  C'est vrai que
• 1:10:18
  Lulu se fait une...
• 1:10:19
  Ça me donne à cœur joie de temps en temps.
• 1:10:21
  « Eh si,
• 1:10:21
  et ça,
• 1:10:22
  et ça,
• 1:10:22
  ce serait bien aussi. »
• 1:10:23
  « Mais ça ne marche pas sur Safari. »
• 1:10:25
  Ouais,
• 1:10:26
  et surtout arrêtez d'utiliser des Mac.
• 1:10:29
  « Oui,
• 1:10:29
  ça ne marche pas sur l'iPhone. »
• 1:10:32
  C'est horrible quand on est sur du Windows et du Linux et qu'en face,
• 1:10:37
  il y a quelqu'un qui utilise du
• 1:10:39
  Mac et de l'iPhone et qu'il y a des bugs qui n'existent que chez Mac et iPhone à cause de...
• 1:10:44
  On va rentrer dans le détail technique maintenant,
• 1:10:46
  mais ils ont des trucs à aveu chez Apple qui font qu'il y a des bugs.
• 1:10:49
  que chez eux et que du coup,
• 1:10:51
  pour les vérifier,
• 1:10:52
  d'ailleurs,
• 1:10:52
  dans ton dernier bug,
• 1:10:54
  tu ne m'as pas dit si t'es corrigé au dernier bug sur iPhone,
• 1:10:57
  mais normalement,
• 1:10:58
  c'est censé être bon parce que justement,
• 1:10:59
  j'ai été harceler Claude pour qu'il me mette en place un environnement de test et de debug spécifique Apple.
• 1:11:09
  Enfin,
• 1:11:09
  c'est intéressant à marcher.
• 1:11:12
  Après,
• 1:11:12
  ça permet au moins de tester différents supports.
• 1:11:17
  C'est accessible.
• 1:11:18
  Ça permet de tester,
• 1:11:21
  parce que peut-être que les gens qu'on va interviewer ont aussi des iPhones ou des Macs.
• 1:11:29
  Si tu veux bien les laisser au micro,
• 1:11:32
  venir au micro quand même.
• 1:11:33
  Non,
• 1:11:34
  mais je pense que le matériel Apple devait être interdit par la loi.
• 1:11:37
  Mais bon,
• 1:11:37
  effectivement,
• 1:11:38
  en attendant,
• 1:11:39
  on fera avec.
• 1:11:42
  Et en tout cas,
• 1:11:43
  ça revient aussi sur le fait que c'est important de tester et de revenir.
• 1:11:47
  et de partir du principe que ce n'est pas parce que ça marche sur votre matos que ça marchera chez les copains et les copines but it works on my machine mais voilà on parlera de ça les prochaines fois et en fait plutôt de la vie d'une application une fois qu'elle est en production et comment on
• 1:12:03
  la fait évoluer on l'entretient et après des choix aussi qu'on a fait nous sur la partie technique enfin pas technique mais vis-à-vis de l'IA on va dire et vers où on va et c'est pour ça qu'on a évoqué un petit peu tout à l'heure le
• 1:12:17
  Le côté Supabase open source,
• 1:12:19
  on verra comment ça se passe.
• 1:12:20
  Si ça se passe bien,
• 1:12:21
  si ça se passe pas bien.
• 1:12:22
  Mais voilà.
• 1:12:24
  La suite au prochain épisode.
• 1:12:26
  Ouais.
• 1:12:26
  On fait une petite entorse,
• 1:12:28
  parce qu'on arrive déjà bientôt à la fin de la saison 1.
• 1:12:33
  Et ça vient de les vacances.
• 1:12:35
  Voilà,
• 1:12:36
  c'est ça.
• 1:12:36
  Donc ça sera pas un épisode thématique la prochaine fois.
• 1:12:39
  Après,
• 1:12:40
  même si là,
• 1:12:41
  honnêtement,
• 1:12:41
  on est presque dans une thématique quand même mélangée un peu.
• 1:12:46
  Oui,
• 1:12:46
  mais en fait,
• 1:12:47
  qu'est-ce qu'on veut chez notre podcast ?
• 1:12:49
  Voilà,
• 1:12:49
  c'est ça.
• 1:12:49
  Et de toute façon,
• 1:12:50
  il y aura des super interviews aussi qui vont arriver,
• 1:12:53
  du contenu trop trop cool,
• 1:12:55
  courant août,
• 1:12:57
  et plein de surprises même après pour la rentrée.
• 1:12:59
  Oui,
• 1:13:00
  d'ailleurs,
• 1:13:01
  on vous l'annonce un petit peu,
• 1:13:02
  en août,
• 1:13:03
  du coup,
• 1:13:04
  le dernier clic sera en vacances,
• 1:13:05
  mais vous aurez quand même du contenu qui arrivera chaque vendredi,
• 1:13:09
  qui sera plus doux,
• 1:13:11
  enfin plus doux,
• 1:13:12
  moins long,
• 1:13:13
  surtout ça.
• 1:13:15
  On ne prendrait plus des parpaings d'1h37 comme ça,
• 1:13:17
  sans avoir à demander un par surprise.
• 1:13:21
  Et on se retrouvera à la rentrée après pour des épisodes longs à nouveau.
• 1:13:27
  Il y aura peut-être un épisode long pendant les vacances,
• 1:13:34
  on va dire,
• 1:13:34
  un cours en août.
• 1:13:36
  Mais voilà,
• 1:13:38
  on ira se reposer,
• 1:13:39
  mais on vous laisse quand même de quoi suivre un petit peu la tech.
• 1:13:41
  Et puis de toute façon,
• 1:13:42
  vous serez en vacances aussi.
• 1:13:44
  Donc,
• 1:13:44
  tes petits épisodes,
• 1:13:45
  ça vous fera du bien aussi.
• 1:13:47
  Merci à tous et à toutes de nous avoir écoutés.
• 1:13:50
  Lulu,
• 1:13:50
  est-ce que tu as un petit mot de la fin ?
• 1:13:52
  On est bon ?
• 1:13:53
  Là,
• 1:13:53
  ça me semble bien.
• 1:13:55
  On avait dit 45 minutes.
• 1:13:57
  Ouais,
• 1:13:59
  c'est...
• 1:14:00
  C'est...
• 1:14:01
  On va essayer.
• 1:14:03
  Ouais,
• 1:14:03
  mais on a fait plus gros.
• 1:14:05
  Le prochain,
• 1:14:05
  il fera 45 minutes,
• 1:14:06
  peut-être.
• 1:14:07
  Peut-être.
• 1:14:08
  Peut-être.
• 1:14:12
  Merci Lulu de m'avoir accompagné sur cet épisode.
• 1:14:14
  Bonne journée ou bonne fin de journée,
• 1:14:15
  selon quand vous nous écouterez.
• 1:14:17
  Et on se retrouve la semaine prochaine.
• 1:14:20
  Salut !