Latest / Le Dernier Clic (avant la fin du monde) / 16 - Côté outils : Le portail du Dernier Clic, comment on a pensé notre outil idéal avant de le coder

Transcript

16 - Côté outils : Le portail du Dernier Clic, comment on a pensé notre outil idéal avant de le coder · Le Dernier Clic (avant la fin du monde)

• 0:13
  Bonjour et bienvenue sur 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 parler de sujets technologiques et d'outils numériques.
• 0:22
  Comment tu vas Lulu ?
• 0:24
  Ça va bien et toi ?
• 0:25
  Très bien.
• 0:26
  Et on se retrouve cette semaine pour un épisode côté outils qui est un petit peu particulier.
• 0:31
  puisqu'il va prendre un peu la tournure d'un épisode plus ou moins thématique.
• 0:35
  L'idée étant aujourd'hui de revenir sur le webcoding,
• 0:40
  ce que j'aime appeler le développement assisté par IA.
• 0:45
  On en avait déjà parlé dans des épisodes précédents,
• 0:48
  dans des côtés outils,
• 0:50
  c'est un sujet qu'on a évoqué à plusieurs reprises.
• 0:52
  Et aujourd'hui,
• 0:54
  l'idée va être de vous en parler de manière un peu plus détaillée pour rentrer vraiment dans la logique de...
• 1:00
  construction et de ce que ça représente pour nous de faire une application.
• 1:05
  Pourquoi le faire maintenant ?
• 1:06
  Alors pour de bonnes raisons.
• 1:08
  La première,
• 1:10
  c'est qu'on a fait notre propre portail qui est notre outil au final aujourd'hui qu'on utilise avec Lulu depuis déjà un bon mois et demi,
• 1:17
  quelque chose comme ça.
• 1:18
  C'est en prod.
• 1:20
  Oui c'est en prod depuis un bon mois et demi pour préparer nos épisodes du dernier clic et qui nous sert en fait à vraiment
• 1:28
  préparer tout l'épisode du début jusqu'au moment où on va le mettre dans notre outil de diffusion et qui nous sert à gérer toutes les différentes étapes donc on reparlera un petit peu après dans le détail de ce qu'il y a dans cette application mais
• 1:44
  c'est l'occasion de vous parler vraiment d'une application concrète qui a été développée avec de l'IA qui est en production et qui a évolué sur lesquels il y a eu des apprentissages et ce genre de choses et l'autre point aussi
• 1:57
  qui fait qu'on avait envie d'en parler maintenant,
• 2:00
  c'est parce qu'on voit fleurir de plus en plus de formations,
• 2:04
  de bootcamps,
• 2:05
  d'ateliers qui vendent du vibe coding à tout va avec des promesses du type créer votre site web en une heure de bout en bout,
• 2:15
  faites votre application,
• 2:17
  ou pire,
• 2:18
  faites votre SaaS en trois semaines.
• 2:21
  Pour rappeler ce qu'est un SaaS,
• 2:22
  c'est Software as a Service.
• 2:24
  Globalement,
• 2:24
  c'est des...
• 2:25
  outils que vous allez utiliser en ligne.
• 2:27
  La plupart des outils qu'on a en ligne qui vont fonctionner généralement avec des abonnements où on vous propose un service,
• 2:35
  on vous propose un programme utilisable à distance et hébergé chez une entreprise,
• 2:41
  chez un fournisseur du service en question.
• 2:44
  Et donc aujourd'hui,
• 2:45
  beaucoup de contenu pédagogique est orienté autour de cette tendance du développement assisté par IA et va le vendre de manière vraiment très...
• 2:55
  expéditive en promettant de la vitesse en promettant que vous allez pouvoir faire des choses que vous pouviez pas faire avant et il ya beaucoup de choses après enfin voilà il ya un tri à faire là dedans donc effectivement l'IA et le value coding permet de faire des choses qu'on ne pouvait pas faire avant quand on n'était pas un profil un peu technique ou
• 3:14
  qu'on pouvait faire mais si on accordait du temps à se former sur du développement visuel à travers des outils no code par exemple mais ça reste des outils ce n'est pas magique
• 3:24
  et si effectivement vous faites par exemple votre site web en une heure,
• 3:28
  il y a de fortes chances pour qu'il soit complètement bâclé.
• 3:31
  Parce que si je prends juste le cas et l'exemple du site web,
• 3:34
  l'exécution technique,
• 3:35
  la création du code à proprement parler,
• 3:37
  ne peut prendre qu'une heure,
• 3:39
  mais sur un site web,
• 3:39
  on a besoin de réfléchir déjà au contenu qu'on va y mettre,
• 3:43
  et rien que ça,
• 3:44
  ça prend généralement plus d'une heure si on veut faire quelque chose un peu cali,
• 3:47
  et en fonction de l'objectif aussi.
• 3:50
  Mais si vous voulez faire une page de vente pour vous,
• 3:51
  normalement vous allez passer bien plus d'une heure.
• 3:53
  à réfléchir à votre contenu,
• 3:55
  à le préparer,
• 3:56
  à mettre des choses dessus.
• 3:58
  Il y a aussi tout le temps...
• 3:59
  Là,
• 4:00
  c'est vrai que tu parles aussi du côté formation qui vante du rêve,
• 4:04
  mais c'est aussi en tant que personne,
• 4:07
  si on doit passer par un prestataire pour réaliser une application ou un site internet,
• 4:11
  même si on ne va pas construire de connaître tout ce que ça implique et de ne pas se faire avoir.
• 4:17
  Parce que bon,
• 4:19
  on en parlera après,
• 4:19
  mais ce n'est pas les mêmes niveaux de...
• 4:23
  précautions à prendre selon ce qu'on va développer.
• 4:26
  Et vu qu'on va y être,
• 4:28
  je pense que c'est important qu'on soit tous à peu près sensibilisés à ça,
• 4:31
  parce qu'on va tous être exposés,
• 4:32
  que ce soit en tant qu'utilisateur,
• 4:34
  en tant que,
• 4:35
  pourquoi pas,
• 4:37
  décideur et de passer par des prestataires pour développer ce type de contenu ou d'application,
• 4:44
  ou comme personne qui va en construire,
• 4:47
  pour soi ou pour d'autres personnes.
• 4:49
  Ce qui peut devenir un peu dangereux si on ne fait pas gaffe.
• 4:53
  Exactement,
• 4:53
  et alors juste pour revenir sur l'exemple du site web et faire le lien avec ce que tu viens d'expliquer sur effectivement le fait qu'il y a plusieurs niveaux de complexité en fonction de ce qu'avant on va vouloir
• 5:03
  produire et pour qui on va vouloir produire des choses.
• 5:06
  Juste pour revenir là sur votre site faire une heure,
• 5:09
  mais en fait,
• 5:10
  ça ne tiendra pas compte du contenu que vous avez préparé et qui va prendre déjà vachement plus qu'une heure.
• 5:15
  Le design et le maquettage aussi,
• 5:16
  en tout cas de réfléchir à ce qu'on veut,
• 5:19
  avoir une identité visuelle,
• 5:20
  une charte graphique.
• 5:21
  Ensuite,
• 5:21
  il va y avoir la partie exécution qui,
• 5:23
  ça,
• 5:23
  techniquement,
• 5:24
  peut prendre une heure,
• 5:25
  mais derrière,
• 5:26
  il va y avoir des enjeux de test pour voir si ça fonctionne bien sur téléphone,
• 5:29
  donc si c'est responsive,
• 5:31
  de savoir si en termes
• 5:33
  d'accessibilité,
• 5:33
  ça répond à toutes les normes.
• 5:35
  De voir si ça fonctionne bien partout et pas juste sur votre machine de manière générale.
• 5:40
  Si la mise en place du domaine et de la messagerie qui va avec aussi,
• 5:48
  la connexion si vous avez des formulaires,
• 5:50
  si vous intégrez des vidéos,
• 5:51
  si vous intégrez d'autres contenus.
• 5:53
  S'achant qu'au même titre que la
• 5:57
  RGPD et l'IA Act,
• 5:59
  le mois dernier,
• 6:00
  il y a une nouvelle réglementation qui est passée sur l'accessibilité.
• 6:03
  Donc c'est aussi maintenant à prendre en compte.
• 6:05
  Ce n'est pas quelque chose qu'on rajoute à la fin pour faire joli live.
• 6:10
  Il y a des normes et des lois à respecter aussi de ce côté-là.
• 6:14
  Donc je pense que ça pourrait être l'occasion de revenir dessus aussi à un moment pour creuser un peu ce côté-là.
• 6:20
  Oui.
• 6:21
  En tout cas,
• 6:21
  c'est effectivement à prendre en compte dans tout développement aujourd'hui,
• 6:24
  dans toute mise à disposition d'applications.
• 6:30
  Là,
• 6:30
  sur le site web,
• 6:31
  c'était juste pour vous illustrer qu'en fait,
• 6:33
  la promesse de le faire en une heure fait que techniquement,
• 6:35
  oui,
• 6:35
  vous allez pouvoir le faire en une heure en demandant à Claude ou à n'importe quel IAM,
• 6:40
  en tout cas,
• 6:40
  en demandant à IAM de vous produire.
• 6:43
  Mais derrière,
• 6:43
  pour avoir quelque chose qui soit de qualité et qui réponde à tous ces enjeux-là,
• 6:48
  il faut un peu plus de temps.
• 6:49
  On ne parle pas de semaines ou de mois.
• 6:51
  mais il n'empêche que ça se prend normalement nettement plus de temps qu'une heure pour avoir quelque chose d'un peu qualitatif.
• 6:57
  Et le fait est qu'il ne faut pas mélanger le fait de pouvoir produire et de créer rapidement avec de l'IA avec le fait de pouvoir produire et créer des choses qui sont adaptées à de la production,
• 7:10
  des choses qui vont impliquer aussi des données utilisateurs,
• 7:13
  et de savoir aussi un petit peu s'outiller.
• 7:16
  c'est-à-dire qu'aujourd'hui vous avez des outils qui vous facilitent un petit peu ça quand on est complètement novice,
• 7:22
  par exemple un Loveable,
• 7:24
  va vous permettre,
• 7:25
  sans avoir jamais rien touché,
• 7:27
  et sans avoir aucune compétence technique,
• 7:29
  d'aller discuter avec l'IA,
• 7:30
  et il va vous faire déjà des premiers jets qui sont hyper intéressants,
• 7:33
  par exemple sur la partie design.
• 7:35
  Mais toute la réflexion,
• 7:36
  tout ce que je vous ai évoqué avant,
• 7:37
  ça reste à prendre en compte.
• 7:39
  Et un outil comme
• 7:40
  Loveable vous permettra de faire une partie site web,
• 7:43
  mais si vous commencez à aller sur de l'application vraiment,
• 7:46
  Là,
• 7:46
  vous allez avoir votre responsabilité sur les données qui circulent dessus,
• 7:51
  donc sur les données utilisateurs,
• 7:52
  sur la sécurité,
• 7:54
  sur l'accessibilité,
• 7:55
  sur un peu tous les enjeux.
• 7:57
  Ce n'est pas parce que vous utilisez des outils qui sont plus accessibles et qui sont là pour vous donner l'impression d'aller très vite et que tout soit clean du premier coup,
• 8:06
  qu'en arrière-boutique,
• 8:06
  c'est réellement le cas.
• 8:07
  Il y a d'autres questions à se poser,
• 8:09
  il y a d'autres enjeux.
• 8:10
  Et c'est là que ça peut être pertinent de rester sur du no-code.
• 8:14
  Parce que les outils de nos codes vont intégrer en général toute la partie qu'on ne voit pas quand on déplace des blocs pour construire.
• 8:23
  La partie derrière de déploiement,
• 8:27
  de connexion si on gère des utilisateurs,
• 8:30
  d'authentification.
• 8:31
  Et tout ça,
• 8:32
  c'est géré par le service qui fournit des applications pour produire nos codes.
• 8:42
  Oui,
• 8:42
  en plus,
• 8:42
  sachant que l'avantage aussi des outils no-code,
• 8:44
  c'est que ça oblige à se poser ces questions-là.
• 8:46
  De se dire comment je vais agencer ma page,
• 8:48
  qu'est-ce que je vais mettre comme contenu,
• 8:52
  même si effectivement,
• 8:54
  si on prend un Webflow ou un Framer ou ce type d'outils,
• 8:57
  ou même des plus accessibles comme du Card notamment,
• 9:02
  ils vont vous gérer effectivement tout ce qui est hébergement,
• 9:04
  tout ce qui est sécurité,
• 9:05
  tout ce qui est sauvegarde,
• 9:07
  restauration,
• 9:08
  les formulaires qui sont déjà intégrés comme tu le disais.
• 9:11
  et quelque part même quand on a son domaine à soi,
• 9:14
  par exemple nous c'est ledernierclic.fr,
• 9:17
  sur ces outils là vous allez avoir deux lignes globalement à toucher dans votre éditeur de domaine pour mettre en place ça et tout le reste effectivement sur la partie sécurité sera très en charge.
• 9:30
  Sur des outils no-code de type Bubble,
• 9:34
  de type WeWeb qui vous permettent de faire des applications complètes,
• 9:38
  là,
• 9:38
  il va quand même y avoir des enjeux de sécurité de votre côté dans la construction et dans ce que vous allez faire.
• 9:42
  Donc,
• 9:42
  vous n'y échapperez pas non plus.
• 9:44
  Et c'est peut-être l'occasion déjà de revenir un petit peu sur la différence entre...
• 9:50
  Quels sont les niveaux,
• 9:51
  au final,
• 9:51
  d'application un peu différents ?
• 9:53
  Est-ce que tu veux nous présenter un peu ça,
• 9:55
  Lulu ?
• 9:57
  Oui.
• 9:58
  Donc,
• 9:59
  on a,
• 9:59
  comme tu as dit,
• 10:00
  il y a le...
• 10:01
  site internet,
• 10:02
  qui va plus être la landing page ou site vitrine,
• 10:07
  où là,
• 10:07
  on ne va avoir même pas de
• 10:09
  CMS, donc Content Management System.
• 10:12
  Là,
• 10:12
  on va être sur du contenu,
• 10:15
  quelque chose de fixe,
• 10:16
  de statique.
• 10:17
  Là,
• 10:18
  c'est...
• 10:20
  comment dire ?
• 10:20
  Ça peut être bien pour commencer,
• 10:23
  se faire la main et itérer dessus,
• 10:25
  et ce n'est pas là-dessus qu'on va avoir le plus de problèmes de sécurité,
• 10:28
  même si...
• 10:29
  Il y a quand même toute la partie accessibilité à prendre en compte,
• 10:32
  la partie,
• 10:33
  enfin si on veut,
• 10:34
  il y a la partie référencement et les performances du site aussi en lui-même.
• 10:40
  Donc c'est aussi tout plein de choses à prendre en compte que dans des,
• 10:45
  on va dire,
• 10:46
  des builders plus classiques,
• 10:48
  ça peut déjà être pris en charge et on n'a pas trop à s'en soucier.
• 10:52
  Sinon après,
• 10:53
  on a aussi le site internet un petit peu au-dessus,
• 10:55
  donc avec CMS.
• 10:57
  Donc là,
• 10:58
  ça veut dire qu'on va avoir...
• 10:59
  un back-end,
• 11:00
  et le back-end,
• 11:01
  c'est tout ce qu'on ne voit pas.
• 11:04
  C'est ce qui est en arrière boutique,
• 11:05
  et le front-end,
• 11:06
  ça va être ce qui va être devant et être affiché,
• 11:08
  mais les deux communiquent sans cesse.
• 11:11
  Et ça va être toutes les données qui vont être stockées,
• 11:15
  donc là,
• 11:16
  on va avoir des choses qui vont être plus dynamiques dans le contenu sur le site.
• 11:19
  Je ne sais pas si tu veux rajouter des trucs pour la distinction back-front.
• 11:25
  Alors déjà,
• 11:26
  oui,
• 11:26
  pour les sites,
• 11:27
  donc effectivement,
• 11:27
  tu as bien résumé sur le fait que...
• 11:29
  En gros,
• 11:29
  les sites web,
• 11:30
  ça va être vraiment des vitrines.
• 11:32
  Donc vous êtes là pour avoir une interface,
• 11:33
  pour avoir une présentation d'informations,
• 11:35
  mais vous n'êtes pas vraiment dans l'interaction avec de la logique derrière.
• 11:40
  Dès que vous allez être sur du site vitrine avec CMS,
• 11:42
  comme disait Lulu,
• 11:43
  c'est là où on va voir,
• 11:44
  par exemple,
• 11:44
  une partie blog,
• 11:45
  et du coup,
• 11:46
  vous commencez à rentrer dans le besoin d'avoir ce qu'on appelle un back-end.
• 11:50
  Le back-end étant,
• 11:51
  en fait,
• 11:53
  à la fois votre base de données,
• 11:55
  donc là,
• 11:55
  vous allez ranger les informations.
• 11:57
  mais c'est aussi l'endroit qui va vous permettre de mettre en place de la logique,
• 12:00
  de mettre en place des mécanismes qui font que quand vous allez interagir,
• 12:06
  il va se déclencher telle et telle chose derrière.
• 12:08
  Donc le back-end,
• 12:09
  c'est vraiment un ensemble de choses.
• 12:10
  C'est aussi là que vous allez gérer la partie authentification,
• 12:13
  donc les utilisateurs.
• 12:15
  Par exemple,
• 12:15
  si vous avez un espace membre sur votre site web,
• 12:18
  de dire qu'il y a un espace,
• 12:20
  le blog rentre dans le CMS,
• 12:22
  a besoin d'un fameux back-end pour stocker les différents articles.
• 12:26
  et les références pour les métadonnées,
• 12:28
  pour le référencement,
• 12:29
  ce genre de choses.
• 12:30
  Mais vous pouvez avoir un espace membre à côté qui est payant pour du contenu supplémentaire.
• 12:34
  Et donc là,
• 12:35
  il y a besoin d'avoir une gestion,
• 12:37
  par exemple,
• 12:38
  de niveau de droit,
• 12:39
  de dire en fonction de ce que la personne a payé,
• 12:41
  elle voit tel ou tel contenu,
• 12:43
  elle peut interagir avec tel ou tel contenu,
• 12:44
  elle peut poser des questions,
• 12:45
  par exemple,
• 12:46
  elle a accès à un formulaire supplémentaire,
• 12:48
  toutes ces choses-là.
• 12:49
  Donc là,
• 12:49
  on rentre vraiment dans comment ça apporter de la logique et de l'intelligence et du process qu'on a.
• 12:55
  qu'on va qualifier de métier,
• 12:57
  derrière.
• 12:58
  Et après,
• 12:59
  on va aller sur les applications,
• 13:01
  les applications web,
• 13:02
  enfin,
• 13:02
  les applications à proprement parler.
• 13:04
  Et donc,
• 13:05
  là,
• 13:06
  la partie front-end,
• 13:07
  back-end va se prendre un petit peu d'ampleur sur les deux sujets.
• 13:11
  C'est-à-dire que le front-end,
• 13:13
  c'est vraiment cette interface,
• 13:15
  c'est la partie émergée de l'iceberg,
• 13:16
  c'est ce que vous voyez.
• 13:17
  Quand vous allez naviguer sur un site,
• 13:18
  sur une appli,
• 13:19
  c'est vraiment tout ce que vous voyez.
• 13:21
  Mais dans une application,
• 13:23
  Quand vous allez utiliser votre outil de travail au quotidien qui est sur votre ordi,
• 13:26
  derrière,
• 13:27
  à travers les fenêtres,
• 13:30
  les pages dans lesquelles vous allez naviguer,
• 13:32
  à travers vos différents boutons,
• 13:34
  vos différents formulaires,
• 13:35
  quand vous cliquez dessus,
• 13:36
  quand vous remplissez des champs,
• 13:38
  ça va déclencher à chaque fois différentes logiques,
• 13:41
  différentes fonctions qui vont elles-mêmes envoyer des informations au backend qui lui va traiter tout ça et en faire des choses.
• 13:48
  Et vous allez avoir une communication permanente entre les deux et des enjeux qui sont...
• 13:52
  très fort au niveau du back-end sur l'intelligence et la logique de notre application.
• 13:56
  Et en revanche,
• 13:57
  la partie front-end,
• 13:58
  c'est plus que du visuel.
• 14:00
  Donc il y a l'enjeu visuel,
• 14:01
  évidemment.
• 14:02
  Mais le design va plus loin parce qu'il va aussi impacter ce qu'on appelle la partie
• 14:09
  UX, donc l'expérience utilisateur,
• 14:11
  et la partie UI qui va être,
• 14:13
  elle,
• 14:13
  pour la partie vraiment plus interface,
• 14:14
  le fait que ce soit agréable,
• 14:15
  que ce soit clair de trouver de l'information,
• 14:18
  que ce soit agréable...
• 14:20
  comme je l'ai déjà dit,
• 14:21
  mais que ce soit joli et qu'on prenne plaisir à utiliser l'outil.
• 14:24
  C'est ça,
• 14:25
  et qu'on ne se retrouve pas avec des fuites de données aussi dans le front,
• 14:28
  accessoirement.
• 14:30
  C'est pour ça qu'il faut quand même qu'il y ait une séparation entre les deux,
• 14:33
  même si c'est un peu plus pourruxable,
• 14:36
  parce qu'on va quand même avoir des choses qui vont rester stockées dans la partie front pour justement améliorer l'expérience utilisateur.
• 14:43
  Ça peut être temporaire et tout ça,
• 14:45
  mais voilà,
• 14:46
  ça c'est des choses,
• 14:47
  normalement on n'a pas trop à se poser la question.
• 14:49
  Et parfois,
• 14:52
  même en demandant à l'IA,
• 14:54
  en disant
• 14:55
  « fais quand même un truc sécurisé » ,
• 14:57
  on peut se retrouver avec des choses en clair.
• 15:00
  En clair,
• 15:00
  ça veut dire que ça va être disponible.
• 15:03
  Sur le front,
• 15:04
  ça va être visible.
• 15:05
  Alors pas visible directement sur la page,
• 15:07
  ça peut être dans le code source,
• 15:08
  ça peut être en bidouillant un petit peu et on peut se retrouver à retrouver les informations d'autres membres.
• 15:15
  Des fois,
• 15:17
  c'est des bugs ou des garde-fous qui n'ont pas été mis en place et des fois,
• 15:22
  c'est tout bête.
• 15:24
  Et ça,
• 15:25
  pour la confiance utilisateur derrière,
• 15:27
  en termes de légal aussi,
• 15:30
  c'est pas très bon.
• 15:31
  Donc,
• 15:31
  on ne se lance pas là-dedans si on ne s'est pas renseigné un minimum ou on n'a pas fait auditer à quelqu'un qui est du domaine.
• 15:39
  Alors,
• 15:40
  effectivement,
• 15:40
  sur ces points-là,
• 15:42
  première chose,
• 15:43
  aujourd'hui,
• 15:43
  dans tout ce qu'on vous explique,
• 15:45
  c'est vraiment pour clarifier un petit peu les différents niveaux entre les sites,
• 15:49
  les apps,
• 15:49
  ce qu'on met dans les apps et les différentes étapes qu'on a,
• 15:52
  en tout cas,
• 15:53
  nous,
• 15:53
  qu'on a réalisées pour le développement d'une application et ce qui nous semble fondamental dans le développement d'une application.
• 15:59
  mais sur la partie technique poussée et notamment sur la sécurité,
• 16:02
  on vous renvoie vivement sur le vibecoding,
• 16:04
  et on vous mettra d'ailleurs le lien dans les sources,
• 16:07
  vers les contenus créés par Alexi Kovalenko,
• 16:10
  qui crée du contenu sur le vibecoding depuis un moment,
• 16:14
  plus d'un an,
• 16:14
  un an et demi,
• 16:15
  et ils avaient notamment fait un épisode très très bien avec Xavier Garpé,
• 16:19
  qui parlait de la sécurité,
• 16:21
  et des choses que Lulu vient d'évoquer,
• 16:24
  sur le fait que dans l'interface,
• 16:25
  vous pouvez avoir déjà des failles de sécurité,
• 16:27
  des trous,
• 16:28
  d'une.
• 16:28
  des choses sur des points d'attention qu'il faut avoir en tête.
• 16:31
  Et derrière,
• 16:31
  il y en a aussi énormément côté back-end,
• 16:33
  c'est là où c'est le plus critique.
• 16:35
  Mais voilà,
• 16:37
  il y a énormément de choses,
• 16:38
  notamment dans l'épisode en question,
• 16:39
  il y a plein de points à prendre en compte.
• 16:42
  Et voilà,
• 16:43
  on ne s'aventurera pas ici aujourd'hui,
• 16:45
  mais on vous invite vivement à aller écouter l'épisode qui détaille davantage tout ça.
• 16:50
  Mais voilà,
• 16:50
  gardez en tête que du coup,
• 16:53
  qu'un site web au sens classique,
• 16:55
  c'est une vitrine.
• 16:56
  Et une application,
• 16:57
  c'est vraiment un outil de travail avec des granularités différentes en fonction du type d'outil,
• 17:03
  en fonction du besoin,
• 17:03
  en fonction de ce qui est mis à disposition.
• 17:06
  Mais c'est un outil de travail,
• 17:07
  donc les enjeux ne sont pas les mêmes.
• 17:09
  Sachant que même si on fait un site vitrine,
• 17:11
  on peut,
• 17:12
  pour le développement,
• 17:13
  avoir eu besoin de connecter des clés API.
• 17:16
  Et ça,
• 17:16
  ça peut se retrouver aussi sur le site.
• 17:18
  Donc effectivement,
• 17:20
  il n'y a rien de sensible sur le site.
• 17:23
  mais s'il y a quelqu'un qui arrive à récupérer ses clés et utiliser votre clé API qui n'est pas censée être utilisée par d'autres personnes,
• 17:30
  là,
• 17:30
  vous allez vous retrouver avec quelques problèmes aussi.
• 17:33
  Donc,
• 17:33
  ce n'est pas qu'une question de niveau comme ça.
• 17:36
  C'est de montrer que c'est complexe.
• 17:38
  Parce qu'on peut se dire,
• 17:39
  oui,
• 17:39
  c'est facile,
• 17:40
  c'est juste une page web.
• 17:42
  On peut aussi se retrouver un petit peu démuni quand la facture qui arrive et qu'on se rend compte que les crédits ont été beaucoup utilisés.
• 17:52
  Oui,
• 17:52
  d'être.
• 17:53
  Pour clarifier ça,
• 17:54
  effectivement,
• 17:55
  les API,
• 17:57
  c'est ce qui vous permet de communiquer d'un outil à l'autre.
• 17:59
  C'est un peu les passerelles qui font le lien entre tout ça.
• 18:01
  Et une clé API,
• 18:02
  globalement,
• 18:03
  ça va être votre clé d'autorisation qui vous permet,
• 18:06
  avec votre abonnement à tel outil,
• 18:08
  d'aller vous connecter à tel autre outil.
• 18:10
  Et en fait,
• 18:11
  ces clés-là,
• 18:12
  quand elles sont visibles,
• 18:13
  comme le disait Lulu,
• 18:13
  qu'elles n'ont pas été sécurisées et qu'on peut y accéder facilement à travers le navigateur,
• 18:17
  c'est-à-dire qu'on peut le récupérer,
• 18:18
  on peut utiliser votre compte en étant authentifié avec votre clé.
• 18:22
  et utiliser le service en question.
• 18:24
  Et du coup,
• 18:25
  comme les services en question qui fonctionnent avec des API sont généralement conditionnés à des abonnements ou à des prêts ou à de la facture à surusage,
• 18:31
  peu importe,
• 18:33
  c'est une faille et un trou de sécurité qu'on voit très régulièrement depuis l'arrivée de l'IA.
• 18:38
  Les fameuses clés API qui sont dites en clair.
• 18:41
  Donc,
• 18:41
  ils sont stockés directement dans le navigateur et que n'importe quel pinpin venu qui va sur votre site les voit dans sa page,
• 18:48
  peut le récupérer et s'en servir.
• 18:50
  Voilà,
• 18:51
  ne faites pas ça.
• 18:52
  et globalement quand une IA vous demande votre clé API de la saisir en clair et de la mettre dans votre fenêtre de conversation pour en faire quelque chose,
• 19:00
  ne le faites pas il y a forcément d'autres moyens d'intégrer et les outils quand ils sont bien faits vous permettent d'ajouter ce type de clé ou ce type d'authentification à travers des intégrations ou à travers des endroits qui sont déliés sécurisés,
• 19:14
  cryptés,
• 19:14
  cachés peu importe selon les outils mais qui permettent de ne pas laisser ça Zzzzz
• 19:21
  En clair,
• 19:21
  c'est comme si vous laissiez en permanence votre carte bancaire posée sur votre boîte aux lettres.
• 19:27
  Globalement,
• 19:29
  évitez de le faire.
• 19:30
  Ce serait quand même plus sécurisé parce que maintenant avec la double authentification,
• 19:34
  alors que pour une clé API,
• 19:35
  il n'y a pas forcément.
• 19:38
  Oui,
• 19:39
  mais si on te la prend pour aller au bar et faire que des paiements sans contact pendant toute une soirée,
• 19:43
  je pense que ça marche pareil.
• 19:44
  C'est limité à cinq paiements sans contact.
• 19:48
  Oui,
• 19:48
  alors que la clé API n'est pas limitée.
• 19:51
  Ah si,
• 19:51
  si tu as mis un plafond,
• 19:52
  et d'ailleurs si,
• 19:53
  petit point d'ailleurs.
• 19:54
  Oui,
• 19:54
  ça c'est,
• 19:54
  Petit bonus,
• 19:57
  bon,
• 19:59
  s'écarte un peu,
• 19:59
  on va revenir sur le jeu.
• 20:01
  Bon point sur n'importe quel outil que vous utilisez qui fonctionne avec un paiement à l'usage,
• 20:07
  et c'est notamment le cas d'ailleurs des outils d'IA aussi,
• 20:10
  de plus en plus,
• 20:10
  et déjà évoqué,
• 20:12
  ça va l'être davantage quand les abonnements vont plus ou moins disparaître ou partiellement disparaître.
• 20:17
  Pensez à vous mettre des quotas,
• 20:18
  des limites d'utilisation.
• 20:19
  Comme ça,
• 20:20
  au moins,
• 20:20
  vous savez qu'en cas de pépin,
• 20:21
  ça ne dépassera pas le quota que vous avez fixé.
• 20:24
  Et ça,
• 20:26
  je veux dire,
• 20:26
  ça ne sauve des lits peut-être pas,
• 20:27
  mais en tout cas,
• 20:27
  ça sauve des grosses factures dans des boîtes,
• 20:29
  ça c'est sûr.
• 20:31
  Voilà.
• 20:31
  Donc,
• 20:31
  à prendre en compte.
• 20:33
  Donc,
• 20:34
  vous l'avez compris normalement à ce stade,
• 20:36
  développer avec de l'IA va impliquer des choses côté sécurité,
• 20:40
  va impliquer du taf en amont.
• 20:42
  Et du coup,
• 20:43
  le fameux taf en amont,
• 20:45
  par quand on commence ?
• 20:46
  Avant de se jeter la tête dans l'IA,
• 20:48
  dans un prompt,
• 20:49
  pour qu'elle commence à nous faire notre fameux outil magique ou notre fameux site web.
• 20:52
  Donc là,
• 20:53
  aujourd'hui,
• 20:53
  on veut vraiment orienter sur la partie application.
• 20:56
  Mais toutes les étapes,
• 20:57
  enfin pas toutes les étapes,
• 20:57
  mais la plupart des étapes qu'on décrit peuvent s'appliquer à un site web.
• 21:00
  C'est juste que là,
• 21:01
  on vous parle vraiment de la gestion de projet pour tout ce qui est en amont.
• 21:07
  Oui,
• 21:08
  je veux dire,
• 21:08
  dans certaines étapes qu'on va évoquer,
• 21:09
  qui sont très orientées de dev,
• 21:12
  il y a des petits bouts qui sont plus adaptés,
• 21:14
  plus propres vraiment à l'application,
• 21:16
  puisque là,
• 21:16
  on parle de notre application,
• 21:18
  du portail,
• 21:20
  le dernier clic.
• 21:21
  Le point de départ de tout,
• 21:23
  d'un site d'une appli,
• 21:24
  donc vraiment,
• 21:24
  pour notre coup,
• 21:25
  d'une appli,
• 21:26
  c'est le problème.
• 21:28
  qu'est-ce qu'on avait comme souci à la base et pourquoi on a voulu se faire nous-mêmes d'ailleurs un portail pour le dernier clic.
• 21:34
  Parce qu'au début,
• 21:35
  on a bricolé sans.
• 21:37
  Oui,
• 21:38
  c'est ça.
• 21:38
  Et on était assez ambitieux de se dire bon,
• 21:40
  on fait un épisode par semaine.
• 21:42
  Alors oui,
• 21:44
  c'est cool.
• 21:45
  Bon,
• 21:46
  on avait dit 45 minutes aussi,
• 21:47
  mais ça,
• 21:48
  c'est...
• 21:49
  Voilà,
• 21:50
  c'est loin.
• 21:51
  On y arrive presque des fois.
• 21:52
  Pas loin,
• 21:53
  pas trop loin.
• 21:54
  Quand t'as rendez-vous chez le coiffeur.
• 21:56
  Oui,
• 21:56
  et je crois qu'on a deux épisodes à 45 minutes.
• 21:58
  Alors,
• 21:58
  c'est une prouesse à noter.
• 22:00
  Ah oui,
• 22:00
  bravo nous.
• 22:02
  Non,
• 22:02
  mais c'était...
• 22:04
  Le but,
• 22:05
  c'était de vraiment pouvoir se concentrer sur la production.
• 22:10
  Vraiment,
• 22:11
  le côté,
• 22:12
  on fait nos recherches.
• 22:12
  Mais le problème,
• 22:13
  c'est que vu qu'on fait des sujets qui sont creusés une semaine sur deux,
• 22:18
  on va aller lire de la biblio.
• 22:19
  Donc,
• 22:19
  s'envoyer des liens sur Discord au milieu du reste,
• 22:24
  c'est peut-être...
• 22:24
  cette passe 4 plus simple.
• 22:25
  Alors,
• 22:25
  on avait fini par avoir une page Fibery partagée,
• 22:29
  sauf que je n'avais pas forcément les droits pour en créer une nouvelle.
• 22:32
  Donc,
• 22:33
  en fait,
• 22:33
  c'était juste que l'information était éclatée.
• 22:36
  C'était toujours de devoir un peu communiquer,
• 22:38
  de ne pas savoir aussi où l'autre en est,
• 22:41
  parce qu'on a fini par se répartir un peu les tâches naturellement aussi.
• 22:46
  Mais de ne pas avoir cette visibilité parce qu'on ne se rend pas forcément compte.
• 22:52
  Les gens qui font du podcast,
• 22:53
  sans rendre compte,
• 22:54
  mais il y a tout le travail de préparation,
• 22:56
  le cadrage,
• 22:59
  la partie sur les sources.
• 23:00
  Il y a aussi des discussions potentiellement en amont pour définir un peu de quoi on va parler,
• 23:04
  les sujets qu'on va aborder.
• 23:06
  Et ensuite,
• 23:07
  il y a le calendrier aussi respecté.
• 23:11
  Et une fois que l'épisode est produit,
• 23:14
  il faut le monter.
• 23:15
  Il y a toute la partie des visuels à faire.
• 23:18
  Il y a la partie publication.
• 23:19
  Il y a plusieurs descriptions aussi à rédiger.
• 23:23
  Ça va être la publication sur l'endroit où on héberge le podcast.
• 23:27
  Ça va être la transcription aussi.
• 23:30
  Peut-être la publication sur LinkedIn,
• 23:33
  la gestion des sources.
• 23:37
  On peut vite se retrouver,
• 23:39
  pas perdu,
• 23:40
  mais c'est juste que ça rajoute des frictions.
• 23:42
  On a l'impression toujours de déranger l'autre en demandant
• 23:45
  « oui, mais toi,
• 23:46
  t'en es où ? »
• 23:47
  « Attends,
• 23:47
  moi,
• 23:47
  j'ai fait ça et puis on s'était fait un drive,
• 23:50
  donc en soi,
• 23:51
  ça va,
• 23:51
  mais... »
• 23:53
  Là,
• 23:53
  ça permet de vraiment avoir toutes les infos au même endroit.
• 23:56
  Et on se dit que le jour où on aura peut-être plusieurs épisodes en parallèle,
• 24:00
  est-ce qu'on aura peut-être des hors-série ?
• 24:02
  Ça sera gérable parce que sinon,
• 24:04
  ça n'aurait pas été forcément possible.
• 24:06
  Ce qui va être le cas là cet été,
• 24:08
  puisqu'on a plusieurs choses qui sont en attente et qui vont nous amener à avoir des épisodes effectivement parallèles.
• 24:14
  Mais oui,
• 24:16
  en fait,
• 24:17
  dans notre partie métier sur le podcast,
• 24:18
  pour parler en termes de nombre d'outils,
• 24:21
  On a des outils pour la partie vraiment technique.
• 24:23
  Donc,
• 24:23
  on utilise Riverside pour enregistrer nos podcasts.
• 24:26
  On le fait en visio,
• 24:27
  en live.
• 24:28
  Lui habitant à l'autre bout de la France.
• 24:30
  Voilà,
• 24:31
  en présentiel.
• 24:31
  C'est toi qui habites à l'autre bout de la France ?
• 24:34
  Oui,
• 24:34
  peut-être.
• 24:35
  Ça dépend du point de vue.
• 24:37
  Quoi qu'il en soit,
• 24:38
  on utilise Riverside pour vraiment la partie enregistrement.
• 24:41
  On va utiliser Ausha qui est notre hébergeur et diffuseur de podcasts.
• 24:46
  Et dernièrement,
• 24:48
  on a...
• 24:49
  Aussi un théoréophonique qui nous fait tout le traitement audio,
• 24:52
  le nettoyage et au final maintenant qui est en train de basculer,
• 24:55
  de me faire la partie vraiment montage audio en soi quelque part.
• 24:59
  Enfin,
• 24:59
  pas quelque part,
• 25:00
  non,
• 25:00
  j'en ai mis le fait,
• 25:01
  depuis un ou deux épisodes.
• 25:02
  Donc vous avez peut-être dû remarquer que le son est plus fort,
• 25:05
  différent,
• 25:05
  et en tout cas,
• 25:06
  il nous semble mieux aussi depuis qu'on est passé sur Auphonic.
• 25:09
  D'ailleurs,
• 25:09
  il y aura un autre sujet,
• 25:10
  on reviendra un peu plus tard,
• 25:12
  mais ça va nous permettre également d'automatiser un certain nombre de choses bientôt.
• 25:17
  Ça fera l'objet d'autres séances.
• 25:19
  Mais en gros,
• 25:21
  même si on sort Auphonic de l'équation,
• 25:23
  on avait ces deux outils techniques-là.
• 25:24
  et après on avait les outils qu'a cité Lulu donc Fibery vraiment pour la préparation on avait Discord pour échanger et faire le lien et il y a un drive sur Proton pour tout regrouper au niveau des fichiers et des documents.
• 25:38
  Donc en termes d'informations on avait tout mais c'était,
• 25:41
  sincèrement c'était le bordel puisqu'en fait à chaque fois qu'on allait sur Oshike,
• 25:45
  il faut tout réuploader.
• 25:47
  Au niveau des échanges on avait des boosts sur Discord mais des fois il fallait retrouver une info,
• 25:51
  on s'est dit quoi déjà pour tel épisode,
• 25:53
  pour tel truc
• 25:54
  Sur Fiverr,
• 25:55
  vu que
• 25:56
  Lulu n'avait pas de compte payant dessus,
• 25:58
  c'est un peu comme à Notion.
• 25:59
  Vous pouvez partager des pages,
• 26:01
  vous pouvez partager des choses,
• 26:02
  mais c'est vite le bordel aussi.
• 26:04
  On est passé sur Anytype aussi,
• 26:07
  entre.
• 26:07
  C'est vrai.
• 26:08
  Et j'ai toujours pas de compte dessus non plus.
• 26:11
  Oui,
• 26:12
  mais sur Anytype,
• 26:12
  par contre,
• 26:12
  on a un espace,
• 26:13
  même sans que tu aies de compte,
• 26:14
  on a un espace commun où tu as accès à tout.
• 26:17
  Et sans limite,
• 26:18
  ce qui n'est pas possible sur Notion.
• 26:22
  Non,
• 26:22
  pas possible en l'état,
• 26:23
  d'ailleurs.
• 26:27
  Et donc le principe de départ,
• 26:28
  c'était ça,
• 26:29
  c'était vraiment de se dire,
• 26:30
  non mais là ça passe parce que c'était le temps qu'on apprenne un peu,
• 26:34
  qu'on en bossait,
• 26:35
  qu'on avait besoin dans chaque partie,
• 26:37
  qu'est-ce qu'on allait mettre,
• 26:37
  parce que pour nous c'était nouveau,
• 26:38
  c'était un process métier à découvrir,
• 26:41
  à construire et à formaliser ensemble.
• 26:43
  Et une fois qu'on l'a eu,
• 26:44
  on s'est dit,
• 26:45
  bon ben maintenant ce serait bien qu'on ait un outil dans lequel on regroupe tout,
• 26:49
  même si derrière on a des backups sur un drive,
• 26:51
  mais c'est des backups volontaires,
• 26:53
  Et même si derrière...
• 26:54
  on redépose au début,
• 26:56
  en tout cas,
• 26:57
  sur Ausha manuellement,
• 26:59
  on a quand même toutes les infos,
• 27:00
  tous les fichiers,
• 27:01
  toutes les ressources,
• 27:02
  toute la bibliographie,
• 27:02
  tout à un seul endroit.
• 27:04
  C'est ça,
• 27:04
  puis on s'est dit aussi que si,
• 27:06
  dans l'idée,
• 27:07
  c'est aussi de faire intervenir des invités et que là,
• 27:10
  ça n'aurait pas été gérable.
• 27:13
  Même que ce soit pour nous ou pour les invités.
• 27:16
  N'allez pas faire une discussion de groupe ou des échanges de mail.
• 27:20
  Enfin,
• 27:21
  ça n'aurait pas été...
• 27:23
  convenable et je veux dire il y a déjà des gens qui vont peut-être prendre du temps pour nous accorder du temps pour une interview où on va pas leur en prendre d'autant plus et là c'est vrai que j'ai quand même beaucoup apprécié ce moment où on a juste appris à bosser et
• 27:40
  à découvrir le process de construire un podcast parce que c'est sûr que si on s'était posé la question,
• 27:45
  oui on savait que ça serait mieux d'avoir tout au même endroit mais on n'aurait clairement pas construit la même appli
• 27:53
  si on avait attendu de la construire avant de se lancer.
• 27:56
  C'est pour ça que ça peut être important,
• 27:58
  même que ce soit automatisation ou application,
• 28:01
  je trouve que c'est super important de savoir presque le faire à la main avant et d'avoir testé des choses,
• 28:06
  parce que les besoins évoluent vraiment beaucoup,
• 28:09
  et d'y aller petit à petit.
• 28:11
  Et ça,
• 28:11
  c'est fondamental ce que tu dis,
• 28:13
  parce qu'on n'automatise pas un process qu'on n'a pas déjà éprouvé.
• 28:18
  Et pour une application,
• 28:19
  c'est pareil.
• 28:20
  Si on fait une application sur quelque chose qu'on n'a jamais vécu,
• 28:23
  qu'on ne connaît pas,
• 28:25
  on va forcément se planter dans le cadrage,
• 28:27
  on va forcément se planter sur comment répondre aux besoins,
• 28:30
  tant qu'on n'a pas conscientisé ce besoin et qu'on ne l'a pas éprouvé d'une manière ou d'une autre.
• 28:34
  Et c'est pour ça que le passage bricolage ou outils provisoires est,
• 28:38
  à mon sens,
• 28:38
  indispensable.
• 28:39
  Oui,
• 28:39
  outils no-code,
• 28:40
  où on a réfléchi même à la structuration des bases de données derrière.
• 28:44
  On se dit,
• 28:44
  bon,
• 28:45
  effectivement,
• 28:45
  on a un épisode,
• 28:46
  une saison,
• 28:46
  on va avoir une description.
• 28:48
  comment les différences statuent.
• 28:50
  Et c'est vrai que ça commence à infuser et ça ne coûte pas cher en développement.
• 28:56
  Et c'est là où on peut se permettre un peu de casser,
• 28:58
  de migrer facilement d'un outil à un autre,
• 29:00
  de se dire,
• 29:01
  finalement,
• 29:02
  cet outil-là ne me convient pas trop,
• 29:04
  donc on peut l'enlever.
• 29:05
  Parce que c'est sûr qu'après,
• 29:06
  si on avait déjà fait toute la connexion
• 29:08
  API les automnes avec cet outil,
• 29:10
  et que finalement,
• 29:10
  on se rend compte qu'il y en a un autre qui est mieux,
• 29:12
  mais qu'on n'a juste pas pris le temps de le tester,
• 29:15
  c'est un peu plus problématique.
• 29:18
  On peut vite considérer que c'est une perte de temps au début,
• 29:21
  mais c'est vraiment du temps de gagner pour après.
• 29:24
  Oui,
• 29:24
  et c'est ce qui permet d'assurer qu'on va avoir un produit qui répond à un besoin réel et qu'on va pouvoir faire évoluer sur des basses scènes.
• 29:31
  Et l'enjeu,
• 29:32
  du coup,
• 29:32
  après avoir identifié ça et qu'on avait besoin d'une application pour centraliser tout ça,
• 29:36
  on s'est dit,
• 29:36
  OK,
• 29:36
  on va faire un portail.
• 29:38
  L'idée,
• 29:38
  c'était aussi de dessiner une V1,
• 29:42
  c'est-à-dire d'avoir un périmètre défini.
• 29:45
  Parce qu'en fait...
• 29:46
  Que ce soit lui ou moi,
• 29:47
  on aime bien rajouter des fonctionnalités,
• 29:49
  on a plein d'idées dedans,
• 29:51
  à mettre dans une appli,
• 29:52
  à rajouter,
• 29:53
  et ainsi de suite.
• 29:56
  Sauf qu'en fait,
• 29:56
  ça ne sert à rien de monter une usine à gaz au début,
• 29:58
  puisque la problématique en vient de se lever,
• 30:00
  tant qu'on n'a pas éprouvé un process,
• 30:02
  ça ne sert à rien de l'automatiser ou de le mettre en œuvre.
• 30:05
  Et en fait,
• 30:05
  c'est un peu pareil dans un outil,
• 30:07
  c'est qu'on va d'abord faire la V1,
• 30:09
  en fonction de tout ce qu'on a déjà identifié,
• 30:12
  pensé et ce qui nous semble beaucoup mieux par rapport à l'existant.
• 30:16
  Mais à l'usage,
• 30:17
  on va se rendre compte qu'il y a encore des choses à ajuster,
• 30:19
  à améliorer.
• 30:20
  Et des choses qui manquent...
• 30:22
  Mais voilà,
• 30:23
  le but de la V1,
• 30:23
  c'est vraiment de vous dire,
• 30:24
  ok,
• 30:24
  on va à l'essentiel.
• 30:25
  On va mettre ce dont on a besoin aujourd'hui pour bosser,
• 30:28
  qui est vraiment fondamental.
• 30:30
  Et une fois qu'on aura vu ce qui va,
• 30:31
  ce qui ne va pas,
• 30:33
  on fera évoluer vers une V2 en rajoutant des fonctionnalités,
• 30:36
  en retravaillant des interfaces,
• 30:38
  en retravaillant d'autres fonctionnalités,
• 30:39
  et ainsi de suite.
• 30:41
  Donc,
• 30:42
  on reviendra un peu plus tard sur ce qu'on a mis dans la V1 et dans la V2.
• 30:45
  Mais il faut un point de départ.
• 30:47
  Donc,
• 30:48
  d'abord,
• 30:49
  avoir conscience du problème.
• 30:50
  Ensuite,
• 30:51
  être prêt à accepter.
• 30:52
  que la solution qu'on va mettre en œuvre ne va pas répondre à tout.
• 30:55
  L'idée,
• 30:55
  c'est que ça répond à 80%
• 30:58
  des soucis et de se dire,
• 31:00
  ok,
• 31:00
  les 20%
• 31:01
  qui restent,
• 31:02
  on va les faire dans un second temps et ils ne sont pas fondamentaux aujourd'hui et le fait d'utiliser la première version nous permettra de mieux comprendre et mieux savoir où on veut aller sur la suite.
• 31:13
  Ce qui nous amène au cadrage produit.
• 31:18
  Alors,
• 31:20
  on va vous...
• 31:21
  présenté une méthode qui est fortement inspirée et adaptée de la méthode préconisée par,
• 31:30
  encore une fois,
• 31:30
  lui,
• 31:30
  Alexei Kovalenko,
• 31:32
  dans son livre qui s'était traité du vape coding éclairé,
• 31:35
  si je n'ai pas de bêtises sur le nom,
• 31:38
  et où lui,
• 31:39
  justement à travers son expérience personnelle et l'expérience de nombreux autres développeurs qui ont travaillé avec de l'IA et qui ont prouvé les différentes méthodes,
• 31:49
  il avait été...
• 31:51
  prendre le meilleur de tout le monde pour en faire une méthode un peu driveée qui l'a explosé dans le coin.
• 31:57
  Je l'ai repris et après je l'ai adapté à ma sauce et à mes besoins.
• 32:02
  Et on va vous la dépeindre et vous dire un petit peu à chaque étape ce que ça nous a permis de faire et ce que ça nous a permis de sortir comme livrable.
• 32:13
  Parce que le but de tout ce cadrage,
• 32:15
  ça va être de dessiner tout ce qu'on a besoin dans notre application.
• 32:19
  de définir toutes les fonctionnalités,
• 32:21
  les besoins métiers,
• 32:23
  etc.
• 32:24
  Pour ensuite pouvoir passer la main à Lulu côté design pour qu'elle en fasse une maquette.
• 32:30
  Parce qu'elle aura à ce moment-là toutes les informations à disposition pour en faire vraiment des interfaces invisuelles et qu'on puisse traduire ce dont on a besoin dans quelque chose qui marche et qui ressemble à un portail,
• 32:48
  tout simplement.
• 32:49
  qui ressemble à notre portail avec nos usages à notre portail alors notre première étape ça a été ah oui il y a d'ailleurs autre chose que j'ai oublié de vous dire c'est que là sur la méthode appliquée j'ai aussi converti en fait chaque étape chaque étape pardon en un skill dédié donc
• 33:08
  les skills on en avait déjà parlé dans des épisodes précédents c'est une compétence pour l'IA qui permet de mettre en oeuvre une méthode et donc globalement l'IA quand vous arrivez à ce moment là et bah
• 33:19
  utiliser cette compétence,
• 33:21
  suivre le déroulé,
• 33:21
  elle peut faire appel à des références qui sont dedans pour avoir des informations complémentaires et elle va être là pour vous aider à structurer et répondre,
• 33:29
  définir un besoin spécifique.
• 33:31
  Je crois qu'il y a le lapin qui devient fou derrière,
• 33:33
  non ?
• 33:34
  Ouais,
• 33:35
  je crois que c'est ça.
• 33:35
  Il pète un câble.
• 33:37
  Vous ne l'entendrez peut-être pas sur cet enregistrement,
• 33:39
  mais voilà.
• 33:41
  Merci au clinique d'avance.
• 33:44
  Qui vous préserve les oreilles du petit lapin.
• 33:47
  Donc,
• 33:48
  Sur notre premier skill,
• 33:49
  première étape,
• 33:50
  ça va être le cadrage de problèmes.
• 33:53
  Je ne sais pas si tu veux en parler Lulu,
• 33:54
  je sais que tu l'as fait aussi justement sur d'autres applications et d'autres usages,
• 33:58
  cette partie-là.
• 34:00
  Après là,
• 34:01
  basiquement,
• 34:03
  on peut se servir de l'IA dans ce cas-là pour aller creuser encore plus loin,
• 34:08
  mais les réponses viennent de nous.
• 34:10
  Ce n'est pas l'IA qui va nous définir notre problème,
• 34:14
  et vraiment cette méthode,
• 34:15
  même avant d'aller avec l'IA,
• 34:16
  juste de se poser.
• 34:18
  la méthode papier-crayon.
• 34:20
  Enfin,
• 34:22
  sans rien et juste avec nous-mêmes de déjà lister et se demander quel est le problème,
• 34:30
  sans parler de solution.
• 34:31
  Et c'est là où c'est assez important parce qu'on a souvent tendance à être biaisé par une solution en se disant « Ah,
• 34:37
  j'ai besoin de ça » .
• 34:38
  Non,
• 34:38
  non,
• 34:38
  c'est le problème avant même de parler de ce qui peut répondre aux besoins sous-jacents.
• 34:43
  Je ne sais pas si,
• 34:44
  enfin toi,
• 34:45
  oui,
• 34:45
  tu es repassé aussi par là parce que...
• 34:47
  En fait,
• 34:48
  le portail,
• 34:49
  tu avais déjà commencé à vouloir le développer dans Softr.
• 34:52
  Tu avais fait un mini-PRD,
• 34:54
  mais qui mixait du problème avec un début de solution technique.
• 34:59
  Et moi,
• 34:59
  je m'étais servi de ça au départ pour itérer sur du maquettage et réfléchir aux interfaces.
• 35:07
  Alors,
• 35:07
  c'était pas tout à fait ça.
• 35:09
  Oui,
• 35:09
  parce qu'en fait,
• 35:10
  il y avait une étape sauveteur où on avait fait un G,
• 35:13
  mais c'était surtout pour tester la fonctionnalité de vibe coding.
• 35:15
  J'avais fait une version très à l'arrache.
• 35:18
  Après,
• 35:18
  j'avais fait un premier PRD,
• 35:20
  à ma sauce.
• 35:23
  avec une autre méthode et je t'avais donné un
• 35:26
  PRD qui mélangeait de la partie métier et de la partie technique et ça t'avait servi effectivement de base de travail pour une première version c'est vrai que j'avais complètement oublié que t'avais déjà fait la maquette sur l'ancien PRD et justement c'est pour ça qu'il y avait eu aussi ce on
• 35:43
  en parlera juste après mais cette étape de confrontation qui pouvait être pas mal différente du second PRD que t'avais fait Merci.
• 35:51
  C'est ça.
• 35:52
  Après avoir lu le bouquin.
• 35:54
  Effectivement,
• 35:54
  c'est vrai.
• 35:59
  Mais bon,
• 35:59
  ça ne va rien changer sur l'ordre des étapes qu'on précise.
• 36:03
  Mais effectivement,
• 36:04
  l'étape papier-crayon,
• 36:05
  moi je l'ai accompagnée d'un skill parce qu'en fait,
• 36:08
  l'idée c'est de toute façon,
• 36:09
  les infos de base,
• 36:10
  ce n'est pas l'IA qui va vous les sortir,
• 36:11
  c'est vous qui allez les matérialiser.
• 36:13
  Donc dans cette étape de cadrage et la compréhension de la problématique,
• 36:17
  mais ça va être de formuler en fait un...
• 36:19
  un objectif et un critère de réponse,
• 36:21
  qu'est-ce qui fait que l'application va répondre au problème ?
• 36:24
  Si vous le résumez en une ou deux phrases,
• 36:27
  comment vous saurez que l'appli marche et qu'elle répond aux besoins ?
• 36:31
  Ça va être de réfléchir à ce qu'on appelle les user flows,
• 36:34
  donc les parcours utilisateurs.
• 36:37
  Déjà,
• 36:37
  de commencer à vous dire,
• 36:38
  en tant que producteur de l'épisode,
• 36:41
  je veux pouvoir naviguer sur une liste avec tous les épisodes,
• 36:44
  je veux pouvoir créer un nouveau.
• 36:47
  aller y mettre une trame,
• 36:48
  aller y mettre des infos,
• 36:49
  aller y mettre des fichiers et ainsi de suite.
• 36:52
  Et sans rentrer complètement dans le détail,
• 36:54
  ça ça vient dans un second temps,
• 36:55
  mais déjà en fait de dégrossir toutes les grandes lignes un petit peu de ce que doit faire votre portail au niveau du parcours de navigation et du coup ce qu'il y a derrière un petit peu quoi.
• 37:07
  Et aussi déjà à partir du moment où vous allez réfléchir à tout ça,
• 37:10
  ça va faire émerger des questions qui ne seront pas forcément auxquelles vous n'allez pas pouvoir répondre sur l'instant.
• 37:15
  qui seront à trancher dans un second temps quand vous voudrez avancer dans la réflexion ou avancer avec le maquettage par exemple.
• 37:21
  Donc ça c'est le premier truc,
• 37:22
  mais du coup,
• 37:23
  voilà,
• 37:24
  il y a toute une partie à faire soi-même et après moi je me suis fait un skill pour transformer ça en livrable en Markdown,
• 37:31
  donc déjà prêt en fait pour être consommé et utilisé par l'IA derrière.
• 37:35
  Pourquoi ?
• 37:35
  Parce que ça m'a permis ensuite d'aller travailler sur la rédaction du PRD.
• 37:40
  Donc le PRD,
• 37:41
  ça va être vraiment la spécificité...
• 37:44
  spécifications pardon fonctionnelles l'objectif ça va être d'avoir un document qui décrit exactement pas le détail technique de comment on va le faire mais le quoi de qu'est ce que fait le portail et à
• 37:59
  quoi il répond comme besoin et quels sont les on appelle les user story donc en gros qu'est ce que chaque profil dans votre application doit pouvoir faire
• 38:11
  En fait,
• 38:11
  l'idée de ça,
• 38:12
  c'est d'avoir un espèce de cahier des charges,
• 38:14
  globalement,
• 38:15
  d'ailleurs c'est le terme qu'on renvoie de temps en temps,
• 38:17
  mais qui ne va pas vous dire à la base de données,
• 38:18
  elle doit fonctionner comme ci ou comme ça,
• 38:20
  et on va utiliser tel langage de programmation,
• 38:23
  on s'en fout.
• 38:24
  On est vraiment sur la partie métier.
• 38:26
  Donc de vous dire,
• 38:26
  avec ça,
• 38:27
  j'ai un cahier des charges complet,
• 38:28
  je sais exactement de quoi j'ai besoin pour que mes utilisateurs et mes utilisatrices puissent faire ce qu'elles ont besoin de faire dans l'application.
• 38:38
  C'est pas influencé par de futurs choix techniques.
• 38:41
  Parce que sinon,
• 38:42
  on peut se retrouver à faire des compromis et à moins bien répondre aux besoins.
• 38:47
  Alors que c'est le besoin et le problème qui priment.
• 38:50
  Parce que même si on fait une bonne application,
• 38:54
  si on ne répond plus exactement à ce besoin,
• 38:55
  on ne va pas forcément avoir une bonne...
• 38:59
  Les gens ne vont pas forcément bien adopter cette solution-là.
• 39:02
  C'est ça.
• 39:03
  Après,
• 39:04
  si on a déjà des contraintes d'outils,
• 39:06
  il faut les avoir en tête quand même.
• 39:09
  effectivement avec du développement assisté par IA on n'a pas carte blanche mais en tout cas on peut faire énormément de choses si vous allez sur un outil,
• 39:16
  si on reprend software,
• 39:17
  typiquement je sais que justement je suis passé de software au développement assisté par IA parce que je rencontrais des frictions sur ce que je voulais faire dans software et que j'avais plein de choses qui m'embêtaient et visuellement par exemple je n'aurais jamais pu faire ce que je voulais dans software par rapport justement
• 39:32
  au développement assisté par IA.
• 39:34
  Donc si vous avez vraiment un frein de base oui c'est sûr qu'il faut l'avoir en tête.
• 39:38
  Je pense que c'est quand même intéressant de rédiger le
• 39:41
  PRD de manière totalement déconnectée de ça pour ensuite,
• 39:45
  pourquoi pas faire des compromis ?
• 39:46
  Mais on sait pourquoi on a fait ces compromis-là.
• 39:49
  Effectivement,
• 39:50
  c'est pour ça que le choix d'architecture et d'outils arrive après.
• 39:53
  et que tant qu'on est sur la partie métier,
• 39:54
  on doit penser vraiment aux besoins et qu'est-ce qu'on doit faire dans l'app,
• 39:59
  et effectivement les concessions,
• 40:00
  entre guillemets,
• 40:01
  ou les arrangements sur l'isarène ou sur telle feature,
• 40:03
  elles arrivent après.
• 40:06
  Mais voilà,
• 40:06
  et donc sur cette partie PRD,
• 40:08
  alors moi je le fais,
• 40:10
  j'ai deux aspects là-dedans,
• 40:11
  donc j'ai le PRD en lui-même avec l'essentiel de tout ça,
• 40:14
  et les user stories résumés,
• 40:17
  on va dire synthétiques,
• 40:18
  et à côté j'ai un document avec les user stories détaillés.
• 40:23
  Dans une user story,
• 40:24
  qu'est-ce qu'on va y croiser ?
• 40:26
  Ça va être de dire,
• 40:27
  par exemple,
• 40:28
  en tant que producteur,
• 40:30
  je dois pouvoir remplir la trame de l'épisode dans un éditeur de texte enrichi.
• 40:37
  Enfin,
• 40:39
  ça va être de dire,
• 40:40
  j'ai besoin de remplir la trame de l'épisode.
• 40:42
  Et après,
• 40:42
  on va mettre des critères d'acceptation pour dire,
• 40:44
  en fait,
• 40:44
  pour remplir la trame,
• 40:45
  on a besoin que l'éditeur soit enrichi.
• 40:47
  On peut y mettre des tableaux ou des infos complémentaires.
• 40:51
  On va avoir besoin...
• 40:53
  que ce soit collaboratif,
• 40:55
  donc de faire que plusieurs personnes puissent travailler sur la même trame.
• 41:01
  On peut avoir un autre critère pour dire que ça prenne tel ou tel type de mise en forme,
• 41:06
  par exemple.
• 41:07
  Et après,
• 41:08
  on va avoir...
• 41:08
  En fait,
• 41:09
  ces critères-là vont permettre de déterminer les choses à tester.
• 41:12
  Et ensuite,
• 41:12
  on détermine aussi ce qu'on appelle les cas limites,
• 41:15
  les edge cases,
• 41:16
  qui sont de se dire les scénarios qu'on n'a pas anticipés.
• 41:19
  Si quelqu'un veut mettre une vidéo dans l'éditeur,
• 41:22
  qu'est-ce qui se passe ?
• 41:23
  Si on essaye de mettre du HTML directement dedans pour gruger,
• 41:28
  ou alors on essaye de mettre un script pour casser.
• 41:33
  Généralement,
• 41:33
  on réfléchit des edge cases dans des cas un peu utilisateurs réels,
• 41:38
  on va dire.
• 41:39
  Mais il y a aussi les facteurs potentiellement de piratage.
• 41:42
  Ça,
• 41:42
  ça passe par d'autres canaux,
• 41:44
  mais c'est aussi des choses à tester.
• 41:46
  Ça,
• 41:46
  l'IA n'est vraiment pas mauvaise,
• 41:49
  justement,
• 41:49
  pour aller creuser des edge cases.
• 41:55
  Même nous,
• 41:55
  il ne faut pas se fermer à essayer d'imaginer ce qui peut être mal fait parce que les utilisateurs n'utiliseront pas le happy pass.
• 42:03
  Oui,
• 42:05
  mais c'est ça.
• 42:06
  D'ailleurs,
• 42:06
  quand vous avez des gens qui travaillent en service qualité,
• 42:09
  en QB,
• 42:10
  ces personnes-là sont là pour justement aller challenger chacune des user stories,
• 42:14
  de dire,
• 42:14
  OK,
• 42:14
  là,
• 42:16
  cette user story permet à tel profil d'utilisateur de faire telle action.
• 42:20
  les critères d'acceptation pour dire que ça remplit le besoin,
• 42:23
  c'est ça,
• 42:23
  ça et ça.
• 42:25
  Mais derrière,
• 42:26
  moi,
• 42:26
  il faut que j'identifie tous les tests qui peuvent venir valider que ça fonctionne sans effet de bord.
• 42:31
  Et des fois,
• 42:31
  avec quelqu'un qui est doué en QA,
• 42:35
  en qualité,
• 42:36
  en assurance qualité,
• 42:37
  va avoir un esprit que je n'ai pas.
• 42:39
  Il faut des logiques des fois un petit peu tordues pour anticiper des choses qui ne viennent pas du tout à l'esprit de prime abord,
• 42:45
  mais qui peuvent être des cas réels.
• 42:46
  Parce que,
• 42:47
  assurez-vous que...
• 42:49
  soyez sûrs et certains que vos utilisateurs et vos utilisatrices vont utiliser ce que vous leur mettez à disposition de manière complètement non conventionnelle,
• 42:56
  de manière que vous n'avez jamais pensé au préalable.
• 42:59
  Il n'y a qu'à regarder côté jeu vidéo,
• 43:02
  de voir des fois jusqu'où les gens vont,
• 43:04
  et même les développeurs qui sont là en mode mais comment ?
• 43:08
  Enfin,
• 43:09
  quel esprit il faut pour avoir imaginé faire ça ?
• 43:12
  Donc c'est vrai que ça rejoint un peu aussi tout ce qui est QA dans le jeu vidéo,
• 43:16
  de tout faire pour...
• 43:18
  casser ou faire des choses qui sont vraiment pas prévues et c'est trop marrant parce que même avec des choses qui sont très très poussées,
• 43:26
  à la sortie d'un jeu un peu populaire dans la semaine qui suit,
• 43:30
  il y a toujours quelqu'un qui arrive à casser le jeu.
• 43:34
  C'est presque s'amuser de trouver tous les trucs qui peuvent péter.
• 43:40
  Oui,
• 43:40
  mais voilà,
• 43:41
  c'est vrai que le jeu vidéo est très représentatif de ça,
• 43:44
  mais ça s'applique aussi aux obligations.
• 43:47
  Il faut vraiment imaginer quelqu'un qui va cliquer partout,
• 43:49
  qui va foncer partout,
• 43:51
  et qui va tester des trucs qui ne sont pas faits pour être testés comme ça.
• 43:55
  C'est pareil dans une application.
• 43:59
  Et donc,
• 43:59
  en gros,
• 43:59
  mon PRD,
• 44:00
  il ressemble à ça.
• 44:01
  À côté,
• 44:01
  j'ai un deuxième document avec toutes les user stories qui sont détaillées.
• 44:05
  Donc là,
• 44:05
  je vous ai cité un exemple avec le profil de producteur.
• 44:09
  Mais du coup,
• 44:10
  avec un profil invité,
• 44:12
  il faut que la personne puisse faire d'autres choses.
• 44:13
  Par exemple,
• 44:14
  aller...
• 44:15
  modifier son profil,
• 44:16
  aller intervenir ou modifier un tel élément sur un épisode,
• 44:20
  etc.
• 44:21
  Et voilà,
• 44:21
  vous allez lister tout ce dont vous avez besoin,
• 44:23
  mais de manière plus détaillée.
• 44:25
  Et donc ça,
• 44:26
  c'est pareil,
• 44:27
  l'IA est un bon complément,
• 44:29
  mais ça implique quand même de relire,
• 44:31
  si c'est elle qui vous produit des user stories,
• 44:34
  de les relire toutes pour voir si ça correspond vraiment à votre vision et à ce que vous avez vraiment besoin,
• 44:40
  parce qu'elle peut vite partir sur des écarts.
• 44:41
  Mais en revanche,
• 44:42
  elle est très douée,
• 44:44
  je trouve.
• 44:45
  pour vous aider à définir des critères d'acceptation et les fameux cas limites.
• 44:49
  Sachant qu'il y a un autre document qui vient plus tard.
• 44:53
  qui sera le cahier de recettes.
• 44:55
  Le principe du cahier de recettes,
• 44:56
  c'est de prendre chaque user story et de faire des scénarios de test en face.
• 45:01
  On reviendra dessus un peu après,
• 45:03
  mais dans le principe,
• 45:04
  de toute façon,
• 45:04
  c'est ça.
• 45:05
  Donc à partir du moment où on a notre PRD,
• 45:07
  on a toute notre spécification métier,
• 45:09
  donc notre spécification fonctionnelle,
• 45:12
  on a toutes les user stories détaillées,
• 45:14
  donc on sait exactement qui doit faire quoi dans l'application et sur quelles interfaces.
• 45:20
  À partir de ce moment-là,
• 45:23
  On donne tout ça à Lulu et après,
• 45:25
  elle fait de la magie.
• 45:26
  De la magie.
• 45:27
  Oui,
• 45:27
  je suis allée sur Pinterest pour m'inspirer.
• 45:32
  Non,
• 45:32
  mais j'ai un peu cette appétence de ne pas vouloir juste faire quelque chose qui...
• 45:38
  Enfin,
• 45:39
  si,
• 45:39
  c'est important que ça fonctionne.
• 45:41
  Mais après,
• 45:41
  toute la partie design et la manière dont on va l'utiliser et tout ce qui ne passe pas par des mots doit être au service de l'utilisation.
• 45:50
  Et je trouve que c'est un...
• 45:52
  très bon exercice de devoir imaginer et vraiment poser avec des schémas d'interface comment l'application va être et que ça amène presque quand tu commences à définir aussi des problèmes,
• 46:09
  ça va amener de nouvelles questions en se disant,
• 46:12
  alors oui,
• 46:12
  on avait imaginé telle chose à l'écrit,
• 46:14
  ça passait bien dans une phrase décrite,
• 46:16
  mais au final,
• 46:18
  quand je suis en train de
• 46:20
  Merci.
• 46:21
  penser mon interface,
• 46:23
  avant même de passer dans Cloud Design,
• 46:25
  j'allais un peu sur Pinterest,
• 46:27
  je regardais des inspi,
• 46:28
  et à un moment,
• 46:29
  je me suis mise vraiment devant une feuille et je dessinais.
• 46:32
  Je me suis dit,
• 46:33
  OK,
• 46:33
  les différentes parties,
• 46:35
  j'ai fait mes petits carrés,
• 46:36
  et je me dis,
• 46:37
  bon,
• 46:37
  ça va être mes différentes interfaces,
• 46:39
  de voir un peu les répartitions et de me dire,
• 46:42
  ah oui,
• 46:42
  mais là,
• 46:43
  ça ne me paraît pas logique,
• 46:44
  parce que ça veut dire qu'il faut qu'on accède à cette information en passant par là.
• 46:50
  Ce n'est pas bien en termes de parcours utilisateur et de se dire aussi de prendre un temps juste pour aller voir les applications que j'aime bien utiliser et essayer de formaliser ce qui marche bien parce qu'on voit souvent ce qui ne marche pas et ce qui irrite.
• 47:02
  Mais des fois,
• 47:03
  l'expérience utilisateur est tellement bien faite qu'on ne se rend pas compte de ce qui est bien fait et de se demander comment est-ce qu'ils ont mis telle interface ?
• 47:10
  Pourquoi est-ce que ça paraît si fluide à utiliser pour modifier telle info ?
• 47:16
  C'est un peu toutes ces questions-là exploratoires.
• 47:20
  pas vraiment de compétence là-dedans et j'y suis allée un peu au feeling,
• 47:24
  mais je pense que je creuserai de la théorie derrière après,
• 47:29
  mais là c'était un peu en mode itération.
• 47:31
  Et après,
• 47:32
  je suis passée aussi dans le cloud design avec...
• 47:35
  Enfin,
• 47:36
  j'avais fait des itérations un peu sur Stitch pour m'amuser avant.
• 47:39
  C'était un peu plus compliqué même si j'avais bien aimé l'aspect de partir d'une interface basique et de lancer différentes variations.
• 47:49
  Parce que moi,
• 47:50
  derrière,
• 47:50
  ça me donnait de nouvelles idées en me disant « Ah oui,
• 47:52
  ça,
• 47:52
  effectivement,
• 47:53
  présenter de cette manière-là,
• 47:54
  c'est pas bête. »
• 47:55
  Mais par contre,
• 47:56
  ça vient confronter quelque chose qu'on a mis et qui est à l'écrit dans le PRD.
• 48:00
  Et de se dire « Ah oui,
• 48:02
  mais tiens,
• 48:02
  ça me fait penser à telle fonctionnalité,
• 48:04
  et c'est vrai que ça serait quand même vachement cool que ça soit dans la V1. »
• 48:06
  Alors que c'est quelque chose qu'on n'avait pas forcément rencontré,
• 48:09
  mais qui pourrait vraiment améliorer la qualité de collaboration sur les épisodes.
• 48:16
  Donc voilà,
• 48:17
  après,
• 48:17
  ça a été...
• 48:18
  pas mal d'itérations,
• 48:19
  du test aussi,
• 48:21
  enfin de...
• 48:22
  C'est vraiment quelque chose qui peut pas être fait en une heure,
• 48:25
  enfin,
• 48:26
  c'est un peu ce truc de,
• 48:26
  il faut laisser reposer,
• 48:28
  et tirer dessus,
• 48:29
  bon,
• 48:29
  après là c'est aussi parce que c'est quelque chose que j'allais utiliser,
• 48:32
  donc il y avait d'autant plus d'attention et de...
• 48:36
  comment dire...
• 48:38
  Je réfléchissais à comment moi,
• 48:39
  en tant qu'utilisatrice finale,
• 48:41
  j'allais me servir de ce portail,
• 48:43
  donc je me dis ouais,
• 48:44
  si je place mal ce bouton,
• 48:45
  ça va vraiment m'embêter à chaque épisode.
• 48:48
  Chaque fois que je vais aller dessus,
• 48:50
  je ne peux pas me dire que ça passera,
• 48:52
  parce que ce n'est pas moi qui vais m'en servir,
• 48:53
  et tant pis,
• 48:54
  au pire,
• 48:54
  on bougera le bouton.
• 48:56
  Ce qui est quand même sympa de faire,
• 48:59
  surtout que c'est dans le design,
• 49:00
  il n'y avait pas du tout...
• 49:01
  Enfin,
• 49:02
  s'il y a un code qui est produit,
• 49:03
  mais ensuite,
• 49:04
  en le passant à la partie développement,
• 49:07
  on ne va pas polluer le code en disant « change ce bouton,
• 49:11
  un peu de place » .
• 49:12
  On ne va pas se retrouver avec des duplications ou des trucs qu'il ne faut pas.
• 49:18
  Bon,
• 49:18
  ça après,
• 49:18
  t'en parleras des garde-fous à mettre en place.
• 49:21
  Mais tout ce qu'on peut décider en amont,
• 49:24
  alors que ça soit dans la définition du problème,
• 49:28
  même après les user stories ou le côté interface,
• 49:33
  c'est du temps de gagner pour après.
• 49:34
  Parce qu'au final,
• 49:36
  c'est sûr,
• 49:36
  on a passé beaucoup de temps avant de passer au développement.
• 49:39
  Mais en attendant,
• 49:40
  le portail,
• 49:40
  on a pu l'utiliser quasiment dès qu'il était prêt et on n'a pas eu de grosses frictions.
• 49:44
  Il y a eu des trucs à corriger,
• 49:45
  mais c'était...
• 49:46
  vraiment minimes pour une première application.
• 49:49
  C'est là où je me dis,
• 49:50
  bon,
• 49:50
  ça va,
• 49:50
  on s'en est pas trop mal sortis.
• 49:52
  Et d'avoir quelque chose de visuel,
• 49:53
  ça permet de tester,
• 49:54
  où on se disait sur le papier,
• 49:56
  c'est trop cool comme feature,
• 49:58
  et en fait,
• 49:59
  ouais,
• 50:00
  non,
• 50:01
  c'est pas si indispensable que ça.
• 50:03
  Et finalement,
• 50:04
  il y a peut-être cette solution-là qui est un peu mieux,
• 50:06
  et surtout de pouvoir en discuter aussi à deux,
• 50:09
  d'avoir quelque chose sur lequel on peut vraiment parler,
• 50:12
  parce qu'une user story,
• 50:14
  il peut y avoir plein de manières d'y répondre.
• 50:18
  Nous,
• 50:18
  en y réfléchissant,
• 50:19
  on n'a pas forcément la même manière d'y penser et on n'aura pas forcément une solution qui nous conviendra à tous les deux à la fin.
• 50:27
  C'était sympa même d'avoir un produit et je trouve que ça motive aussi d'avoir quelque chose avec l'ADA du podcast et de se dire « Waouh,
• 50:35
  en fait,
• 50:35
  ça va ressembler à ça à la fin,
• 50:37
  c'est pas juste un grand document »
• 50:39
  et c'est sûr que ça donne envie.
• 50:41
  Le maquettage est hyper important pour plein de raisons.
• 50:45
  Déjà parce qu'il permet de traduire.
• 50:47
  justement tous les besoins sur quelque chose de visuel.
• 50:51
  En plus,
• 50:51
  ça permet de lui donner vraiment corps parce que sur une maquette,
• 50:55
  aujourd'hui,
• 50:57
  elle est interactive.
• 50:58
  Littéralement,
• 50:58
  ce que tu as fait,
• 50:59
  c'est au final une version du site web,
• 51:01
  sauf que c'était en vitrine.
• 51:02
  Donc si on cliquait sur un bouton ou ce genre de choses,
• 51:05
  ça pouvait soit ouvrir une nouvelle page ou une petite fenêtre.
• 51:09
  Ça n'allait pas ajouter des choses dans une base de données.
• 51:13
  On ne pouvait pas déposer des fichiers ou tout ça.
• 51:16
  mais c'est déjà une interface qui est utilisable de bout en bout et qui permet de naviguer entre les différentes pages,
• 51:21
  etc.
• 51:22
  Et donc de réaliser vraiment les enjeux de ce qu'on est en train de faire globalement et de l'application,
• 51:28
  à quoi elle va ressembler et est-ce qu'elle va répondre aux besoins de la bonne manière en termes d'expérience.
• 51:36
  Parce que là,
• 51:36
  le process que tu as décrit,
• 51:37
  ça a été d'abord les inspirations à travers Pinterest.
• 51:40
  La partie Google
• 51:41
  Teach t'a permis de tester un peu.
• 51:45
  Oui.
• 51:46
  Mais au final,
• 51:46
  tu ne sais plus dans ton workflow aujourd'hui si tu dois faire du design.
• 51:50
  Tu partirais de Pinterest à Cloud Design ou je dis une bêtise ?
• 51:54
  Ouais,
• 51:54
  Pinterest,
• 51:55
  alors peut-être pas tout de suite à
• 51:56
  Cloud Design.
• 51:58
  Après,
• 51:58
  ça dépend s'il y a déjà un design système ou une direction artistique qui est existante.
• 52:06
  Parce que là,
• 52:07
  il y avait eu aussi un peu toute cette recherche de comment transcrire l'ADN que j'ai fait pour la maquette du podcast.
• 52:13
  pour que ça passe en application sans que ça soit la fête des couleurs et un truc totalement inutilisable parce qu'on reste quand même sur un outil interne.
• 52:22
  Je me suis un peu plus amusée sur le site internet.
• 52:25
  Le jour où il sortira,
• 52:27
  ça va être un peu marrant,
• 52:28
  je pense.
• 52:31
  Mais voilà,
• 52:32
  c'était vraiment de m'imprégner,
• 52:36
  d'être vraiment avec cette...
• 52:37
  curiosité de me demander ok moi qu'est-ce que j'utilise comme produit et que j'aime bien utiliser ou justement je me suis même pas rendu compte que j'aimais bien les utiliser au quotidien et de me poser ces questions et toujours avoir aussi mon carnet sur moi de penser,
• 52:51
  de dire ah tiens c'est vrai que ça,
• 52:53
  ça serait bien de l'avoir donc je me fais et puis c'est limite je vivais avec ça dans ma tête pendant plusieurs jours et à presque le confronter à tout ce que j'utilisais à côté pourquoi
• 53:06
  trouver de bonnes idées.
• 53:08
  Et après,
• 53:08
  une fois que j'arrivais dessus,
• 53:09
  j'arrivais un peu mieux à décrire mes besoins et ce que j'ai bien aimé dans
• 53:13
  Cloud Design,
• 53:15
  c'est ce côté quand même conversationnel où j'avais ce côté visuel et de pas juste dire critique,
• 53:22
  fais des audits,
• 53:22
  c'est de dire ah là,
• 53:24
  moi,
• 53:24
  en tant qu'utilisatrice,
• 53:25
  je trouve pas ça très fluide.
• 53:28
  Est-ce que t'as des propositions en UXUI pour l'améliorer ?
• 53:32
  Ou alors moi,
• 53:33
  j'aimerais bien voir ça de cette manière,
• 53:35
  propose-moi de différentes.
• 53:36
  manière de le présenter en mode très brouillon,
• 53:40
  pour pouvoir refaire trois designs différents,
• 53:43
  et de me dire,
• 53:44
  ah oui,
• 53:44
  ça visuellement,
• 53:45
  c'est ça que je veux,
• 53:46
  parce que ça me parle plus et je sais qu'à l'utilisation,
• 53:48
  ça sera mieux.
• 53:49
  Donc c'est vraiment ce côté itératif,
• 53:51
  c'est comme ça que j'ai procédé de cette manière-là,
• 53:55
  en tout cas.
• 53:57
  Et oui,
• 53:57
  et puis du coup,
• 53:58
  ça nous a permis d'avoir une maquette qui était déjà hyper calide.
• 54:01
  et de faire émerger des choses dont on parlera dans le prochain épisode,
• 54:06
  parce que là,
• 54:06
  il nous reste encore énormément de choses à vous dire sur le sujet,
• 54:08
  donc ce sera un épisode en deux parties.
• 54:11
  Mais effectivement,
• 54:12
  d'avoir fait la maquette,
• 54:14
  au fur et à mesure,
• 54:14
  tu t'es rendu compte,
• 54:15
  et tu l'as un peu évoqué,
• 54:17
  qu'il manquait potentiellement des fonctionnalités,
• 54:20
  qui avaient du sens dès l'AV1,
• 54:21
  enfin,
• 54:22
  qui pouvaient avoir du sens dès l'AV1,
• 54:24
  et sur lesquelles il allait falloir trancher sur est-ce qu'on le fait ou pas dès maintenant,
• 54:28
  ou est-ce qu'on le garde en tête pour plus tard.
• 54:30
  Et de se dire,
• 54:32
  en fait,
• 54:32
  tout ce qui était dans le PRD en termes de fonctionnalité était présent,
• 54:36
  mais n'était pas forcément présent de la manière dont on l'avait pensé au niveau des interfaces ou de l'engencement.
• 54:41
  Et tout ça,
• 54:41
  tu l'as fait justement en remaniant un peu la...
• 54:44
  Ça,
• 54:44
  parce qu'on était surtout partie des frictions qu'on avait,
• 54:47
  qu'on avait rencontrées et des outils qu'on avait.
• 54:50
  C'est sûr,
• 54:50
  on est parti avec nos propres biais et peut-être que...
• 54:53
  à l'utilisation d'une V1 peut-être moins aboutie,
• 54:57
  on aurait eu les mêmes réflexions à l'utilisation.
• 55:00
  Et là,
• 55:00
  juste d'avoir pris un peu plus de temps,
• 55:02
  et parce que j'ai bien aimé faire cet exercice,
• 55:07
  ça nous a permis derrière d'avoir quelque chose qui était vachement abouti en V1.
• 55:12
  Et là,
• 55:14
  au final,
• 55:15
  vu que le développement a bien été fait,
• 55:16
  tu peux faire des correctifs et rajouter des fonctionnalités.
• 55:20
  Ça ne va pas tout casser.
• 55:23
  Au final,
• 55:23
  là,
• 55:25
  c'est presque du...
• 55:27
  Enfin,
• 55:28
  on n'est pas dans l'inutilisable qu'il faut corriger ou de la grosse fiction.
• 55:33
  Enfin,
• 55:33
  c'est vraiment du...
• 55:34
  Ah oui,
• 55:35
  là,
• 55:35
  bon,
• 55:35
  c'est vrai,
• 55:36
  à l'utilisation,
• 55:37
  ça serait cool que ça soit comme ça.
• 55:38
  Donc,
• 55:39
  bon,
• 55:39
  allez,
• 55:40
  on ouvre un ticket.
• 55:41
  Mais je considère même pas vraiment ça comme des bugs,
• 55:43
  en fait.
• 55:44
  Non,
• 55:45
  mais après,
• 55:45
  bon,
• 55:45
  on en parlera plus tard,
• 55:47
  quand on sera au dev.
• 55:48
  Je ne sais pas toutes les étapes,
• 55:49
  là-dessus.
• 55:50
  Tu fais des spoilers.
• 55:51
  Mais...
• 55:53
  Mais oui,
• 55:54
  l'intérêt aussi de passer du temps sur les étapes qu'on a déjà évoquées aujourd'hui,
• 55:58
  donc la compréhension du problème,
• 56:00
  tout le cadrage,
• 56:01
  la rédaction du PRD et des user stories,
• 56:04
  et un maquettage aussi qui soit de qualité.
• 56:07
  Tout ça,
• 56:07
  il faut le voir comme des fondations,
• 56:10
  comme un socle qui va servir à tout ce que vous allez dérouler derrière.
• 56:14
  Plus votre socle est bon,
• 56:15
  plus vos fondations sont solides,
• 56:18
  plus derrière quand vous allez...
• 56:19
  commencer à développer et à transformer ça en code,
• 56:21
  à transformer ça en fonctionnalité,
• 56:24
  en choses sur lesquelles vous avez la main et vous interagissez,
• 56:29
  plus ça va être possible de le faire évoluer,
• 56:32
  de le maintenir et de le corriger sans tout casser.
• 56:35
  Tout simplement,
• 56:38
  la bonne métrique aussi,
• 56:39
  c'est qu'on l'utilise et qu'on n'ait pas repassé des solutions à côté parce que c'était finalement mieux comme on faisait avant.
• 56:47
  Et d'avoir ce truc,
• 56:48
  de se dire,
• 56:49
  ouais,
• 56:49
  on a pris le temps de se poser pour réfléchir à vraiment penser notre outil idéal qui colle aussi à notre manière de travailler,
• 56:58
  comme on avait pu le constater en mode bricolage,
• 57:02
  et de l'utiliser,
• 57:03
  et d'être content de l'utiliser,
• 57:04
  et de vouloir le faire évoluer pour qu'il soit encore mieux.
• 57:08
  Et ça,
• 57:08
  je pense que c'est une des métriques,
• 57:11
  enfin,
• 57:12
  c'est KPI qu'il faut suivre.
• 57:17
  En fait,
• 57:19
  là,
• 57:19
  on se rend bien compte qu'on est quand même très loin du prompt pour Cloud Code de faire un portail collaboratif pour qu'on puisse produire des épisodes de podcast.
• 57:30
  Je pense que...
• 57:31
  Oui,
• 57:32
  parce que toutes les étapes qu'on vient d'énoncer là...
• 57:35
  Alors,
• 57:35
  dans les prochaines étapes dont on parlera la prochaine fois,
• 57:38
  il y aura notamment le choix d'architecture,
• 57:39
  après une phase d'audit,
• 57:41
  il y aura d'autres choses.
• 57:43
  Mais avant même de commencer vraiment le dev en lui-même,
• 57:47
  Et c'est vrai que sur l'architecture ou sur certains points,
• 57:51
  là ce qu'on vous présente aujourd'hui,
• 57:52
  c'est une application qui a été développée avec Cloud Code.
• 57:56
  Et donc avec un backend qui est hébergé sur Supabase et un frontend qui est dédié.
• 58:03
  Là aussi,
• 58:04
  si vous utilisez par exemple un lovable pour faire tout ça,
• 58:07
  vous aurez des contraintes et des possibilités qui seront différentes puisque vous allez être bridé par l'outil.
• 58:12
  Soit lovable ou un autre.
• 58:14
  Donc là,
• 58:15
  ce qu'on vous présente...
• 58:17
  toutes les étapes qu'on vous a présentées aujourd'hui sont valables,
• 58:21
  peu importe l'outil que vous allez utiliser.
• 58:22
  Et le maquettage,
• 58:25
  Lulu l'a travaillé essentiellement avec le design,
• 58:28
  mais aujourd'hui,
• 58:29
  vous pouvez très bien le faire sans IA,
• 58:31
  entièrement à la main,
• 58:32
  dans du Figma,
• 58:33
  dans du Canva,
• 58:34
  dans des outils de ce type-là.
• 58:36
  Et voilà,
• 58:38
  d'ailleurs...
• 58:38
  Je pense que je finirais par y arriver,
• 58:41
  peut-être à Figma aussi.
• 58:42
  Moi,
• 58:42
  là,
• 58:43
  ça m'a bien plu le design,
• 58:45
  parce que...
• 58:46
  Il y avait un peu ce côté cadré.
• 58:49
  Mais là,
• 58:49
  si je continue à accumuler des compétences là-dedans,
• 58:52
  j'arriverai un peu plus à le faire moi-même et avoir plus de contrôle sur le côté maquettage et pas dépendre...
• 59:01
  Je pense qu'il y a un mix à trouver et peut-être que design en amont peut être bien pour avoir une première idée,
• 59:07
  mais après,
• 59:07
  de faire vraiment quelque chose de propre dans Figma.
• 59:09
  Parce que même après,
• 59:10
  pour le donner à développer,
• 59:12
  ça reste bien aussi.
• 59:16
  Il y a d'autres choses qui se rajoutent sur les différents composants,
• 59:22
  comment est-ce qu'ils sont mis l'un dans l'autre ?
• 59:26
  Un des gros intérêts des outils comme Cloud Design aujourd'hui,
• 59:30
  c'est que sur Figma,
• 59:31
  tu vas pouvoir faire les interfaces principales,
• 59:34
  ou te questionner sur comment tu veux le faire côté graphique et tout,
• 59:38
  mais l'implémentation d'en faire quelque chose d'interactif avec toutes tes pages,
• 59:41
  toutes tes interactions,
• 59:42
  et des fois des modals,
• 59:43
  ce qu'on appelle des modals en gros,
• 59:44
  quand vous allez cliquer,
• 59:45
  bonne
• 59:46
  petites fenêtres qui vont s'ouvrir sur le côté ou au-dessus,
• 59:49
  ce genre de choses.
• 59:50
  d'avoir des choses comme ça qui sont implémentées très rapidement avec ton design system et qui n'ont pas toujours énormément de valeur à être travaillées à fond dès le maquettage par exemple donc il y a une partie gain de temps même si effectivement tu fais une première couche directement dans un outil spécialisé
• 1:00:05
  pour le design
• 1:00:07
  Oui et il y a un peu cette envie de ne pas dépendre uniquement de l'écosystème anthropique et de juste me dire ok je peux choisir l'outil un peu,
• 1:00:15
  enfin c'est vraiment des compétences que je vais avoir moi et
• 1:00:19
  suivant les besoins que je vais avoir,
• 1:00:21
  je vais utiliser ça ou utiliser ça,
• 1:00:22
  mais si à un moment,
• 1:00:24
  il y a ça qui devient trop cher ou plus accessible,
• 1:00:28
  je sais que je peux utiliser mes compétences ailleurs.
• 1:00:31
  Et d'ailleurs,
• 1:00:33
  comme ça,
• 1:00:33
  on bouclera aujourd'hui sur ce sujet,
• 1:00:36
  mais là,
• 1:00:38
  comme je disais,
• 1:00:39
  on vous présente du travail,
• 1:00:40
  enfin,
• 1:00:40
  on parle d'une app qui a été faite avec du cloud design et avec du cloud code.
• 1:00:44
  On l'avait déjà évoqué dans des épisodes précédents quand on parlait de vibe coding.
• 1:00:49
  Là,
• 1:00:49
  vous êtes en train de vous dire,
• 1:00:50
  vous êtes mignon,
• 1:00:51
  vous me parlez de souveraineté et d'IA frugale et d'ouverture sur les modèles.
• 1:00:56
  Et en fait,
• 1:00:56
  vous bossez avec du cloud.
• 1:00:57
  Et comme on l'avait déjà évoqué,
• 1:00:59
  en fait,
• 1:01:00
  on a conscience que l'IA,
• 1:01:03
  en tout cas,
• 1:01:04
  mon avis,
• 1:01:05
  va rester,
• 1:01:06
  même si l'infrastructure et la bulle d'IA en ce moment ne vont pas très bien.
• 1:01:09
  Il va y avoir probablement des gros changements cette année à plein de niveaux économiques et tout.
• 1:01:15
  Il n'empêche que les changements qu'elle a apporté,
• 1:01:17
  en tout cas côté développement,
• 1:01:18
  probablement rester.
• 1:01:21
  Et en fait,
• 1:01:21
  le pari qu'on avait fait avec Lulu il y a 2-3 mois,
• 1:01:23
  3 mois,
• 1:01:24
  quelque chose comme ça,
• 1:01:24
  c'était de se dire,
• 1:01:25
  bon,
• 1:01:26
  c'est le moment où l'IA est encore subventionnée,
• 1:01:28
  où l'écosystème et les modèles sont assez matures et ont prouvé que,
• 1:01:32
  en tout cas,
• 1:01:32
  sur la partie développement et certains sujets,
• 1:01:35
  c'était viable,
• 1:01:36
  c'était adapté à de la mise en production et ça allait probablement rester.
• 1:01:40
  C'est le bon moment d'utiliser ces technos et d'apprendre à s'en servir de la bonne manière.
• 1:01:45
  quitte à cramer des tokens un peu en trop et à utiliser des outils qu'on aimerait quitter,
• 1:01:49
  globalement,
• 1:01:50
  sur du anthropique par exemple.
• 1:01:51
  Et de se construire des communs et des méthodes de travail.
• 1:01:54
  C'est ça,
• 1:01:55
  et de le faire justement tant que c'est accessible aussi financièrement,
• 1:01:59
  puisque là,
• 1:02:01
  tout ce qu'on a fait comme itération,
• 1:02:02
  comme apprentissage et tout ça,
• 1:02:04
  sont des choses qui,
• 1:02:05
  la même chose dans un an,
• 1:02:06
  va très certainement coûter beaucoup plus cher pour le même apprentissage.
• 1:02:14
  l'objectif.
• 1:02:15
  On en reparlera aussi à la fin du prochain épisode quand on aura déroulé toutes les étapes pour que ce soit un peu plus clair et plus parlant.
• 1:02:21
  Mais notre ambition,
• 1:02:22
  c'est d'appeler sur des outils open source pour pouvoir choisir des modèles et travailler avec des modèles notamment qui sont garagés qu'en Europe.
• 1:02:29
  C'est-à-dire que là,
• 1:02:31
  dans nos prochaines étapes sur le développement,
• 1:02:34
  déjà,
• 1:02:34
  je peux parler de cloud design à l'instant,
• 1:02:36
  mais en fait,
• 1:02:36
  il y a du open design.
• 1:02:38
  Il y a des alternatives qui existent déjà à cloud design et qui font la même chose en permettant de choisir.
• 1:02:44
  le modèle qu'il y a derrière.
• 1:02:45
  Il y en a plusieurs aussi côté côté Cloud Code dont un des plus connus est OpenCode.
• 1:02:52
  On va avoir notamment sur les OpenCode,
• 1:02:55
  qui peuvent être utilisés avec différents routers et différents modèles européens.
• 1:02:58
  Celui que j'ai déjà ciblé,
• 1:03:00
  que j'ai essayé très vite fait,
• 1:03:01
  c'est
• 1:03:01
  Cortex AI,
• 1:03:02
  qui est un routeur de LLM européen qui permet d'aller taper que sur des modèles,
• 1:03:06
  enfin pas que,
• 1:03:07
  mais qui permet en tout cas de filtrer,
• 1:03:09
  d'aller choisir que des modèles hébergés en Europe,
• 1:03:11
  voire avec zéro rétention de données.
• 1:03:13
  On a différents.
• 1:03:14
  pallier le niveau de granularité de filtre.
• 1:03:18
  Et c'est juste qu'il y avait une réalité aussi,
• 1:03:21
  donc il y avait la réalité économique de se dire tant que c'est subventionné,
• 1:03:23
  on va en profiter pour apprendre.
• 1:03:25
  Et une réalité technique aussi,
• 1:03:27
  qui est que quand on va sur les outils open source les plus libres et les plus ouverts et qui permettent davantage de choses,
• 1:03:35
  il y a quand même un niveau de technique supplémentaire à prendre en main.
• 1:03:39
  Un open code va apporter,
• 1:03:40
  et d'ailleurs,
• 1:03:41
  c'est pas pour rien que...
• 1:03:43
  Donc,
• 1:03:43
  Cloud s'est autant développé sur ces outils.
• 1:03:45
  Ça traverse son écosystème qui s'est implanté massivement sur le marché.
• 1:03:50
  Parce que Cloud Code pour un dev,
• 1:03:51
  c'est hyper facile à prendre en main.
• 1:03:53
  C'est très complet,
• 1:03:53
  il y a plein de facilités dedans.
• 1:03:55
  Un Cloud Design,
• 1:03:55
  ça se prend en main aussi en deux-deux et ça permet de faire énormément de choses nativement.
• 1:03:59
  Là où les alternatives open source ont plus de points de friction.
• 1:04:01
  Il y a des choses qu'on ne peut pas faire avec ou qu'on peut fermer différemment ou qu'il faut repenser ou alors qu'il faut un niveau technique un peu plus avancé pour faire telle ou telle chose.
• 1:04:09
  Alors,
• 1:04:09
  vous allez être très assisté dans les outils Cloud.
• 1:04:12
  C'est normal,
• 1:04:14
  comme toujours,
• 1:04:14
  de toute façon,
• 1:04:15
  les outils propriétaires font beaucoup sur l'aspect simplification pour vous ayant envie de rester dans l'écosystème.
• 1:04:24
  C'est comme ça qu'on s'est retrouvé avec du
• 1:04:26
  Google et du Microsoft partout,
• 1:04:28
  même si quand on utilise les outils,
• 1:04:30
  on ne trouve pas forcément plus simple.
• 1:04:33
  Mais en tout cas,
• 1:04:34
  c'est vrai qu'un Google,
• 1:04:35
  vous en savez parce que vous allez sur n'importe quel site.
• 1:04:41
  vous avez un bouton se connecter avec Google.
• 1:04:43
  Et en un clic,
• 1:04:44
  vous êtes connecté,
• 1:04:44
  vous avez paramètres d'identifiant,
• 1:04:45
  de mot de passe et tout ça.
• 1:04:47
  Vous avez un drive,
• 1:04:48
  vous avez tout qui est unifié,
• 1:04:49
  vous avez un écosystème,
• 1:04:50
  vous l'avez sur le téléphone.
• 1:04:52
  Microsoft,
• 1:04:53
  c'est un peu pareil,
• 1:04:53
  mais côté entreprise,
• 1:04:54
  avec plein d'autres sujets.
• 1:04:56
  Les outils propriétaires seront toujours plus faciles à prendre en main.
• 1:04:59
  Enfin,
• 1:04:59
  pas toujours,
• 1:05:00
  mais la majorité du temps.
• 1:05:02
  Et c'est voulu,
• 1:05:03
  et c'est normal,
• 1:05:03
  et c'est pensé pour vous garder captifs de ces écosystèmes-là.
• 1:05:07
  Mais il n'empêche qu'on peut en sortir,
• 1:05:09
  qu'on peut s'en dégager.
• 1:05:10
  Et nous,
• 1:05:10
  en tout cas,
• 1:05:11
  à travers l'IA et à travers notre utilisation de cloud sur ces derniers mois,
• 1:05:15
  c'est déjà avec ces objectifs-là.
• 1:05:17
  depuis un moment.
• 1:05:18
  C'est juste que,
• 1:05:20
  typiquement,
• 1:05:20
  je n'avais pas fait de développement assisté par IA avant,
• 1:05:23
  il y a quelques mois.
• 1:05:24
  Et enfin,
• 1:05:25
  si,
• 1:05:25
  à travers des outils comme Loveable,
• 1:05:26
  mais c'est un peu comme tout,
• 1:05:27
  en fait,
• 1:05:28
  quand vous allez essayer d'apprendre un nouvel outil pour l'automatisation,
• 1:05:31
  pour vous saisir des concepts,
• 1:05:32
  ce n'est peut-être pas la meilleure chose d'aller directement sur du N8M,
• 1:05:34
  qui est l'outil le plus puissant du marché,
• 1:05:36
  mais aussi le plus dur à prendre en main.
• 1:05:37
  Vous avez tout intérêt à essayer un Zapier ou un
• 1:05:41
  Make avant pour comprendre les logiques qui ont revéc,
• 1:05:44
  pour comprendre les différentes étapes.
• 1:05:45
  et après d'aller sur un outil plus complexe.
• 1:05:48
  Et peut-être que vous n'aurez même pas besoin d'aller sur l'outil aussi puissant.
• 1:05:51
  Et même chose pour des sites web.
• 1:05:53
  Vous allez pouvoir utiliser UX avant d'aller sur le Webflow,
• 1:05:55
  par exemple.
• 1:05:56
  C'est un peu comme ça sur toutes les familles.
• 1:05:58
  C'est que,
• 1:05:59
  à mon sens,
• 1:06:00
  en tout cas,
• 1:06:00
  c'est comme ça que je fonctionne sur les apprentissages.
• 1:06:02
  J'aime bien comprendre les concepts,
• 1:06:04
  prendre des outils qui sont déjà m'apportés techniquement,
• 1:06:07
  et aller sur davantage ce qui me correspond après.
• 1:06:11
  Et si c'est plus dur à apprendre,
• 1:06:12
  au moins j'aurais fait des étapes intermédiaires pour comprendre la logique.
• 1:06:15
  Voilà,
• 1:06:16
  ce qui nous amènera sur les outils,
• 1:06:18
  et c'est pour ça qu'on vous parle déjà de souverain sur certaines choses,
• 1:06:21
  on vous a déjà parlé de dictée vocale,
• 1:06:22
  on vous a parlé de modèles du Open Whisper et plein d'autres choses comme ça qu'on utilisait.
• 1:06:26
  On parlera davantage de ces outils-là et d'écosystèmes open source sur des choses qu'on n'a pas encore,
• 1:06:33
  parce qu'on en a sur plein d'autres sujets déjà,
• 1:06:35
  mais au fur et à mesure que,
• 1:06:37
  techniquement aussi,
• 1:06:38
  on peut vous en parler avec davantage de conscience et d'utilisation.
• 1:06:42
  C'est d'y aller petit à petit,
• 1:06:44
  parce qu'il y a aussi une savoir de...
• 1:06:45
  quoi on va avoir besoin.
• 1:06:46
  Encore une fois,
• 1:06:48
  commencer par utiliser quelque chose,
• 1:06:50
  enfin pas en mode bidouille parce que le code,
• 1:06:52
  ce n'est pas du bidouille,
• 1:06:54
  mais de définir mieux nos besoins plutôt que d'essayer à tout prix et de mal faire les choses parce que même,
• 1:07:01
  je ne pense pas que du jour au lendemain,
• 1:07:03
  tu vas passer sur OpenCode.
• 1:07:04
  Tu vas peut-être faire des allers-retours.
• 1:07:05
  Il y aura des tests.
• 1:07:08
  Je pense que la partie,
• 1:07:09
  par exemple,
• 1:07:10
  PRD,
• 1:07:11
  rédaction de documents,
• 1:07:12
  ça,
• 1:07:12
  c'est peut-être la chose qui sera la plus simple.
• 1:07:15
  peut-être à sortir déjà d'Anthropic.
• 1:07:19
  Pourquoi pas faire le développement encore avec Cloud ?
• 1:07:22
  Ne serait-ce que pour aussi avoir des exemples qui vont servir de documentation après,
• 1:07:26
  derrière,
• 1:07:27
  pour un outil open source.
• 1:07:29
  Et il faut aussi se dire que là,
• 1:07:30
  toute la rédaction de documents,
• 1:07:32
  même des specs en amont,
• 1:07:34
  ça permet de mieux découper derrière pour le développement et donc d'utiliser,
• 1:07:39
  pourquoi pas,
• 1:07:39
  des modèles moins puissants,
• 1:07:41
  même si ton expérience avec Sonnet n'est pas...
• 1:07:44
  pas très très convaincante.
• 1:07:46
  Ça dépend.
• 1:07:48
  J'ai beaucoup râlé les premiers jours et au final,
• 1:07:51
  je pense avoir trouvé le bon équilibre sur les moments où il est assez bon pour ne pas me faire des conneries dans tous les sens.
• 1:07:59
  J'ai trouvé un meilleur équilibre qu'à sa sortie.
• 1:08:03
  C'est aussi de se dire que les outils qu'on utilisera très probablement en open source,
• 1:08:08
  même les modèles,
• 1:08:08
  ne sont pas encore sortis.
• 1:08:10
  Là même,
• 1:08:11
  c'est quoi ?
• 1:08:12
  Début de semaine,
• 1:08:12
  j'ai vu c'était un modèle sous licence MIT
• 1:08:19
  Longcat.
• 1:08:21
  On va voir ce que ça va donner,
• 1:08:22
  mais il a un million de contextes.
• 1:08:24
  Enfin,
• 1:08:24
  en open white.
• 1:08:26
  Là,
• 1:08:26
  pour l'instant,
• 1:08:26
  il n'y a pas encore de fournisseur d'inférence,
• 1:08:28
  mais vu qu'il vient de sortir,
• 1:08:29
  je pense que c'est qu'une question de temps.
• 1:08:32
  Après,
• 1:08:32
  tu commences à en avoir en tout cas chez Cortex,
• 1:08:35
  tu en as pas mal parmi les gros modèles chinois open white.
• 1:08:40
  qui sont déjà disponibles,
• 1:08:42
  hébergés sur des serveurs que européens,
• 1:08:45
  et avec des tarifs réglo.
• 1:08:47
  Là,
• 1:08:47
  c'était plus un million de contextes qui,
• 1:08:49
  toi,
• 1:08:49
  te bloquaient un petit peu et que tu voulais même voir arriver sursonner.
• 1:08:53
  Ah oui,
• 1:08:53
  non,
• 1:08:54
  sursonner dans l'écosystème cloud,
• 1:08:55
  mais en fait,
• 1:08:56
  j'en avais déjà repéré dans l'écosystème classique OpenWide,
• 1:08:59
  parce que tu avais déjà Minimax qui le proposait,
• 1:09:01
  tu as GLM qui le propose,
• 1:09:04
  le dernier qui mit,
• 1:09:05
  je ne sais pas,
• 1:09:06
  je crois,
• 1:09:07
  en tout cas,
• 1:09:07
  sur les...
• 1:09:09
  Le point le plus épineux qui est le 1 million de contexte n'a de sens pour moi que dans le dev.
• 1:09:15
  Sur les autres,
• 1:09:15
  déjà,
• 1:09:15
  il n'y a pas besoin d'aller aussi haut.
• 1:09:18
  Et du coup,
• 1:09:18
  sur le dev,
• 1:09:19
  c'est vraiment intéressant puisqu'on l'avait déjà évoqué.
• 1:09:21
  Pour qu'il y a reste pertinente,
• 1:09:22
  il faut qu'elle reste en dessous des 30 ou 40%
• 1:09:24
  de contexte grand max.
• 1:09:26
  Et donc,
• 1:09:26
  ça vous permet d'avoir une marge de manœuvre,
• 1:09:28
  en fait,
• 1:09:29
  pour la faire bosser dans ce palier-là sans faire de bêtises.
• 1:09:33
  Mais du coup,
• 1:09:33
  en open-wise,
• 1:09:35
  il y a déjà des modèles.
• 1:09:36
  Ça commence à arriver,
• 1:09:37
  c'est juste que c'est pas encore...
• 1:09:38
  Enfin,
• 1:09:39
  c'est sûr que c'est pas mature,
• 1:09:40
  même du côté des modèles frontières,
• 1:09:42
  c'est pas mature non plus.
• 1:09:44
  Mais là,
• 1:09:44
  l'idée,
• 1:09:45
  c'est qu'on va plus forcément sortir des modèles plus puissants.
• 1:09:49
  On se dirige peut-être vers des modèles plus spécialisés ou mieux optimisés,
• 1:09:53
  parce qu'on se rend compte que,
• 1:09:54
  comme on en avait parlé dans l'IA frugal,
• 1:09:57
  on se rend compte qu'il y a une grosse partie du modèle qui peut être enlevé sans enlever de...
• 1:10:05
  Comment dire ?
• 1:10:08
  D'intelligence ?
• 1:10:08
  D'intelligence,
• 1:10:10
  oui,
• 1:10:11
  de fonctionnalité,
• 1:10:13
  de pertinence aussi.
• 1:10:15
  Donc,
• 1:10:17
  je pense que ça arrive.
• 1:10:18
  Ça viendra peut-être du côté de la Chine.
• 1:10:21
  Ce n'est pas forcément ce qu'il y a de mieux.
• 1:10:23
  Mais après,
• 1:10:23
  si c'est hébergé en Europe...
• 1:10:25
  De toute façon,
• 1:10:26
  il faut prendre un peu les améliorations où elles sont,
• 1:10:29
  quant à s'y sont,
• 1:10:30
  et s'en saisir.
• 1:10:33
  Et après,
• 1:10:34
  il y a un autre point aussi,
• 1:10:35
  parce que là,
• 1:10:35
  j'ai parlé d'OpenCode et du
• 1:10:37
  Cortex. Mais là,
• 1:10:39
  ma prochaine expérimentation et pour le prochain portail sur lequel on va travailler,
• 1:10:44
  c'est le...
• 1:10:48
  Première chose,
• 1:10:48
  ce n'est pas de tester OpenCode,
• 1:10:49
  c'est de tester le
• 1:10:51
  Supabase auto-hébergé.
• 1:10:53
  Alors du coup,
• 1:10:54
  avec du LSEO,
• 1:10:55
  parce que je n'ai pas envie de faire de DevOps,
• 1:10:57
  concrètement,
• 1:10:57
  je n'ai pas envie de faire de la gestion d'infrastructures et de sécurité,
• 1:11:02
  mais il y a une boîte européenne qui me permet de faire cette partie-là.
• 1:11:06
  Et du coup,
• 1:11:07
  vous choisissez ensuite où vous hébergez votre serveur.
• 1:11:09
  Donc ça peut être aussi bien chez OVH que chez ScaleWave,
• 1:11:12
  enfin bref,
• 1:11:12
  chez des acteurs français ou autres.
• 1:11:14
  Et là,
• 1:11:15
  l'idée,
• 1:11:16
  ça va être de faire ça.
• 1:11:17
  avec du Supabase en hébergement comme ça pour l'avoir sur un serveur européen et aussi déjà tenter de voir comment ça fonctionne le développement assisté par IA quand tu n'es pas hébergé directement chez Supabase qui est aussi un acteur américain même si eux ils ont le siège social je crois
• 1:11:36
  qu'ils en ont un aux Etats-Unis et un au Singapour bon au final c'est...
• 1:11:42
  à tout moment ils peuvent aussi poser soucis au niveau des infrastructures
• 1:11:47
  Voilà,
• 1:11:47
  tout ça pour dire que les questions et les enjeux,
• 1:11:49
  ils se font sur l'IA,
• 1:11:50
  évidemment,
• 1:11:50
  puisqu'on vous en parle beaucoup,
• 1:11:52
  ils se font sur les autres outils,
• 1:11:54
  et on l'a déjà évoqué aussi à travers le fait qu'il y avait plein d'alternatives.
• 1:11:57
  Aujourd'hui,
• 1:11:57
  de plus en plus,
• 1:11:59
  c'était devenu un enjeu pour tout le monde de s'affranchir des outils américains,
• 1:12:03
  en grande partie,
• 1:12:04
  enfin,
• 1:12:04
  en grande partie,
• 1:12:05
  idéalement.
• 1:12:05
  En tout cas,
• 1:12:06
  de rester agile,
• 1:12:08
  et de ne pas mettre tous ses œufs dans le même panier,
• 1:12:11
  mais voilà,
• 1:12:12
  c'est cette idée-là de penser plus en termes de...
• 1:12:16
  compétences,
• 1:12:17
  on va dire,
• 1:12:19
  d'acquis et de socles pour pouvoir bouger d'un outil à l'autre.
• 1:12:24
  Et dans tous les cas,
• 1:12:24
  c'est pas tout rien non plus.
• 1:12:25
  On ne va pas passer à de l'open source à
• 1:12:28
  100%. C'est aussi de voir là où c'est le plus pertinent et d'y aller petit à petit tout en continuant à faire une veille sur ce qui arrive parce que ça continue de bouger quasiment chaque jour.
• 1:12:39
  Oui,
• 1:12:40
  et d'y aller par étapes.
• 1:12:41
  En tout cas,
• 1:12:42
  c'est ma méthode et c'est pour ça que ça va être d'abord le ChupaBase.
• 1:12:45
  pour qu'en gros toute la partie moteur back-end soit vraiment où je veux globalement.
• 1:12:52
  Et ensuite,
• 1:12:52
  ce sera justement l'exploration d'open code de manière plus approfondie et de développer entièrement avec,
• 1:12:59
  sans toucher du cloud code sur tout un projet,
• 1:13:01
  toute une app,
• 1:13:02
  pour voir aussi jusqu'où on peut aller.
• 1:13:05
  Même si je suis convaincu qu'aujourd'hui on peut aller aussi loin,
• 1:13:08
  ce sera juste moins fluide que sur du cloud code.
• 1:13:13
  Et par étapes et par paliers,
• 1:13:14
  puisque...
• 1:13:15
  déjà dit aussi,
• 1:13:16
  aujourd'hui si vous voulez quitter du Google par exemple,
• 1:13:19
  il y a des alternatives mais il faut y aller petit à petit d'abord sa boîte mail,
• 1:13:23
  ses mots de passe on y va sur ses comptes,
• 1:13:25
  après si on a un autre outil de travail,
• 1:13:27
  bah essayez de voir s'il y a un outil qui est gros P1,
• 1:13:29
  est-ce qu'on peut basculer dessus,
• 1:13:31
  et ainsi de suite,
• 1:13:31
  mais si vous essayez de tout faire du jour au lendemain,
• 1:13:33
  ça vous va juste vous dégoûter parce que ça va vous sembler insurmontable il y a beaucoup trop de choses,
• 1:13:37
  et en fait à l'échelle d'une boîte c'est le même principe,
• 1:13:39
  c'est qu'on y va un outil après l'autre,
• 1:13:41
  une étape après l'autre et en perso pareil,
• 1:13:43
  donc voilà
• 1:13:45
  Je vais choisir ses priorités,
• 1:13:46
  ses focus et où est-ce qu'on peut se permettre d'aller et en fonction de son niveau technique aussi,
• 1:13:52
  puisque tous les outils ne sont pas forcément abordables et accessibles,
• 1:13:54
  même si les propositions sont larges.
• 1:13:58
  À l'échelle d'une boîte,
• 1:13:59
  c'est aussi stratégique.
• 1:14:00
  On va dire que si tu n'es pas souverain sur une partie qui n'est pas essentielle au business de la boîte et que c'est juste une petite partie,
• 1:14:10
  ce n'est pas grave.
• 1:14:11
  Par contre,
• 1:14:11
  si tout le cœur de ton business dépend...
• 1:14:15
  d'un seul fournisseur,
• 1:14:16
  notamment américain et d'IA,
• 1:14:19
  là,
• 1:14:19
  il faut quand même commencer à peut-être envisager d'autres options.
• 1:14:23
  Ne serait-ce que pour de la résilience,
• 1:14:25
  pour maîtriser les coûts.
• 1:14:28
  Et si on reste chez cet acteur américain,
• 1:14:30
  le faire en connaissance de cause et en se gardant des portes de sortie au cas où.
• 1:14:35
  Complètement.
• 1:14:36
  On a fait une jolie digression de fin d'épisode.
• 1:14:40
  Mais on se retrouvera donc euh...
• 1:14:44
  Je ne sais pas si sur la thématique de la semaine prochaine,
• 1:14:47
  on continue sur ce sujet,
• 1:14:48
  ou si on se gardera ça pour le prochain Côté Outils,
• 1:14:51
  dans deux semaines.
• 1:14:52
  Quoi qu'il en soit,
• 1:14:53
  on se retrouve très bientôt pour la suite de ce sujet orienté sur le développement assisté par IA.
• 1:15:00
  On reprendra après la maquette,
• 1:15:03
  qu'est-ce qui se passe derrière,
• 1:15:04
  et jusqu'où on va.
• 1:15:06
  On vous remercie beaucoup de nous avoir écoutés jusque-là.
• 1:15:10
  Est-ce que tu as un petit mot de la fin de l'œuvre pour aujourd'hui ?
• 1:15:13
  Là,
• 1:15:14
  je n'ai pas forcément d'idée,
• 1:15:16
  mais de...
• 1:15:18
  Alors là,
• 1:15:18
  oui,
• 1:15:18
  on parle beaucoup aussi de...
• 1:15:21
  préparer en amont avant de se lancer,
• 1:15:23
  mais à un moment,
• 1:15:23
  il faut quand même se lancer.
• 1:15:24
  Parce qu'on ne pourra pas préparer à la perfection des documents et après,
• 1:15:29
  le lancement,
• 1:15:29
  ça peut être aussi de se lancer en se disant « je n'aurai pas l'outil parfait pour commencer » .
• 1:15:34
  Ou comme nous,
• 1:15:35
  on a commencé le podcast,
• 1:15:37
  on n'avait pas un super portail où tout mettre et on s'est lancé quand même et on a appris comme ça.
• 1:15:42
  Parce qu'on aurait pu passer beaucoup de temps à se dire « ouais,
• 1:15:44
  on ne se lance pas tant qu'on n'a pas notre appli et tout » .
• 1:15:47
  Donc c'est...
• 1:15:48
  Il faut trouver un peu ce juste milieu entre passer beaucoup de temps à préparer,
• 1:15:53
  anticiper,
• 1:15:55
  mais un peu,
• 1:15:56
  ça va être une stratégie pour éviter de se lancer et se rassurer.
• 1:16:00
  Et quand même,
• 1:16:01
  à un moment,
• 1:16:01
  il faut y aller.
• 1:16:02
  C'est comme ça qu'on apprend.
• 1:16:05
  Très bon mot de la fin.
• 1:16:06
  Ça me va.
• 1:16:07
  OK.
• 1:16:08
  Parfait.
• 1:16:10
  Encore merci à tous et à toutes.
• 1:16:13
  Merci,
• 1:16:13
  Lulu,
• 1:16:14
  de m'avoir accompagné pour cet épisode.
• 1:16:16
  et on se retrouve la semaine prochaine.
• 1:16:18
  Merci à toi aussi.
• 1:16:19
  Avec plaisir.
• 1:16:20
  Bonne journée ou bonne fin de journée,
• 1:16:21
  selon quand vous nous écouterez.
• 1:16:23
  Et à bientôt.
• 1:16:24
  Salut.