Latest / Le Dernier Clic (avant la fin du monde) / 06 - Côté Outils : Design assisté par IA, l'écosystème Claude et communs en construction

Transcript

06 - Côté Outils : Design assisté par IA, l'écosystème Claude et communs en construction · Le Dernier Clic (avant la fin du monde)

• 0:11
  Bonjour et bienvenue dans Le Dernier Clic,
• 0:13
  votre podcast tech,
• 0:14
  IA et no-code.
• 0:15
  Je suis en compagnie de Lulu aujourd'hui pour un épisode Côté Outils,
• 0:18
  où on va parler de nos outils numériques.
• 0:21
  Lulu,
• 0:22
  est-ce que tu vas bien ?
• 0:23
  Ça va,
• 0:23
  et toi ?
• 0:25
  Très bien.
• 0:27
  Alors,
• 0:27
  pour celles et ceux qui nous écoutent...
• 0:29
  cette semaine on est vraiment sur côté outils on va vraiment parler outils numériques et voilà comme chaque semaine on alterne soit des épisodes thématiques si vous n'avez pas écouté celui de la semaine dernière c'était sur les agents IA et on vous recommande vivement d'aller l'écouter justement que ce soit pas
• 0:45
  spécialement d'ailleurs pour cet épisode mais en tout cas pour les prochains c'est un sujet qui reviendra souvent et aujourd'hui on est vraiment là pour parler donc logiciels,
• 0:52
  outils numériques et voilà
• 0:56
  On va commencer,
• 0:57
  Lelouch,
• 0:57
  j'ai quelques questions pour toi,
• 1:00
  qui ne sont pas exactement formalisées,
• 1:02
  mais la dernière fois,
• 1:02
  on avait discuté de Stitch,
• 1:04
  donc de Google Stitch,
• 1:05
  que tu avais commencé à utiliser,
• 1:07
  tu avais déjà un peu joué avec justement pour du maquettage.
• 1:11
  Et pour ceux qui ne situent pas encore Google Stitch,
• 1:17
  c'est un outil qui permet de faire du design et du maquettage assisté par IA,
• 1:24
  vraiment sur du développement.
• 1:25
  enfin,
• 1:26
  développement visuel,
• 1:27
  design visuel assisté par IA.
• 1:29
  Et donc,
• 1:30
  il va s'écarter un petit peu d'outils comme Figma ou des suites Adobe qui sont là vraiment pour faire les choses à la mano,
• 1:37
  où il y a de l'IA aussi,
• 1:38
  mais qui sont là pour qu'on puisse vraiment tout modifier et qui sont plutôt des outils de graphiste.
• 1:44
  Google Stitch avait,
• 1:45
  en tout cas de ce qu'on avait vu jusqu'à présent,
• 1:47
  mais je crois qu'il y a eu du changement d'ailleurs,
• 1:48
  tu peux me dire ça.
• 1:50
  été plus orienté vraiment j'ai envie de faire quelque chose de joli j'ai envie de faire du maquettage envie de faire des choses comme ça mais sans être graphiste sans avoir des connaissances vraiment pointu en design je vais le faire en parlant avec une il ya même sortir quelque chose qui est plutôt sympa et
• 2:05
  ça peut servir à d'autres gens derrière pour bosser pour en faire un site web une page de ce qu'on appelle landing page ce genre de choses qu'elle est en retour du coup depuis en ayant joué avec avec google stitch et sachant que depuis
• 2:18
  Et puis,
• 2:19
  la dernière fois qu'on a fait un épisode côté outils,
• 2:21
  on a aussi Cloud Design qui est sorti.
• 2:25
  Est-ce que tu peux nous présenter ?
• 2:27
  Il est sorti le lendemain.
• 2:29
  Ah oui,
• 2:29
  c'est vrai.
• 2:30
  Le lendemain du moment où on tournait.
• 2:31
  Oui,
• 2:32
  c'est vrai que quand vous avez eu l'épisode...
• 2:33
  Je me suis dit,
• 2:34
  tiens,
• 2:34
  on en a parlé.
• 2:35
  Et puis,
• 2:36
  le lendemain,
• 2:36
  il y a Claude qui lâche ça.
• 2:39
  Et voilà.
• 2:40
  Est-ce que tu peux nous présenter alors un petit peu Cloud Design ?
• 2:45
  en quoi il est différent et quelle est l'approche par rapport à du Google Stitch.
• 2:49
  Et après,
• 2:51
  justement,
• 2:51
  je veux bientôt en retour,
• 2:52
  après avoir trituré les deux davantage.
• 2:57
  Là,
• 2:57
  le
• 2:58
  Google Stitch,
• 2:59
  je l'ai pas mal utilisé,
• 3:00
  surtout pour explorer quand je n'avais pas trop d'idées de ce que je voulais et que je voulais tester un peu des styles parce que ce qui est super cool,
• 3:10
  c'est de mettre un peu ce qu'on veut et on peut
• 3:14
  avoir plusieurs propositions.
• 3:16
  Et à partir de ces propositions,
• 3:17
  on peut demander des variations plus ou moins variées en choisissant de faire varier soit le texte,
• 3:25
  soit la police,
• 3:26
  soit le layout.
• 3:29
  Donc,
• 3:30
  ça permet d'explorer.
• 3:31
  On peut aussi changer la charte graphique et tout.
• 3:35
  Donc,
• 3:35
  ça permet...
• 3:36
  Juste pour clarifier,
• 3:37
  le layout,
• 3:38
  on parle de la mise en page,
• 3:39
  vraiment de l'agence.
• 3:39
  Oui,
• 3:40
  c'est ça.
• 3:40
  Oui,
• 3:40
  c'est vrai que c'est en anglais dans Google Stitch.
• 3:44
  Et ça permet d'avoir un peu un grand canevas où il y a toutes nos itérations.
• 3:50
  Et à partir de là,
• 3:51
  on peut aller faire des modifications un peu plus chirurgicales,
• 3:55
  de dire,
• 3:57
  tiens,
• 3:57
  cette partie-là,
• 3:58
  cette partie de texte,
• 3:59
  je veux la changer,
• 4:04
  je veux rajouter une petite animation dessus,
• 4:06
  ou je veux rajouter une autre couleur.
• 4:09
  Donc je trouve que Stitch est bien.
• 4:13
  pour s'amuser et tester.
• 4:16
  Même si après,
• 4:16
  on peut quand même exporter dans Figma aussi,
• 4:19
  on peut récupérer le code HTML.
• 4:22
  Et il y a quand même toute la partie,
• 4:23
  une fois qu'on a un design qui nous plaît,
• 4:25
  une partie vraiment prototype,
• 4:26
  où on peut connecter différents écrans entre eux,
• 4:29
  dire quand je clique sur tel bouton,
• 4:30
  ça m'amène sur telle page.
• 4:32
  On peut aller assez loin dans le prototypage,
• 4:35
  et c'est ce qui m'avait bien plu et bien aidé quand j'essayais de faire un peu le portail du dernier clic.
• 4:42
  où on va collaborer pour faire les épisodes.
• 4:45
  Toute la partie maquette,
• 4:47
  je l'ai beaucoup réfléchie dans Stitch parce que j'ai du mal à visualiser les choses,
• 4:52
  donc avoir quelque chose que je peux regarder et me dire « Ouais,
• 4:54
  mais non,
• 4:54
  ça j'aime bien,
• 4:55
  mais ça peut-être un peu moins,
• 4:56
  donc on va jouer là-dessus. »
• 4:58
  Et j'avais exporté un peu tout le
• 5:00
  HTML et le lendemain,
• 5:01
  il y a Cloud Design qui sort.
• 5:03
  Et j'ai balancé quelques captures d'écran que j'avais de Stitch et puis ça a été encore plus loin.
• 5:11
  Là,
• 5:12
  je dirais même pas vraiment qu'on est encore sur de la maquette.
• 5:14
  C'est vraiment du prêt pour aller dans Cloud Code.
• 5:17
  Et c'est assez époustouflant quand même.
• 5:21
  Je veux bien qu'on s'attarde encore un petit peu sur Stitch avant d'aller sur Cloud Design,
• 5:26
  qui a une approche plus professionnelle.
• 5:29
  Mais déjà,
• 5:30
  j'ai deux questions.
• 5:32
  La première c'est là quand tu parles de modifier des éléments dans
• 5:36
  Stitch, tu vas faire quoi ?
• 5:39
  Tu vas sélectionner un élément,
• 5:40
  tu vas lui faire un petit commentaire dessus et une fois que tu as fait tes commentaires partout,
• 5:43
  tu vas lui dire d'un coup et il va tous les traiter.
• 5:46
  Ou alors tu peux aller vraiment changer à la main,
• 5:48
  je veux dire je ne sais pas,
• 5:49
  une couleur d'une bordure ou la taille d'un élément,
• 5:52
  tu peux les changer à la main ou c'est que par IA et c'est que par commentaire ou une prompte directement.
• 5:59
  Alors on peut faire par commentaire et prompte,
• 6:01
  mais il y a certains moments où j'avais du mal à faire changer que ce que je voulais.
• 6:06
  Et il fallait vraiment que j'aille sélectionner le bloc où,
• 6:11
  par exemple,
• 6:12
  j'avais vraiment une mise en page qui me plaisait,
• 6:15
  même au niveau du texte,
• 6:16
  sauf qu'il y avait certains blocs de texte qui étaient de la même couleur que le fond.
• 6:21
  Donc ça,
• 6:22
  c'est un petit peu embêtant de ne pas pouvoir le changer directement à la main.
• 6:27
  Mais on peut aller sélectionner spécifiquement ce bloc de texte et dire,
• 6:31
  mets-le dans telle couleur et ça le passe.
• 6:34
  C'est un peu dommage de faire ça par IA.
• 6:38
  Mais sinon,
• 6:38
  on peut quand même aller modifier du texte,
• 6:42
  modifier le contenu texte.
• 6:44
  Mais on ne peut pas vraiment modifier sur partie bordure,
• 6:51
  taille de police.
• 6:52
  Peut-être que ça viendra après,
• 6:53
  mais là,
• 6:54
  ce n'était pas...
• 6:55
  Pas vraiment le cas.
• 6:56
  D'accord.
• 6:57
  Et parce que justement,
• 7:00
  le lendemain,
• 7:01
  il y a Cloud Design qui sortait,
• 7:02
  enfin le lendemain de l'épisode en tout cas qu'on avait tourné.
• 7:05
  Et quelques jours plus tard,
• 7:07
  je crois que c'était la semaine dernière,
• 7:09
  on a eu
• 7:10
  Google qui a annoncé le format Design MD,
• 7:13
  enfin du coup Design
• 7:15
  Markdown, à travers notamment Google Stitch.
• 7:19
  Et où ils essaient de formaliser au final,
• 7:23
  si j'ai bien compris,
• 7:24
  euh...
• 7:26
  justement un document Markdown avec tout le design system qui est directement dedans pour permettre d'avoir ce design MD le donner à d'autres IA pour qu'elles puissent aller bosser en ayant déjà le design system là il va y avoir un point de justement qu'on va évoquer juste après côté cloud design qui commence
• 7:43
  par te proposer de faire un design system avant d'aller faire des maquettes et des choses comme ça mais dans Stitch,
• 7:50
  là tu parlais justement des typos et ce genre de choses est ce que
• 7:54
  quand t'arrives la première fois là,
• 7:55
  et même que tu vas l'utiliser tu commences par lui donner justement des visuels une charte graphique existante pour qu'il te crée un design system et ensuite qu'il aille maqueter tout ça ou est-ce que c'était un peu l'inverse et tu lui files n'importe quoi il t'invente
• 8:11
  un design system et une charte graphique est-ce que t'as creusé un peu ces options là ?
• 8:15
  Les deux sont possibles où je voulais vraiment de la liberté,
• 8:22
  j'ai un peu laissé euh...
• 8:24
  libre et j'ai proposé des inspirations de ce que j'aimais bien.
• 8:27
  Je suis allée faire des copies d'écran sur Pinterest et de me dire,
• 8:31
  j'aime bien tel style et d'avoir une mise en page qui me plaît.
• 8:38
  Mais comment est-ce que je peux la faire un peu variée pour sortir de ce qui est classique dans le vibe coding ou ce qu'on peut voir beaucoup maintenant sur les landing pages,
• 8:49
  par exemple.
• 8:50
  C'était par exemple d'aller faire des variations
• 8:54
  Une page simple.
• 8:56
  Ce qui est aussi cool,
• 8:56
  c'est qu'on peut mettre un lien vers un site internet et il va le convertir,
• 9:01
  il va le remaqueter.
• 9:02
  Et à partir de là,
• 9:03
  on peut faire des variations d'un site internet.
• 9:07
  Et par exemple,
• 9:08
  je suis allée chercher certains styles qu'il y a en ce moment dans le design et tout ça.
• 9:13
  Et j'ai copié,
• 9:15
  collé les caractéristiques de ce style.
• 9:18
  Et je demandais cinq variations à chaque fois.
• 9:20
  Et j'ai eu des résultats qui étaient très,
• 9:22
  très surprenants.
• 9:23
  Et ça donne un peu des idées.
• 9:25
  Alors pour l'instant,
• 9:26
  c'est gratuit.
• 9:26
  C'est aussi pour ça que j'ai pu me permettre de jouer comme ça.
• 9:32
  Mais sinon,
• 9:33
  tu peux aussi,
• 9:34
  en arrivant,
• 9:35
  déposer ta charte graphique.
• 9:39
  Par exemple,
• 9:39
  même les couleurs que tu utilises et tout ça.
• 9:41
  Il va te faire un tableau avec tes couleurs,
• 9:45
  mais il va aussi te préparer un design MD que tu peux appliquer sur des visuels que tu as.
• 9:51
  Dire par exemple,
• 9:52
  ce visuel.
• 9:53
  je veux appliquer ce style dessus et tu peux te faire une bibliothèque de style comme ça,
• 9:57
  ce qui est assez cool.
• 9:59
  D'accord.
• 10:00
  Donc en fait,
• 10:01
  tu peux te faire en quelque sorte une bibliothèque de design system.
• 10:06
  Oui,
• 10:07
  pardon parce qu'on n'a pas clarifié.
• 10:08
  Le design system,
• 10:09
  en fait,
• 10:10
  c'est une charte graphique.
• 10:13
  Ça va être justement ce qui va vous permettre d'avoir votre logo,
• 10:17
  mais aussi la typo qui est utilisée,
• 10:20
  les couleurs qui sont utilisées,
• 10:22
  l'ensemble des éléments qui définissent votre identité visuelle.
• 10:25
  Et le design system,
• 10:26
  ça va être un peu plus loin.
• 10:27
  C'est le fait de prendre cette charte graphique et d'en faire directement des éléments qui vont arriver dans un site web ou dans une application.
• 10:33
  Donc ça peut être un bouton,
• 10:39
  un encart,
• 10:40
  un tableau,
• 10:41
  des éléments graphiques comme ça.
• 10:43
  Et quand vous avez votre design system,
• 10:45
  c'est littéralement,
• 10:46
  vous avez le cumul de vos éléments de votre charte graphique avec la manière dont ils se transposent en éléments d'interface utilisables dans des applications.
• 10:59
  Voilà,
• 10:59
  donc là,
• 10:59
  le fait d'avoir plusieurs styles prédéfinis permet d'avoir...
• 11:03
  en quelque sorte plusieurs design systems qu'on va adapter selon le besoin.
• 11:09
  Bon alors,
• 11:10
  le fait d'avoir plusieurs variantes de styles de prime abord nous semblerait un petit peu abusé,
• 11:15
  mais là où je vois directement un intérêt,
• 11:16
  c'est le fait d'avoir directement ta palette sombre et ta palette lumineuse.
• 11:21
  On va essayer justement qu'il y ait les termes...
• 11:24
  Oui,
• 11:24
  oui,
• 11:24
  oui,
• 11:25
  ok.
• 11:25
  Parce qu'un truc aussi qui est cool,
• 11:27
  c'est que tu peux prendre...
• 11:29
  Tu peux choisir déjà de faire une vue mobile ou une vue site web.
• 11:34
  Et à partir de l'une ou l'autre,
• 11:36
  tu peux directement la décliner en vue mobile,
• 11:39
  par exemple,
• 11:40
  ce qui est assez sympa.
• 11:42
  Et de pouvoir itérer dessus,
• 11:44
  de pouvoir même voir ce que ça donnerait.
• 11:49
  Et je trouve que la conversion se fait plutôt bien.
• 11:51
  Il ne va pas juste recompacter les éléments.
• 11:55
  C'est une vraie vue mobile.
• 11:58
  Là c'était sur le portail du dernier clic,
• 12:00
  il y a des vues Kanban,
• 12:01
  il ne les a pas mises en vue mobile.
• 12:08
  Mais la vue mobile,
• 12:09
  je ne me suis pas trop allée vers là parce que je n'avais pas le design final,
• 12:13
  donc je ne voulais pas convertir pour rien et me retrouver à modifier de vue à chaque fois.
• 12:19
  C'est aussi ce que j'ai fait par rapport au portail,
• 12:21
  c'est qu'avant d'arriver à un design qui me plaisait,
• 12:25
  je n'ai pas généré les différentes interfaces.
• 12:27
  parce que sinon ça demanderait de modifier et avec l'IA on n'arrive pas à récupérer exactement les mêmes déclinaisons
• 12:36
  D'accord, il te fait des petites variations à chaque fois quand il te crée une nouvelle interface ?
• 12:41
  Ça dépend comment tu le fais j'ai eu des meilleurs résultats en allant dans la génération de variations et pas en passant par le chat qu'il y a en bas c'est une option qui est
• 12:57
  Quand on clique sur une fenêtre,
• 13:00
  on dit
• 13:01
  « generate variants » .
• 13:03
  Et là,
• 13:04
  j'avais des meilleurs résultats que quand j'essayais d'expliquer en disant « mais garde bien ces éléments-là et je veux juste que tu fasses varier ça » .
• 13:10
  Et à partir de là,
• 13:12
  je décrivais par exemple mes nouveaux écrans.
• 13:14
  Et je dis
• 13:15
  « garde les couleurs,
• 13:17
  garde la police,
• 13:20
  alors il faut changer le contenu qu'il y a sur la page et la mise en forme » .
• 13:25
  Et à partir de là,
• 13:26
  ça me gardait bien mes styles et je pouvais générer mes différents écrans.
• 13:30
  Ok,
• 13:31
  intéressant.
• 13:33
  Et intéressant à savoir pour ceux qui jouent avec,
• 13:35
  notamment.
• 13:36
  Une petite astuce.
• 13:37
  Après,
• 13:38
  je n'ai pas beaucoup passé de temps dedans,
• 13:41
  mais il y a eu des moments où j'étais assez frustrée parce que des fois,
• 13:46
  je demandais juste un petit truc simple et ça partait et ça modifiait des choses que je ne voulais pas que ça modifie.
• 13:51
  Mais par contre,
• 13:52
  dans les variations...
• 13:54
  Surtout que tu as trois niveaux de variation,
• 13:56
  tu as vraiment quelque chose pour affiner,
• 13:58
  il y a un peu pour modérer et pour réexplorer complètement d'autres styles.
• 14:04
  Donc des fois,
• 14:04
  quand je voulais même juste faire varier de la mise en forme pour du dashboard ou ce genre de choses,
• 14:10
  c'était vachement bien parce que ça me gardait vraiment mon style.
• 14:13
  Mais ils modifiaient les éléments,
• 14:15
  ils modifiaient l'emplacement,
• 14:16
  le type d'éléments qu'on affichait.
• 14:19
  Donc ça...
• 14:21
  Voilà,
• 14:22
  il y a plusieurs moments où je me suis dit « Ah tiens,
• 14:23
  ça c'est sympa,
• 14:24
  je vais le garder. »
• 14:25
  Et je n'y aurais pas pensé.
• 14:27
  Et c'est cool.
• 14:28
  Par contre,
• 14:28
  un machin trop trop drôle,
• 14:30
  c'est qu'il y a plein de moments dans les variations.
• 14:34
  Alors,
• 14:34
  je pense qu'il s'appuie sur un corpus de pages web.
• 14:36
  Enfin,
• 14:36
  Google s'appuie là-dessus.
• 14:38
  Mais il y a plein de moments où il va faire des pages web qui ne sont pas bien chargées en design.
• 14:42
  C'est trop trop drôle.
• 14:45
  Ah oui.
• 14:48
  Un moment,
• 14:48
  je ne sais plus,
• 14:48
  j'avais parlé des pages grises,
• 14:52
  tu sais,
• 14:52
  vraiment,
• 14:52
  avec le texte en bleu.
• 14:54
  Et à un moment,
• 14:55
  je ne sais pas,
• 14:55
  il a dû s'en mêler.
• 14:56
  Et puis,
• 14:57
  j'avais des avatars sur ma page,
• 15:03
  même pour le dernier clic,
• 15:04
  pour la landing page.
• 15:05
  Et à un moment,
• 15:06
  je me retrouve avec des images du film Avatar.
• 15:08
  Je me dis,
• 15:09
  oh là là,
• 15:09
  il est parti loin là.
• 15:11
  C'était trop drôle.
• 15:14
  Ah oui,
• 15:15
  ok,
• 15:15
  effectivement je ne m'attendais pas à ce genre de bug et de soucis.
• 15:19
  Ok.
• 15:20
  Et bon,
• 15:23
  t'as bien joué avec,
• 15:23
  tu t'es fait tes premières itérations,
• 15:25
  ça t'a permis d'avoir toute la partie inspiration graphique.
• 15:31
  Et après,
• 15:31
  t'as envoyé tout ça dans Cloud Design.
• 15:34
  Alors,
• 15:34
  Cloud Design,
• 15:36
  du coup,
• 15:38
  à quoi ça ressemble ?
• 15:40
  C'est très bien,
• 15:41
  c'est très limité.
• 15:44
  C'est surtout ça,
• 15:44
  c'est pour ça qu'après je suis retournée un peu sur Stitch,
• 15:46
  parce que j'ai cramé mes...
• 15:48
  Mon truc de la semaine dans Cloud Design.
• 15:50
  Limité en token.
• 15:52
  Donc juste pour qu'on recontextualise,
• 15:54
  Cloud Design,
• 15:55
  c'est un...
• 15:57
  Je ne sais pas si on peut dire que c'est un nouveau produit,
• 15:59
  en quelque sorte,
• 15:59
  oui.
• 16:01
  Proposé par Anthropic,
• 16:02
  donc qui s'inscrit dans la suite Cloud.
• 16:06
  Je pense qu'on peut dire que maintenant,
• 16:07
  c'est une suite,
• 16:08
  au final,
• 16:08
  avec les différentes moutures.
• 16:10
  Donc vous avez déjà Cloud qui vous servait d'assistant en temps normal.
• 16:12
  Vous aviez en version web ou en version bureau.
• 16:15
  Ils avaient rajouté...
• 16:16
  donc l'autre code qui est orienté développeur pour aller faire du développement assisté par IA ils ont rajouté début d'année et on en avait parlé d'ailleurs dans l'épisode de la semaine dernière Cowork,
• 16:26
  donc lui qui est là pour être votre assistant aussi sur le bureau et qui peut aller manipuler des fichiers sur votre ordinateur,
• 16:32
  ils avaient rajouté je crois qu'il y a eu une ou deux petites fonctionnalités hormis les parties briques comme les skills et ce genre de choses mais il y avait Dispatch mais je pense pas vraiment une feature mais qui est là pour piloter à distance depuis le mobile et permettre de lancer des choses
• 16:45
  coup sur l'ordi et donc là ils ont ajouté une brique supplémentaire qui est le design principe de départ de l'appli c'est de se dire vous êtes dedans vous allez pouvoir donc créer un design system à partir d'une identité graphique et une fois que votre design
• 17:02
  system est dedans vous allez pouvoir faire plusieurs types de projets donc des maquettes des je crois qu'il y a des des présentations qui portent ce genre de choses.
• 17:14
  des wireframes,
• 17:15
  donc c'est les maquettes qu'on va dire en fait,
• 17:19
  comment dire,
• 17:20
  vraiment allégées,
• 17:21
  qui sont là sans les éléments graphiques,
• 17:23
  c'est plus pour avoir une idée de l'assemblage et du visuel et de l'agencement des informations.
• 17:29
  Théoriquement dans un maquettage on fait d'abord un wireframe avant d'aller se dire,
• 17:33
  pour avoir une idée de où on va mettre l'info avant d'aller transformer ça en vrais éléments visuels jolis.
• 17:41
  Et avec aussi un parti pris...
• 17:43
  de se dire,
• 17:44
  en fait,
• 17:44
  votre design system,
• 17:45
  vous allez pouvoir en faire plusieurs,
• 17:46
  mais le but,
• 17:47
  c'est de mettre celui de votre entreprise à la base et que toutes les personnes qui bossent avec un cloud design arrivent.
• 17:54
  Et quand elles vont créer une nouvelle présentation,
• 17:57
  une nouvelle page,
• 17:58
  etc.,
• 17:59
  ça récupère automatiquement le design,
• 18:02
  du coup,
• 18:02
  le design system de la boîte et que ça vous fasse un truc qui est bien charté,
• 18:05
  qui correspond au visuel attendu de l'identité graphique.
• 18:10
  Dans les grandes lignes,
• 18:11
  c'est ça.
• 18:12
  Tu parlais de limite juste avant,
• 18:13
  donc c'est vrai qu'aujourd'hui il y a une contrainte qui est un peu forte,
• 18:15
  c'est qu'il est intégré à la suite cloud,
• 18:19
  mais il a sa propre gestion de consommation et de limite d'usage.
• 18:24
  Et elle est quand même très basse aujourd'hui.
• 18:26
  Alors petite astuce quand même,
• 18:28
  si jamais vous commencez à jouer avec le design,
• 18:30
  tout en bas,
• 18:31
  c'est un peu planqué par rapport aux autres produits cloud,
• 18:36
  mais vous avez la possibilité de changer de modèle.
• 18:38
  vous pouvez passer sur du Sonnet au lieu de rester sur du Opus qui par défaut va taper très très fort dans les tokens et vous consommez la limite d'utilisation très vite.
• 18:47
  Et personnellement,
• 18:48
  je l'ai essayé avec Sonnet et ça a bien marché.
• 18:51
  Après,
• 18:53
  je suis reparti d'éléments existants et j'ai itéré.
• 18:55
  Donc peut-être que pour la création pure,
• 18:57
  c'est peut-être mieux Opus au début.
• 18:59
  Mais voilà.
• 19:02
  Même plus tôt,
• 19:03
  je rajouterais ne pas hésiter à aller dans un chat cloud basique.
• 19:07
  au départ pour étirer sur les idées que ce soit avec du opus ou du sonnet parce que là on n'est pas sur la même limite et jouer avec les artefacts de Claude parce qu'il y a déjà des visualisations qui sont très bien et pour déplacer ces éléments et tout ça sachant qu'en plus après on peut exporter le HTML et aller le mettre dans Design mais en ayant déjà une base,
• 19:29
  je pense pas que Design,
• 19:32
  alors si avec Wireframe,
• 19:34
  mais là avec les limites qu'il y a,
• 19:36
  je pense que c'est Merci.
• 19:37
  pas ultra pertinent de partir de zéro dans le design.
• 19:42
  C'est bien d'avoir déjà une première idée et pourquoi pas itérer avec les artefacts et ça sera largement suffisant.
• 19:50
  Après,
• 19:51
  ce qui est bien aussi dans le design,
• 19:52
  c'est qu'il y a des skills de front-end,
• 19:57
  vraiment pour rendre même tout ce qui est prototypage,
• 20:03
  il y a un skill de prototype qui n'est pas trop mal aussi.
• 20:07
  On peut aller les rajouter ou se faire ses propres skills aussi.
• 20:11
  Attends,
• 20:12
  j'ai même pas vu ça,
• 20:12
  tu vois,
• 20:13
  moi je l'ai utilisé en natif.
• 20:15
  Et en partant du principe qu'en native,
• 20:17
  il intégrait déjà des skills,
• 20:19
  donc des compétences orientées design,
• 20:21
  j'ai eu l'impression que c'était le cas.
• 20:24
  Après,
• 20:24
  moi,
• 20:25
  je l'ai utilisé.
• 20:26
  Alors désolé,
• 20:27
  on a eu un petit bug de connexion,
• 20:28
  donc je reprends.
• 20:30
  Et voilà,
• 20:30
  ce sera peut être pas très fluide par rapport à là où j'en étais.
• 20:33
  Ce que je voulais vous dire,
• 20:34
  c'est que le design system,
• 20:35
  j'ai procédé en deux temps avec tout d'abord,
• 20:40
  j'ai utilisé ma charte graphique existante.
• 20:44
  Je l'ai donné à Cloud Design pour qu'ils m'en fassent un Design System.
• 20:48
  Et à partir de là,
• 20:50
  j'ai aussi récupéré mon ancien site que j'avais fait sur Softr et pour lequel ça a été un peu galère de récupérer.
• 20:58
  Mais en gros,
• 20:59
  j'ai récupéré les grandes lignes.
• 21:01
  Je n'avais pas tout,
• 21:02
  mais j'avais un peu la maquette en quelque sorte de mon ancien site web que je voulais migrer justement et refaire en développement complet assisté par IA.
• 21:11
  Et donc,
• 21:12
  j'ai donné ça à Cloud Design.
• 21:14
  et du coup je lui demandais de faire un mix entre mon design system existant mais qui est basé sur une charte graphique un peu ancienne et du coup ma maquette de site web et c'est une fois qu'il m'a fait ça,
• 21:26
  qu'il m'a refait du coup un premier jet que j'ai commencé à itérer pour ajuster un certain nombre de choses.
• 21:31
  Voilà,
• 21:32
  ce qui fait que j'ai eu cet usage en deux temps là où toi du coup quand tu lui as injecté le Stitch ce que tu avais récupéré depuis Stitch
• 21:42
  Tu as quand même fait un design system avant de créer ça ou juste tu as donné les visuels,
• 21:45
  tu as créé directement le projet ?
• 21:47
  J'ai dit,
• 21:48
  vas-y Opus 4.7,
• 21:49
  montre-moi ce que tu sais faire.
• 21:51
  Et puis voilà le logo,
• 21:53
  voilà la couverture du podcast,
• 21:56
  voilà ce que j'ai fait dans Stitch,
• 21:58
  vas-y,
• 22:00
  fais.
• 22:00
  Et il a fait.
• 22:02
  Non,
• 22:03
  j'avais quand même remis ton PRD aussi.
• 22:07
  Donc c'était surtout,
• 22:10
  je ne pense pas avoir mis...
• 22:11
  tous les écrans dans Stitch,
• 22:16
  dans Design.
• 22:17
  Pour remettre le...
• 22:18
  Parce que le PRD,
• 22:19
  tu l'as mis directement dans Design ou tu l'avais repassé avant par Cloud,
• 22:23
  classique ?
• 22:24
  Ah non,
• 22:24
  non,
• 22:25
  directement dans Design.
• 22:27
  Ah oui,
• 22:27
  il faut casser.
• 22:30
  Voilà ce qu'il faut faire.
• 22:30
  Là,
• 22:30
  je te mets un exemple d'un écran que j'aime bien que j'ai fait dans Stitch.
• 22:34
  Ça,
• 22:34
  c'est les couleurs du podcast,
• 22:36
  machin,
• 22:37
  et puis à partir de là,
• 22:40
  génère-moi les différents écrans.
• 22:43
  Mais avant même d'avoir généré les différents écrans,
• 22:47
  je pense que j'avais déjà un tout petit peu itéré sur le style du portail.
• 22:53
  Et une fois que ça m'avait plu,
• 22:55
  je me suis dit,
• 22:55
  maintenant je génère les
• 22:58
  5, 6,
• 22:59
  7 autres écrans et il me l'a fait au niveau du proto.
• 23:02
  Bien.
• 23:04
  Et oui,
• 23:06
  désolé,
• 23:06
  on vous redonne un peu les briques dans le désordre par moment.
• 23:09
  Mais là,
• 23:10
  parce qu'on vient de parler de PRD,
• 23:11
  donc en gros,
• 23:12
  c'est le document de spécification produit,
• 23:14
  puisque là,
• 23:15
  l'idée,
• 23:15
  c'est de faire en fait une application interne pour nous,
• 23:19
  pour la gestion du podcast et pour pouvoir après gérer les invités qui participent à certains épisodes.
• 23:26
  Donc pour ça,
• 23:27
  et vu que je vais le développer,
• 23:28
  j'ai pris dans l'ordre de poser un petit peu tout ça justement dans un document,
• 23:33
  enfin dans plusieurs documents,
• 23:34
  avec notamment les flux utilisateurs et en gros le parcours utilisateur de ce qu'on doit faire.
• 23:38
  ce qui permettait de dégager un petit peu les différentes fonctionnalités,
• 23:42
  les différents écrans dont on avait pour besoin.
• 23:44
  Lulu a pris ça,
• 23:45
  à partir de là,
• 23:46
  elle est partie dans Stitch,
• 23:47
  c'est là où elle a pu faire un premier jet du coup dans Google Stitch et de faire déjà des premières interfaces et d'aller jouer avec le style et de trouver ce qui lui correspondait,
• 23:57
  d'itérer pas mal.
• 23:58
  Et après,
• 23:59
  quand elle a renvoyé ça dans Cloud Design,
• 24:01
  elle a remis ce document de spécification pour qu'il recrée les différents écrans.
• 24:07
  Et après,
• 24:08
  j'en ai dit que c'est là,
• 24:09
  une fois qu'il t'a fait un peu la maquette complète,
• 24:11
  que tu allais encore affiner sur la maquette.
• 24:14
  C'est ça,
• 24:16
  parce que ça,
• 24:16
  c'était un des soucis qu'il y avait dans le prototype de Stitch.
• 24:20
  C'est qu'il n'avait pas été forcément trop loin au niveau des interfaces quand on clique sur certains boutons qui ne sont pas juste des changements de fenêtres.
• 24:30
  Et là,
• 24:30
  dans le design,
• 24:31
  c'était pareil.
• 24:32
  Sauf qu'à un moment,
• 24:33
  j'ai juste dit,
• 24:34
  maintenant,
• 24:35
  identifie.
• 24:36
  tous les éléments cliquables qui ne mènent pas à d'autres interfaces et crée-les.
• 24:41
  Là,
• 24:41
  ça m'a permis vraiment d'aller beaucoup plus loin et d'avoir un HTML,
• 24:49
  un prototype qui était quand même super propre et dans lequel tu pouvais déjà pas mal tester.
• 24:56
  Mais après,
• 24:56
  je suis quand même repartie.
• 24:59
  Il y a plusieurs fois où j'ai demandé à Opus d'améliorer l'interface utilisateur et l'expérience utilisateur.
• 25:06
  En expliquant un petit peu comment est-ce qu'on travaillait,
• 25:10
  comment est-ce qu'on itérait sur les podcasts,
• 25:12
  et il y eut pas mal...
• 25:15
  quand même de discussions et de petits affinages.
• 25:21
  D'accord,
• 25:21
  oui,
• 25:21
  mais à chaque fois,
• 25:24
  quand tu commentais pour améliorer l'interface,
• 25:26
  c'est toi qui lui disais,
• 25:28
  en termes d'utilisation,
• 25:29
  je veux plutôt ci ou ça,
• 25:30
  ou tu lui expliquais comment on s'en sert actuellement,
• 25:33
  ou ce que tu envisageais,
• 25:34
  et juste lui,
• 25:35
  il se débrouillait.
• 25:37
  Ma question n'est pas claire.
• 25:39
  Oui,
• 25:39
  non,
• 25:39
  mais je vois,
• 25:39
  mais c'était un peu des deux.
• 25:41
  Soit j'avais vraiment une idée...
• 25:42
  très précise de me dire je veux vraiment ça,
• 25:45
  soit je voulais pas forcément trop l'emmener dans une certaine direction,
• 25:52
  sachant que j'ai pas forcément trop d'expérience en
• 25:55
  UX et UI,
• 25:56
  et je me suis dit,
• 25:57
  on va juste lui demander de faire mieux ou de trouver les points d'amélioration en essayant de suivre le parcours utilisateur quand il se connecte,
• 26:06
  au moment où il va ajouter,
• 26:07
  et puis rien que là,
• 26:08
  il peut déjà trouver des petits points de friction,
• 26:11
  et
• 26:12
  Là où c'est quand même assez bien,
• 26:14
  c'est qu'il va poser des questions pour demander
• 26:16
  « Est-ce que tu préférerais de telle manière ? »
• 26:21
  C'est très guidé quand même.
• 26:24
  Mais après,
• 26:24
  je me demande aussi si,
• 26:26
  par exemple,
• 26:26
  le design system,
• 26:28
  pour ne pas cramer du design,
• 26:30
  même s'ils vont changer,
• 26:33
  là je pense que c'est parce que le produit est encore tout jeune,
• 26:37
  ils explorent un petit peu,
• 26:38
  mais je pense que Claude,
• 26:40
  en chat,
• 26:42
  Un chatbot serait très bien capable de générer le design system que tu vas mettre dans le design.
• 26:48
  Alors ça,
• 26:49
  je ne suis pas d'accord.
• 26:53
  Techniquement,
• 26:54
  oui,
• 26:54
  il peut le faire,
• 26:55
  mais pas d'accord dans le sens,
• 26:56
  je pense que tu y passes beaucoup plus de temps pour avoir un truc qui soit propre,
• 27:01
  adapté en termes de responsive,
• 27:03
  adapté en termes de bonne déclinaison.
• 27:05
  Parce que là,
• 27:06
  je revois le moment où je lui donnais juste les éléments,
• 27:09
  on la cherche les couleurs,
• 27:10
  etc.,
• 27:11
  les typos.
• 27:12
  Et il m'a quand même fait un design complet,
• 27:16
  fonctionnel sur du responsive en quelques minutes.
• 27:20
  Mais je veux dire,
• 27:22
  j'avais mon design complet,
• 27:23
  tu vois,
• 27:24
  avec aussi une interface.
• 27:26
  Il te fait un kit UI avec les différents éléments pour te montrer à quoi ça ressemble.
• 27:30
  Un menu,
• 27:31
  un bouton.
• 27:33
  En gros,
• 27:33
  tu as une page de site web directement avec le truc.
• 27:36
  Et derrière,
• 27:37
  tu as tous les éléments.
• 27:38
  mais tu as aussi un peu
• 27:39
  les éléments,
• 27:40
  genre le bouton avec la déclinaison au survol,
• 27:43
  ombré,
• 27:43
  sélectionné,
• 27:44
  annulé,
• 27:45
  et ainsi de suite.
• 27:48
  Et là-dessus,
• 27:49
  tu peux le faire,
• 27:50
  mais je sais que chaque fois que j'ai fait des choses comme ça en artefact dans Cloud,
• 27:55
  c'était très simpliste,
• 27:57
  et pour faire les déclinaisons de chaque chose et de manière propre,
• 28:02
  ça demandait pas mal d'itération.
• 28:04
  Alors que là,
• 28:04
  sur un one-shot,
• 28:06
  il arrive quand même à te sortir quelque chose qui est complet fonctionnel.
• 28:09
  qui n'est pas forcément parfaite,
• 28:11
  mais que tu vas pouvoir améliorer.
• 28:14
  Mais tu sens qu'il y a une partie design qui est vraiment beaucoup plus poussée dans le produit.
• 28:19
  C'est comme ça que je le ressentis.
• 28:19
  Peut-être que ce n'est pas le cas et que je suis bien tombé sur mes tests et mes itérations et que ça ne serait pas aussi pertinent avec d'autres choses.
• 28:31
  Après,
• 28:31
  si tu n'as pas de limite d'utilisation,
• 28:35
  tu l'as déjà cramé sur ton cloud design que tu dois attendre une semaine.
• 28:39
  Autant peut-être avancer un peu et déjà tester des choses dans Cloud pour les boutons,
• 28:44
  pour ce genre de choses.
• 28:45
  Non,
• 28:45
  je pensais plus,
• 28:47
  tu vois,
• 28:47
  par exemple,
• 28:47
  prendre une référence de design MD et de mettre en entrée dans ton Cloud,
• 28:54
  voilà,
• 28:54
  mes différents éléments graphiques.
• 28:58
  Voilà une copie,
• 28:59
  par exemple,
• 29:00
  de mon site Internet et de faire une première itération qui décrit tout.
• 29:07
  Et ensuite de partir dans le design avec cette base ?
• 29:11
  Tu reviens à créer ton design system à partir de ça.
• 29:15
  Tu peux le faire quand même parce qu'en fait,
• 29:16
  quand tu crées ton design system,
• 29:18
  tu restes relativement libre.
• 29:20
  Par défaut,
• 29:20
  il va te demander ta charte graphique existante.
• 29:22
  Tu peux même le connecter à un dossier GitHub.
• 29:28
  Et lui donner justement des fichiers.
• 29:30
  Enfin bref,
• 29:30
  tu donnes ce que tu as sous la main.
• 29:32
  Mais tu pourrais très bien partir exactement de ce que tu viens de dire.
• 29:36
  travail préalable et créer ton design système à partir de là,
• 29:40
  le modifier un peu et ensuite aller construire tes produits.
• 29:42
  Je ne suis pas revenu le triturel design system depuis et je sais que j'avais des choses qui ont changé sur mon site web quand je l'ai remanié.
• 29:52
  Peut-être que je reviendrai en arrière pour mettre à jour le design system,
• 29:56
  mais ça reste,
• 29:57
  je pense que la bonne approche en tout cas.
• 30:00
  une fois que tu as trouvé un peu ce que tu veux et si tu n'as pas d'identité visuelle et tout ça,
• 30:04
  c'est d'aller jouer dans le site,
• 30:05
  effectivement,
• 30:06
  d'aller jouer dans le cloud,
• 30:06
  de te faire un premier jet un peu potable,
• 30:09
  enfin un peu sympa,
• 30:10
  et ensuite de créer ton design system avec et ton design system du coup de le réutiliser parce que le fait qu'il soit déjà existant fait que toutes les maquettes et tout le travail que tu vas faire derrière dans le cloud design,
• 30:19
  c'est des composants réutilisables.
• 30:21
  Donc du coup,
• 30:23
  tu consommes moins,
• 30:24
  c'est plus fluide,
• 30:26
  même si...
• 30:28
  Et justement,
• 30:28
  je trouve ça d'autant plus intéressant aujourd'hui de se dire que ton identité visuelle,
• 30:33
  paradoxalement,
• 30:35
  cloud design et ce type d'outils peuvent être très intéressants pour des designers pour maqueter des sites web ou des applications à leur sauce.
• 30:46
  Mais je trouve que l'identité visuelle en elle-même a toujours autant de sens à être faite par des personnes vraiment et par des graphistes.
• 30:56
  puisque derrière,
• 30:59
  ça te correspond vraiment à la base,
• 31:01
  même si,
• 31:01
  voilà,
• 31:01
  à la limite,
• 31:02
  il vaut mieux payer la prestat d'un graphiste ou d'une graphiste pour l'identité visuelle,
• 31:06
  arriver là-dedans,
• 31:07
  la filer à Claude pour qu'il t'en fasse un design system et qu'à partir de là,
• 31:10
  tu puisses aller bosser sur ce que tu veux et d'avoir un truc qui te correspond et qui soit un peu différent,
• 31:17
  justement.
• 31:18
  Ah oui,
• 31:20
  non,
• 31:20
  complètement d'accord là-dessus,
• 31:22
  parce que,
• 31:22
  bon,
• 31:23
  le graphiste ou la graphiste,
• 31:26
  Pas juste faire un logo.
• 31:28
  Il va y avoir toutes les déclinaisons.
• 31:31
  Le logo,
• 31:31
  c'est qu'une petite partie,
• 31:33
  mais c'est aussi qu'est-ce qui va s'afficher en miniature ou de la page sur les onglets.
• 31:40
  C'est aussi les différents boutons qu'on peut utiliser.
• 31:43
  Ça peut aller assez loin.
• 31:44
  C'est la réflexion de marque derrière aussi.
• 31:48
  Complètement.
• 31:50
  Pour moi,
• 31:51
  les résultats avec l'IA sont vraiment pas probants.
• 31:53
  Parce que...
• 31:55
  Il y a toujours cette chose de se dire oui,
• 31:57
  mais j'arrive quand même à sortir quelque chose,
• 31:59
  mais les gens ont du mal à exprimer leurs besoins et le travail d'une personne,
• 32:03
  c'est de convertir l'expertise qu'il y a et ce que la personne sous-entend qu'elle veut en quelque chose qui lui correspond,
• 32:11
  même de manière créative,
• 32:13
  et que l'image lui corresponde bien.
• 32:16
  Oui,
• 32:18
  mais après...
• 32:21
  Non,
• 32:21
  vas-y,
• 32:21
  dis-moi.
• 32:22
  Non,
• 32:22
  je réfléchissais si j'avais remarqué d'autres choses.
• 32:25
  Un truc qui avait pas mal marché avec Stitch,
• 32:29
  justement,
• 32:30
  j'avais essayé un peu de reprendre ta landing page de Softeur,
• 32:36
  mais ça ne marchait pas des masses parce qu'il y avait énormément de blocs vibe codés,
• 32:40
  donc ça récupérait très très mal.
• 32:42
  Alors ça,
• 32:43
  c'est un problème lié à Softeur en lui-même.
• 32:48
  Parce que,
• 32:48
  alors oui,
• 32:49
  c'était codé bloc vibe codé,
• 32:50
  mais effectivement...
• 32:52
  C'est pas ça le souci,
• 32:52
  c'est la manière dont le software te sort ça en fait,
• 32:56
  et prévu pour te le sortir dans un format applicatif,
• 32:59
  pas dans un format site web qui est adapté en HTML,
• 33:02
  CSS,
• 33:02
  que tu vas récupérer facilement.
• 33:04
  Et même moi du coup pour récupérer mon contenu,
• 33:07
  j'ai dû repartir dans le software,
• 33:08
  aller sur chacun de mes blogs bytecodés,
• 33:10
  récupérer le code source directement,
• 33:13
  le donner et ainsi de suite.
• 33:14
  Je n'avais pas d'export,
• 33:15
  je n'avais pas de façon simple.
• 33:17
  Et les IA,
• 33:18
  quand tu leur disais d'aller lire la page,
• 33:21
  Elle voyait que des bouts.
• 33:22
  Et si tu récupérais le code source directement,
• 33:25
  il manquait aussi des choses,
• 33:26
  parce qu'il y a des choses qui étaient interprétées dynamiquement et qui ne pouvaient pas être extraites simplement.
• 33:34
  Justement,
• 33:35
  ce qui a plutôt bien marché,
• 33:37
  parce que je voulais y arriver,
• 33:40
  à récupérer tout ça,
• 33:42
  c'était de faire une...
• 33:44
  Il y a des extensions Chrome qui permettent de faire ça,
• 33:47
  mais de faire une grande capture d'écran.
• 33:49
  Et par exemple,
• 33:49
  j'ai donné ça à Stitch en me disant de retranscrire ça en
• 33:53
  HTML et en gardant strictement les composants.
• 33:57
  Alors,
• 33:57
  il y avait des variations,
• 33:58
  mais les blocs de texte,
• 33:59
  toutes les parties étaient bien là.
• 34:01
  Et honnêtement,
• 34:02
  je pense qu'en mettant ça dans Cloud,
• 34:05
  juste une grande capture d'écran,
• 34:07
  il arrive à ressortir le HTML sans trop de problèmes.
• 34:11
  Je vois comment Stitch,
• 34:12
  avec ses quels modèles,
• 34:15
  j'ai Miniflash,
• 34:16
  me l'a sorti.
• 34:18
  Honnêtement,
• 34:20
  ça se fait très très bien.
• 34:23
  Je pense que tu auras toutes les grandes lignes,
• 34:26
  mais tu n'auras pas forcément les nuances.
• 34:29
  Peut-être que je me trompe,
• 34:32
  mais j'ai l'impression qu'il y a pas mal de choses.
• 34:34
  Il y a tout ce qui se fait au hover,
• 34:36
  au survol,
• 34:38
  aux micro-animations,
• 34:39
  des choses comme ça.
• 34:41
  Ou des détails,
• 34:42
  tu vois,
• 34:43
  tu n'en as pas forcément partout,
• 34:45
  mais tu vois les espèces d'effets de transparence,
• 34:46
  de glaçomorphisme et ce genre de choses.
• 34:48
  Je pense que sur un HTML à plat,
• 34:49
  je ne sais pas s'il...
• 34:50
  Enfin,
• 34:50
  sur des captures d'écran à plat,
• 34:51
  je ne sais pas s'il détecte vraiment bien toutes ces nuances.
• 34:55
  Je ne suis pas sûre,
• 34:56
  mais est-ce que ce n'est pas mieux de récupérer déjà toute l'architecture avec tous les blocs qui sont bien là,
• 35:01
  et après d'aller par exemple dans le design et reprendre ton site ?
• 35:06
  Ça peut être un moyen de le récupérer et au moins réavoir toute cette architecture que tu peux perdre.
• 35:14
  Je pense que c'est plus simple de rajouter des effets après coup,
• 35:17
  en disant...
• 35:18
  Surtout si en plus tu mets du front-end,
• 35:21
  le skill de front-end...
• 35:24
  Je pense qu'il peut refaire les choses bien et puis même peut-être,
• 35:26
  pourquoi pas l'améliorer aussi.
• 35:28
  Ok,
• 35:30
  merci déjà pour ce petit retour.
• 35:32
  J'avoue que je n'ai pas remis les mains depuis que j'avais migré mon site.
• 35:37
  Je serai amené à le refaire,
• 35:38
  on en reparlera.
• 35:39
  Je pense au design et je suis assez curieux de voir justement aussi comment ils vont gérer la partie consommation d'utilisation.
• 35:46
  Est-ce que ça va devenir un produit payant à part ?
• 35:49
  Est-ce qu'il va rester dans la suite cloud et auquel cas la boîte de main va augmenter ?
• 35:53
  aussi parce qu'il commence à y avoir de plus en plus de choses dedans,
• 35:56
  on aura l'occasion d'en reparler.
• 35:59
  Toi,
• 35:59
  tu l'avais tenté,
• 36:00
  le passage direct dans Cloud Code ?
• 36:01
  De dire,
• 36:02
  passer ce projet dans Cloud Code,
• 36:03
  ou tu ne l'as pas fait ?
• 36:04
  Oui,
• 36:04
  ça n'a pas marché.
• 36:05
  Enfin,
• 36:05
  ça n'a pas marché.
• 36:07
  Oui et non,
• 36:07
  ça n'a pas marché à travers le bouton.
• 36:09
  C'est une chose que j'ai trouvé un peu cool.
• 36:12
  Parce qu'en fait,
• 36:12
  il te permet de l'envoyer théoriquement,
• 36:16
  mais Cloud Code n'arrivait pas à se connecter à mon projet Cloud Design.
• 36:20
  Donc j'ai fait différemment,
• 36:21
  j'ai exporté,
• 36:22
  parce que tu as quand même l'option pour exporter en zip avec le bout de code dont tu as besoin,
• 36:26
  donc tu peux mettre des instructions complémentaires,
• 36:28
  et là par contre en effilant le zip et les instructions,
• 36:32
  là il a pu me le récupérer,
• 36:34
  et après j'ai pu aller développer,
• 36:37
  il m'a bien repris le truc,
• 36:38
  il va te refaire ensuite toute la maquette en format web que tu peux monter et faire tourner,
• 36:44
  justement en local dans ta page de navigateur,
• 36:46
  et après tu peux,
• 36:47
  et j'ai vu...
• 36:48
  refaire des retours de design et des choses comme ça,
• 36:50
  mais au moins,
• 36:52
  le gros du taf est fait et ça évite d'avoir à itérer dans
• 36:55
  Cloud Code sur la partie design parce que c'est pas là où il est le meilleur.
• 36:59
  C'est pas le but premier de l'outil.
• 37:03
  Je pense que c'est pour ça qu'Anthropique a sorti design aussi parce que on va dire que
• 37:07
  Cloud Code,
• 37:10
  il n'est pas connu pour briller en termes de design.
• 37:13
  Ça se reconnaît partout,
• 37:15
  c'est toujours la même chose.
• 37:17
  Et je me dis qu'en itérant sur du design,
• 37:20
  on peut un peu pourrir le code qu'il y a aussi derrière et rajouter,
• 37:25
  faire du spaghetti.
• 37:26
  Donc c'est sûr que si on peut s'épargner ça,
• 37:29
  c'est mieux.
• 37:30
  Oui,
• 37:30
  non,
• 37:30
  et puis après,
• 37:33
  ça tourne en look avec,
• 37:34
  etc.
• 37:35
  Là-dessus,
• 37:36
  le design est quand même bien pensé.
• 37:37
  Effectivement,
• 37:37
  je pense que ça comble un trou qu'ils avaient dans la raquette.
• 37:41
  Et de toute façon,
• 37:43
  l'étape d'après,
• 37:44
  alors ça,
• 37:44
  on verra quand est-ce que ça arrive.
• 37:45
  mais l'étape d'après ce sera très probablement de proposer un produit unifié à la lovable qui te permet d'avoir dans une seule application,
• 37:53
  dans un seul produit,
• 37:55
  la partie visuelle,
• 37:56
  la partie développement et de gérer tout ça.
• 38:01
  C'est vrai que c'est un peu plus qu'un rumeur,
• 38:04
  ça a plus ou moins fuité à plusieurs moments.
• 38:07
  La question se pose de quand est-ce que ça va débarquer ?
• 38:10
  Dans un mois,
• 38:11
  dans deux mois,
• 38:11
  dans six ?
• 38:13
  Vu le rythme à lequel ils envoient des nouveautés,
• 38:15
  et c'est hier où ils ont rajouté des connecteurs pour la partie 3D,
• 38:22
  notamment,
• 38:23
  pour se connecter à Blender,
• 38:24
  des choses comme ça.
• 38:26
  Donc,
• 38:27
  ils n'ont pas fini de mettre le bazar sur le marché.
• 38:31
  Prendre le monopole.
• 38:32
  C'est quoi ta stack,
• 38:33
  Claude ?
• 38:36
  Oui,
• 38:36
  oui,
• 38:37
  oui.
• 38:38
  On est pas mal dedans.
• 38:39
  Ce qui m'amène justement à une question.
• 38:42
  parce qu'on en avait parlé pas mal sur le premier épisode côté outils d'Obsidian et j'aimerais bien ton retour dessus depuis parce que je sais que tu continues à l'utiliser est-ce que,
• 38:54
  enfin voilà,
• 38:55
  par rapport à la dernière fois dont on a parlé,
• 38:56
  est-ce que t'en es toujours contente,
• 38:59
  est-ce qu'il y a des limites que t'as vues ou des points de friction ou au contraire si tu t'en sers de plus en plus ou quel est ton feedback un peu dessus
• 39:09
  J'ai pas forcément continué à beaucoup mettre d'autres fonctionnalités dedans.
• 39:16
  C'est un très très bon bloc-notes.
• 39:19
  Je prends bien mes notes dedans.
• 39:21
  Il n'y a pas d'envie d'aller rajouter plein d'éléments.
• 39:30
  C'est du texte.
• 39:31
  C'est vrai que j'ai tendance à vouloir me diriger de plus en plus vers juste du Markdown et revenir à des choses ultra simples.
• 39:39
  Comme ça,
• 39:40
  que ce soit pour utiliser avec de l'IA ou juste pour moi en termes de résilience.
• 39:45
  Parce que bon,
• 39:47
  au moins le fichier texte,
• 39:48
  ça ne prend pas de place.
• 39:50
  Ça demande de ne pas non plus stocker des informations sous toutes ses formes.
• 39:56
  Et même pour juste faire du CTRL-F,
• 39:58
  ça reste beaucoup plus simple que juste stocker des captures d'écran,
• 40:03
  plein de PDF.
• 40:05
  Ça me force un peu à me dire qu'est-ce que j'ai envie de garder dedans et comment est-ce que je peux le placer avec des mots.
• 40:13
  Mais sinon,
• 40:13
  je ne suis pas encore allée vraiment plus loin.
• 40:15
  Je suis contente de juste l'application comme ça.
• 40:19
  J'ai juste aussi,
• 40:20
  pour y avoir accès depuis mon téléphone,
• 40:22
  je passe par leur solution à eux.
• 40:25
  Si à terme,
• 40:26
  pourquoi pas ?
• 40:26
  Je crois qu'avec iCloud,
• 40:29
  on peut juste mettre son gouffre fort sur iCloud et gratuitement,
• 40:33
  tu le récupères entre Mac et iPhone,
• 40:36
  par exemple.
• 40:36
  Oui,
• 40:37
  à priori.
• 40:37
  Déjà,
• 40:38
  je sais qu'il y a un utilitaire,
• 40:40
  un outil,
• 40:41
  AirSync,
• 40:41
  je crois qu'il s'appelle,
• 40:43
  qui permet déjà d'avoir de la vraie sauvegarde,
• 40:46
  entre guillemets,
• 40:47
  poste à poste.
• 40:48
  Donc,
• 40:48
  la seule contrepartie,
• 40:49
  c'est qu'il faut que tu aies au moins deux appareils connectés en même temps sur le même réseau pour pouvoir...
• 40:54
  effectuer la copie d'un côté à l'autre.
• 40:56
  Mais bon,
• 40:56
  a priori,
• 40:57
  en fait,
• 40:57
  si tu as au moins Obsidian sur le téléphone et même si tu as un ou deux ordi,
• 41:03
  la seule contrepartie,
• 41:04
  c'est d'avoir Obsidian qui tourne sur le téléphone en même temps que tu es sur l'ordi ou ce genre de choses pour avoir l'info qui circule des deux côtés.
• 41:11
  Sauf si tu passes par un cloud.
• 41:13
  C'est...
• 41:15
  Oui,
• 41:15
  avec AirSync,
• 41:16
  avec la petite appli pour rester justement qui te permet d'avoir en gros même de la sauvegarde locale sans avoir une solution de cloud quelle qu'elle soit.
• 41:23
  et donc voilà ça j'ai vu que ça existait c'est intéressant et sinon effectivement il ya la proche au cloud puisque par défaut de toute façon obsidienne c'est un grosso modo c'est un dossier que tu colles sur ton ordinateur donc si tu l'as dans un icloud dans un rail je me posais la question justement côté proton drive si je ne le mettais pas dans un dossier proton commun ou de postes pour avoir mes synchro dessus et
• 41:45
  d'avoir aussi un accès sur mobile donc c'est intéressant la seule contrainte donc là j'ai commencé à justement regarder un peu obsidienne j'ai pas Encore.
• 41:54
  je l'ai pas encore essayé mais il y a un des points qui m'embêtait un peu c'est le fait que je veux après t'es obligé de le donner si tu veux le donner en accès à ton LLM,
• 42:06
  à ton IA ce sera forcément à travers du local donc typiquement un cloud web ne pourra pas y avoir accès à moins d'avoir des dossiers qui sont dans des repo-github etc mais bon même ça c'est un peu un peu bricolage,
• 42:19
  enfin pas bricolage mais c'est pas idéal
• 42:22
  Et tu vois,
• 42:23
  tu n'as pas ce truc de ton cloud,
• 42:25
  peu importe que tu sois sur n'importe quel ordi où tu es,
• 42:30
  même si tu es sur un ordinateur distant dans un cadre de travail,
• 42:33
  etc.
• 42:34
  Tu as accès à de l'information.
• 42:35
  Aujourd'hui,
• 42:36
  tu vas chercher.
• 42:37
  Aujourd'hui,
• 42:37
  j'ai sur Fibery et ça marche très bien.
• 42:39
  Tu peux aller chercher de l'info là.
• 42:41
  J'essaie d'utiliser très peu l'approche récupération et action sur du Fibery à travers les IA parce que ça passe par le MCP et ça crame énormément de tokens.
• 42:52
  consommation pour pas grand-chose.
• 42:54
  Donc les actions,
• 42:55
  je les fais rarement.
• 42:55
  J'ai plutôt tendance limite à copier-coller des fois des artefacts directement dedans.
• 43:00
  Mais n'empêche que pour la lecture,
• 43:02
  ça dépanne.
• 43:02
  Et voilà,
• 43:03
  donc c'est un côté utile.
• 43:04
  Par exemple,
• 43:05
  alors,
• 43:06
  pas forcément un Google Drive,
• 43:07
  mais équivalent qui peut être intégré ou tu as une intégration à Cloud et le mettre dessus.
• 43:13
  Par exemple,
• 43:14
  ça serait pas envisageable avec une Dropbox ou...
• 43:18
  J'ai pas été revoir les intégrations qu'il y avait...
• 43:22
  Je pense qu'il n'y en aura pas côté Proton Drive,
• 43:24
  de toute façon.
• 43:26
  Et tu peux créer un MCP à partir de Proton Drive ?
• 43:29
  Non.
• 43:30
  Non.
• 43:31
  Non,
• 43:31
  c'est pour ça.
• 43:32
  Alors,
• 43:32
  ce n'est pas forcément bloquant,
• 43:34
  parce qu'en vrai,
• 43:35
  là où je vais vraiment utiliser l'IA,
• 43:37
  moi,
• 43:37
  ça va être sur Ardi.
• 43:39
  Mais ça m'est déjà arrivé sur mobile de me dire,
• 43:42
  ah oui,
• 43:42
  mince,
• 43:43
  il y avait tel truc,
• 43:44
  j'aimerais bien...
• 43:45
  Là,
• 43:46
  j'ai un temps de battement,
• 43:46
  j'ai une demi-heure où je dois attendre quelque part,
• 43:49
  ce genre de choses.
• 43:51
  je vais regarder,
• 43:52
  je vais essayer d'avancer un petit peu sur tel sujet et l'information elle est dans mon Fibery donc j'aimerais y avoir accès alors après si j'ai Obsidian sur mobile je pourrais aller juste lire l'information et la mettre dans un projet,
• 44:04
  ça ça marche aussi c'est pas bloquant tu vois ça ou mettre sur un GitHub après je sais qu'il y en a pas mal qui s'en servent aussi comme ça d'Obsidian ouais mais j'ai un problème sur Cloud Web moi avec le GitHub
• 44:19
  Ça marche très bien avec Cloud Code,
• 44:21
  mais sur le web,
• 44:21
  quand je vais pour choisir un de mes dossiers,
• 44:23
  ils ne me voient pas.
• 44:24
  Je ne peux rien sélectionner.
• 44:26
  Je ne vais pas investiguer encore d'où ça vient,
• 44:28
  parce que pour l'instant,
• 44:29
  je n'en ai pas eu l'usage vraiment sur du web.
• 44:30
  Je m'en sers vraiment pour la partie Cloud Code.
• 44:33
  Mais bon,
• 44:35
  je ne comprends pas d'où vient ce bug.
• 44:36
  Tu as la petite fenêtre de sélection,
• 44:38
  tout,
• 44:38
  et en fait,
• 44:38
  il n'y a rien dedans.
• 44:39
  Je ne peux pas aller piocher dedans.
• 44:41
  C'est un peu quoi.
• 44:43
  C'est vrai que moi,
• 44:44
  pour l'instant,
• 44:44
  j'essaye vraiment de séparer la partie...
• 44:47
  Consultation,
• 44:48
  si je vais me servir d'un LLM,
• 44:50
  je pense que je vais me poser la question avant de ce que je mets en contexte et aller prendre les parties quitte à exporter juste en Markdown la page qui m'intéresse dans mon Obsidian et le mettre dans mon LLM.
• 45:02
  Mais je n'ai pas encore passé le pas de mon
• 45:05
  LLM consulte.
• 45:07
  tout mon coffre-fort et peut écrire dedans.
• 45:10
  Pour l'instant,
• 45:11
  je garde ça séparé.
• 45:13
  Et voilà,
• 45:15
  ça peut aussi être une piste et ça rend la chose un peu plus intentionnelle.
• 45:22
  Et je pense que du coup,
• 45:24
  tu te crames peut-être un peu moins de tokens aussi.
• 45:27
  via un MCP où il va essayer de trouver l'information au bon endroit,
• 45:30
  surtout s'il y en a pas mal.
• 45:31
  Ah oui,
• 45:31
  je suis d'accord.
• 45:32
  En fait,
• 45:33
  d'un côté,
• 45:33
  c'est un avantage parce qu'effectivement,
• 45:34
  ça pousse à une bonne utilisation et une bonne gestion du contexte.
• 45:37
  Parce que t'es obligé de réfléchir à quelle information tu veux lui mettre à disposition.
• 45:41
  Mais il y a des cas où,
• 45:43
  justement,
• 45:44
  t'es dans ton projet,
• 45:45
  t'es dans ta conversation,
• 45:47
  et tu veux accéder à l'information,
• 45:50
  mais tu peux aller chercher un manuel à côté.
• 45:53
  Je sais que j'ai eu un cas où ça m'a fait tiquer.
• 45:58
  Là,
• 45:58
  je ne m'en rappelle plus trop.
• 46:00
  Sachant qu'en plus,
• 46:00
  tu peux personnaliser la recherche dans Obsidian pour que ça aille chercher certains dossiers de manière préférentielle.
• 46:11
  Ce n'est pas juste un simple CTRL-F.
• 46:14
  Et ça,
• 46:14
  j'avais trouvé ça vraiment cool.
• 46:16
  Je crois que tu as même aussi des add-ons qui te permettent d'aller plus loin dans cette recherche.
• 46:23
  Et d'ailleurs,
• 46:25
  est-ce qu'il y a des extensions que tu recommandes ?
• 46:27
  ou que tu utilises avec Obsidian ?
• 46:30
  Moi,
• 46:30
  j'ai l'extension pour
• 46:32
  Readwise, pour faire la synchronisation aussi.
• 46:36
  Sinon,
• 46:37
  j'ai essayé de ne pas trop en mettre.
• 46:40
  Qu'est-ce que j'ai dedans ?
• 46:43
  Je crois que c'est surtout de l'affichage.
• 46:46
  Je crois que c'est une bibliothèque,
• 46:48
  enfin,
• 46:48
  mathématiques ou de diagrammes,
• 46:50
  mais qui permet d'afficher,
• 46:52
  par exemple,
• 46:52
  tout ce qui va être Mermaid,
• 46:54
  qui est affiché des diagrammes.
• 46:57
  partie là et sinon c'est c'est aussi une extension qui me permet de faire un peu à la notion où quand tu crées un dossier ce dossier aussi une page et comme ça je peux écrire dans mon dossier final
• 47:12
  il me crée juste une nouvelle note du même nom que le dossier mais dedans je vais mettre mes liens vers les autres pages vers chaque page qui est dans ce dossier et puis ça me permet de me repérer
• 47:26
  Mais là,
• 47:27
  comme ça,
• 47:27
  c'est à peu près...
• 47:28
  Je pense que j'en ai d'autres,
• 47:29
  mais c'est surtout de l'affichage.
• 47:31
  D'accord.
• 47:32
  J'ai commencé à regarder un petit peu,
• 47:34
  pas dans le détail des extensions,
• 47:35
  mais j'ai commencé à regarder un petit peu avec Claude comment je pourrais migrer mon système Fibery vers potentiellement du Obsidian et je me tâte encore.
• 47:45
  Il y a
• 47:46
  TaskForge aussi.
• 47:48
  Très très bien,
• 47:48
  parce que là,
• 47:50
  tu peux créer des nouvelles tâches et automatiquement,
• 47:53
  peu importe la page où tu crées ta tâche,
• 47:56
  Ça va dans ta base de données tâche,
• 47:58
  tâche,
• 47:59
  et en même temps,
• 48:00
  il est rattaché au projet dans lequel tu as créé ta tâche.
• 48:03
  Et ça,
• 48:04
  c'est assez cool.
• 48:07
  Et tu as plein de trucs,
• 48:08
  même pour traquer.
• 48:10
  Il y a vraiment aussi la distinction due date.
• 48:14
  Et ils sont allés assez loin.
• 48:16
  Et tu as l'application mobile qui lit ce format de tâche qui est très,
• 48:21
  très bien,
• 48:22
  gratuite aussi.
• 48:23
  Enfin,
• 48:23
  voilà,
• 48:24
  c'est aussi ce que j'aime bien avec cet écosystème,
• 48:26
  c'est que c'est des gens qui développent et qui mettent ça à la disposition de tout le monde.
• 48:31
  Vous voyez,
• 48:32
  pas du tout aller sur l'IA.
• 48:33
  C'est vraiment le parti pris de la boîte,
• 48:35
  de se dire,
• 48:36
  c'est vous qui choisissez.
• 48:39
  On ne va pas mettre ça en place parce qu'il y a des utilisateurs qui n'en veulent pas du tout.
• 48:43
  C'est vous qui choisissez.
• 48:45
  On verra si ça dure,
• 48:46
  mais en tout cas,
• 48:46
  pour l'instant,
• 48:48
  c'est une bonne chose.
• 48:49
  Très bien,
• 48:50
  on a déjà fait un petit tour.
• 48:51
  Je vais juste finir mon perronne.
• 48:53
  Un petit mot rapide,
• 48:54
  mais sur...
• 48:56
  J'en avais parlé l'autre fois du fait que j'allais tester Linux sur mon ordi portable.
• 49:01
  Et c'est fait.
• 49:04
  Et j'avoue que pour l'instant,
• 49:05
  je me régale.
• 49:06
  Alors,
• 49:06
  je ne vais pas mentir,
• 49:07
  l'installation n'a pas été fluide.
• 49:09
  Clairement,
• 49:10
  j'ai eu plein de galères à l'install.
• 49:13
  Parce que j'ai bataillé parce que la distribution...
• 49:16
  Bon,
• 49:16
  déjà,
• 49:16
  j'ai choisi Ubuntu parce que c'est une distribution qui est...
• 49:20
  accessible,
• 49:21
  très connu,
• 49:22
  très soutenu et donc passer à avoir un Windows et un Linux sur la même machine,
• 49:27
  je ne voulais pas aller sur du Linux très technique,
• 49:30
  très dur orienté développeur,
• 49:32
  je voulais rester sur quelque chose qui se prend en main facilement et puis j'avais déjà eu du Ubuntu il y a quelques années donc j'avais bien aimé l'écosystème mais il s'avère que j'avais pris une version,
• 49:43
  donc les versions dites LTS pour Long Term Support qui sont plutôt destinées justement à un usage d'entreprise
• 49:50
  Tu en as une qui sort tous les deux ans,
• 49:52
  de version.
• 49:53
  Et après,
• 49:53
  en fait,
• 49:54
  cette version-là,
• 49:55
  tu la mets,
• 49:55
  elle a du support pendant
• 49:58
  5 ou 10 ans,
• 49:59
  je ne sais plus.
• 50:00
  Je crois que c'est du support étendu,
• 50:01
  ça doit être 10 ans et 5 ans pour le support standard.
• 50:04
  Et voilà,
• 50:05
  ce qui est intéressant,
• 50:07
  en gros,
• 50:08
  t'assures d'avoir une distribution peut-être un peu plus stable.
• 50:11
  Le problème de ça,
• 50:11
  c'est que ma machine portable en framework était un peu trop récent,
• 50:15
  et du coup,
• 50:15
  il y avait des incompatibilités matérielles avec cette version-là.
• 50:20
  Et voilà,
• 50:21
  ce qui fait que j'ai eu plein de bugs pendant l'installation,
• 50:23
  et je suis bien embêté,
• 50:27
  jusqu'à prendre finalement la dernière version grand public,
• 50:31
  on va dire,
• 50:31
  pas typé entreprise.
• 50:33
  qui elle change tous les 9 mois,
• 50:35
  il me semble.
• 50:35
  Je crois que c'est ça,
• 50:37
  tous les 9 mois.
• 50:37
  Et là,
• 50:38
  c'était très chouette.
• 50:38
  Et là,
• 50:39
  j'ai migré il y a quelques jours sur la version entreprise qui vient de sortir,
• 50:42
  justement,
• 50:43
  la version de tous les deux ans.
• 50:44
  Il y en a une qui vient d'arriver il y a une semaine,
• 50:45
  quelque chose comme ça.
• 50:47
  Et voilà,
• 50:47
  et pour l'instant,
• 50:49
  c'est un tel apaisement,
• 50:52
  j'ai envie de dire,
• 50:52
  par rapport à du Windows.
• 50:54
  Parce que la machine,
• 50:55
  elle démarre en 2-2.
• 50:56
  En termes de ressources,
• 50:57
  ça ne consomme rien.
• 50:57
  Enfin,
• 50:58
  pour une des gens qui nous écoutent,
• 51:00
  à qui ça pourrait parler,
• 51:01
  mais en gros,
• 51:01
  sur la partie mémoire vive.
• 51:03
  Donc sur cette machine là j'ai 32 Go et mon Windows au repos,
• 51:09
  donc vraiment sur le bureau quand je ne fais rien et que j'ai juste le drive et le VPN qui tournent,
• 51:14
  il tape déjà 10 Go sur les 32
• 51:18
  Go. Et la même chose avec Linux,
• 51:20
  il m'en consomme 2.
• 51:22
  Donc après même quand je travaille et que j'ai plein de choses ouvertes dans tous les sens,
• 51:25
  ça ne consomme rien.
• 51:28
  Donc en termes de machine je suis très très large.
• 51:31
  En termes de batterie aussi j'ai gagné,
• 51:33
  j'ai gagné bien,
• 51:34
  je pense j'ai gagné 3-4 heures d'autonomie.
• 51:39
  Je dois être,
• 51:39
  j'ai dû passer de 7-8 heures à
• 51:41
  10-12 selon ce que je fais,
• 51:44
  selon si je suis en mode nuit ou pas,
• 51:46
  mais globalement j'ai gagné plusieurs heures.
• 51:49
  Je me posais la question justement de l'utiliser là maintenant et de l'avoir installé si c'est quelque chose que je conseillerais à tout le monde,
• 51:55
  quelqu'un qui a un usage bureautique de base.
• 51:58
  J'ai des réserves...
• 52:00
  Pas des réserves sur le fond parce que je pense qu'une fois qu'il est bien paramétré,
• 52:04
  que tu as tout ce qu'il faut dessus,
• 52:06
  tu ne dois pas avoir à te poser de questions souvent.
• 52:08
  Tu pourrais le mettre dans les mains de quelqu'un qui a un usage basique avec son navigateur web,
• 52:14
  ses mails,
• 52:15
  qui va regarder trois trucs en streaming et je pense que ça se passera merveille.
• 52:19
  Mais par contre,
• 52:19
  il y a encore le cadre.
• 52:21
  Là,
• 52:21
  je vois que je mets encore régulièrement les mains dans le terminal et donc en ligne de commande.
• 52:27
  Alors sur des usages,
• 52:28
  parce que c'est très typé là quand je vais faire du vibe coding,
• 52:34
  qui implique d'aller sur...
• 52:36
  C'est normal pour ces usages-là que j'ai à faire des manips,
• 52:39
  mais j'ai eu le cas aussi juste pour des petites mises à jour,
• 52:42
  ou deux,
• 52:42
  trois petits programmes qui n'étaient pas installables normalement,
• 52:49
  sans lune de commande.
• 52:51
  J'avoue que je vais continuer,
• 52:52
  et je pense que d'ici la prochaine fois,
• 52:53
  il y a bien moyen que j'ai...
• 52:55
  collé aussi Ubuntu sur ma machine de bureau.
• 52:58
  On verra.
• 52:59
  Là,
• 52:59
  je n'ai pas pris le temps parce que quand je suis dessus,
• 53:01
  ce n'était pas ma prio et je pense qu'avec le matériel que j'ai dessus,
• 53:04
  il y a moyen que j'ai plus d'embêtements.
• 53:07
  On verra.
• 53:08
  Mais bon,
• 53:09
  Linux,
• 53:10
  c'est quand même...
• 53:10
  Ça me fait très plaisir de le retrouver.
• 53:14
  On va dire ça comme ça.
• 53:15
  Voilà.
• 53:16
  Et en plus,
• 53:17
  ça va dans le sens de ce qu'on était dit d'aller sur une stack un peu plus minimaliste.
• 53:21
  C'est vrai que j'ai moins de bordel dessus,
• 53:24
  globalement.
• 53:27
  d'outils en plus.
• 53:29
  Et en plus,
• 53:29
  il y a Claude qui m'a eu dessus.
• 53:32
  Mais ça,
• 53:32
  on en reparlera,
• 53:33
  je pense,
• 53:33
  plus longuement au prochain épisode.
• 53:36
  Vu que toi aussi,
• 53:36
  tu as replongé davantage dans Claude,
• 53:40
  que ce soit à travers design et pas seulement.
• 53:42
  Claude Codd,
• 53:43
  maintenant,
• 53:44
  je passe quasiment plus,
• 53:45
  même par le chat.
• 53:47
  Et je suis vraiment dans cette idée de...
• 53:49
  OK,
• 53:50
  j'ai mes fichiers Markdown,
• 53:52
  tu travailles là-dessus.
• 53:53
  Tu travailles sur des dossiers,
• 53:55
  même mes réflexions et tout ça.
• 53:57
  Je trouve que c'est mieux,
• 54:00
  même plutôt que d'aller rechercher d'anciennes conversations,
• 54:02
  de demander à faire un résumé,
• 54:04
  repasser dans une autre pour compacter le contexte.
• 54:09
  Je préfère comme ça au final.
• 54:12
  Mais par contre,
• 54:12
  on est d'accord que tu utilises le cloud code avec l'interface graphique.
• 54:15
  Tu n'es pas en mode terminal.
• 54:17
  Pas terminal,
• 54:18
  non.
• 54:21
  C'est intéressant que tu uses ça.
• 54:23
  On en avait parlé,
• 54:24
  c'est un usage que j'avais lu et vu passer à pas mal d'endroits.
• 54:28
  Le fait d'utiliser au final tout le code pour la bureautique et pour l'usage professionnel,
• 54:31
  mais sans aller faire du développement,
• 54:33
  juste pour travailler sur des fichiers,
• 54:34
  travailler sur des documents.
• 54:36
  Au final,
• 54:36
  ça se rapproche de
• 54:37
  Cowork, mais peut-être en un peu moins gourmand.
• 54:42
  Parce que là,
• 54:44
  c'est vraiment juste créer et éditer des fichiers Markdown.
• 54:48
  Donc pour moi,
• 54:49
  ça fonctionne plutôt bien.
• 54:52
  Parce qu'après,
• 54:53
  si c'est vraiment pertinent,
• 54:54
  je peux les passer dans mon CD-ROM.
• 54:55
  Pour l'instant,
• 54:56
  je ne sais pas vraiment encore.
• 54:57
  Parce que je ne veux vraiment pas que ça aille toucher aux notes que j'ai écrites moi-même sans IA.
• 55:03
  Voilà,
• 55:04
  mais clôt de code.
• 55:05
  Parce que même en termes d'autonomie,
• 55:07
  je trouve que ça va plus loin en termes de réflexion et plutôt que de faire des itérations.
• 55:12
  Et ce qui est quand même super cool,
• 55:16
  c'est que quand tu as un peu des données à comparer,
• 55:18
  il va pouvoir tout de suite sortir un peu plus du piton,
• 55:20
  enfin aller faire installer toute la librairie.
• 55:27
  Aller vraiment plus loin dans la réflexion parce qu'il a plus d'outils à sa disposition.
• 55:33
  Ouais,
• 55:35
  et en plus,
• 55:36
  même d'un point de vue justement souverain,
• 55:38
  ce qu'on disait c'est notre retour sur Cloud Code,
• 55:41
  d'un point de vue éthique,
• 55:42
  est une régression,
• 55:46
  mais c'est une régression à court terme pour une vision plus long terme,
• 55:49
  puisque derrière,
• 55:50
  en fait,
• 55:51
  je sais que c'est mon parti pris,
• 55:53
  mais j'ai l'impression que c'est le tien aussi.
• 55:56
  se dire là on essaie de bien apprendre à utiliser du cloud code et du co-work et des outils comme ça et travailler davantage en cal et travailler davantage justement avec UL.
• 56:07
  Entre guillemets ce qui commence à devenir des nouveaux standards en termes d'outils,
• 56:10
  même à travers l'IA.
• 56:12
  Allez écoutez notre épisode de la semaine dernière où on parle de connaissances,
• 56:15
  on parle de skills,
• 56:16
  on parle de plein de choses comme ça puisque ça devient des fondamentaux justement pour la partie IA.
• 56:22
  Et le fait d'aller jouer justement avec des documents en local,
• 56:24
  d'aller sur du cloud code et ce genre de choses,
• 56:27
  permet aussi,
• 56:29
  assez rapidement,
• 56:30
  en tout cas dans les prochains mois,
• 56:32
  de passer sur leurs pendants open source,
• 56:34
  que vont être open code,
• 56:35
  que peuvent être open work.
• 56:37
  Et bon,
• 56:37
  il y en a d'autres d'ailleurs,
• 56:38
  là c'est ceux qui me viennent,
• 56:40
  mais je crois qu'il y a la suite Kilo aussi qui le permet,
• 56:43
  Kilo Code et d'autres.
• 56:45
  Et donc de laisser le choix derrière,
• 56:47
  une fois qu'on a appris une manière de travailler un peu différente,
• 56:50
  un peu plus moderne.
• 56:52
  avec l'IA j'entends,
• 56:55
  de pouvoir changer d'outil et de ne pas rester enfermé chez Cloud.
• 56:58
  Aujourd'hui,
• 56:58
  c'est juste qu'on a fait le choix tous les deux d'aller sur du Cloud,
• 57:02
  puisque en termes d'écosystème,
• 57:04
  c'est ceux qui sont le plus avancés,
• 57:05
  le plus intéressant,
• 57:06
  et que les modèles derrière sont assez solides,
• 57:09
  enfin,
• 57:10
  sont très solides et font partie des meilleurs du marché.
• 57:12
  Donc pour bosser,
• 57:13
  c'est quand même beaucoup plus agréable et intéressant d'apprendre ces nouvelles manières de bosser.
• 57:19
  permettra aussi de changer d'outil et de ne pas rester bloqué chez un seul propriétaire.
• 57:24
  J'espère du moins,
• 57:25
  peut-être qu'on va se retrouver un peu à prendre trop goût à Claude et que dans six mois,
• 57:29
  on aura beaucoup de mal à le quitter.
• 57:32
  Parce que mine de rien,
• 57:33
  Claude,
• 57:35
  malgré le côté propriétaire,
• 57:37
  ricain,
• 57:38
  et qu'il joue plusieurs jeux en même temps,
• 57:40
  j'ai l'impression,
• 57:42
  il y a le fait que ça doit faire bien deux ans que c'est mon LLM principal.
• 57:48
  C'est juste que je l'utilisais d'abord en version Cloud tout court,
• 57:51
  après je l'avais utilisé dans sa version Notion,
• 57:55
  je l'avais utilisé aussi dans Dust par période,
• 57:58
  et là maintenant je reviens à de quoi son Cloud dans sa version Cloud Code et Cloud Bureau à nouveau,
• 58:03
  mais ça reste le modèle que j'ai le plus utilisé ces deux dernières années.
• 58:10
  J'ai pas testé
• 58:12
  ChatGPT en
• 58:14
  5.5, apparemment on les re...
• 58:15
  tour sont bons et je crois qu'ils ont fait le réentraînement du modèle quasiment de zéro.
• 58:21
  Pourquoi pas,
• 58:22
  mais c'est vrai qu'il y a un peu cette image,
• 58:26
  quand même,
• 58:27
  j'ai pas trop envie d'aller vers du open AI,
• 58:29
  mais bon.
• 58:30
  Mais après,
• 58:31
  il y a aussi ce truc de pourquoi pas servir de la puissance de Cloud Code pour construire les skills qui nous vont bien,
• 58:39
  enfin vraiment tous les actifs qu'on pourra réutiliser.
• 58:43
  avec un autre LLM et pourquoi pas pour les petites tâches avec du LLM en local ou du open source.
• 58:50
  Mais c'est être servi un peu de cet effet de levier avec Cloud Code pour construire tout ce qui est plus complexe.
• 58:57
  Mais voilà,
• 58:57
  c'est construit une fois et après,
• 58:59
  on l'utilise avec des modèles,
• 59:01
  soit qui sont plus petits,
• 59:02
  soit qui consomment moins.
• 59:03
  Oui,
• 59:04
  et Cloud Code,
• 59:04
  mais pas que,
• 59:05
  parce que même avec Cloud
• 59:07
  Classique, tu peux déjà faire tes skills.
• 59:09
  C'est juste qu'ils ne sont pas stockés au même endroit.
• 59:13
  pour le comment synchroniser ou le gérer mieux,
• 59:16
  mais tu peux déjà le faire.
• 59:17
  Et du coup,
• 59:18
  même si tu restes dans une vision bureautique sans aller jusqu'au niveau Cloud Code,
• 59:22
  mais que tu veux rester sur du Cloud Cowork et construire déjà tes actifs,
• 59:28
  tu peux le faire et tu pourras les utiliser dans d'autres outils.
• 59:31
  Et voilà,
• 59:31
  ça va rester tout autant.
• 59:32
  On n'est pas obligé d'aller jusqu'à la granularité d'un Cloud Code qui est vraiment très...
• 59:38
  même dans l'abstraction qui est encore un niveau au dessus,
• 59:40
  puisqu'il est obligé d'aller...
• 59:41
  naviguer et penser encore un peu différemment.
• 59:44
  Mais oui,
• 59:46
  on est entièrement d'accord avec toi sur l'effet levier,
• 59:48
  sur le fait de se forger des savoir-faire dès maintenant,
• 59:52
  de se forger des communs et des actifs dès maintenant pour pouvoir les réutiliser.
• 59:58
  Encore une fois,
• 59:59
  si vous ne l'avez pas écouté,
• 1:00:00
  je vous invite à écouter notre épisode de la semaine dernière où on parle des BRIC,
• 1:00:03
  des agents IA,
• 1:00:04
  puisque là,
• 1:00:05
  quand on parle d'actifs et de communs et de skills,
• 1:00:07
  c'est en gros votre façon de bosser,
• 1:00:10
  les méthodes,
• 1:00:10
  les process que vous allez faire,
• 1:00:12
  que vous pouvez standardiser,
• 1:00:13
  que vous pouvez créer des choses qui vont permettre de le réexploiter.
• 1:00:16
  Et c'est très puissant quand c'est bien calibré,
• 1:00:23
  ça fait quand même du très bon taf ce genre d'outil.
• 1:00:28
  Voilà.
• 1:00:28
  Lulu,
• 1:00:29
  je ne sais pas si tu voulais qu'on parle d'autre chose,
• 1:00:31
  si tu avais un dernier point à ajouter ou si on est bon pour aujourd'hui.
• 1:00:35
  Je pense qu'on a fait le tour de ce qu'on voulait plus ou moins aborder.
• 1:00:40
  Presque fait moins d'une heure.
• 1:00:42
  Ouais,
• 1:00:42
  pardon.
• 1:00:43
  En plus,
• 1:00:43
  j'ai un petit bug de réseau au milieu qui est un peu perturbé.
• 1:00:47
  Peut-être qu'au montage,
• 1:00:48
  après,
• 1:00:48
  ça fera moins d'une heure.
• 1:00:49
  Non,
• 1:00:50
  pas que ça.
• 1:00:52
  On n'a pas le droit à la question,
• 1:00:53
  de plus.
• 1:00:55
  pas encore ah si tu veux je n'ai plus enfin je n'ai rien préparé pour la question bonus mais tu fais que value coder c'est que Claude maintenant non non non c'est pas que Claude mais alors c'est que des specs surtout en ce moment je fais surtout de la doc des spécifications des trucs mais
• 1:01:16
  non je pense qu'on va s'en arrêter là pour aujourd'hui et voilà pour ceux qui nous ont écouté jusque là
• 1:01:22
  La question bonus,
• 1:01:23
  c'est juste d'aller parler de ce qu'on fait en ce moment en dehors justement du taf et s'il y a des choses qu'on veut partager.
• 1:01:29
  Mais je pense que là,
• 1:01:30
  si on y va dessus,
• 1:01:30
  on va encore repartir sur ce sujet.
• 1:01:33
  Ce sera notre récompense quand on fera moins d'une heure.
• 1:01:35
  Quand on fera moins d'une heure,
• 1:01:36
  voilà,
• 1:01:37
  c'est l'objectif.
• 1:01:39
  Merci à tous et à toutes de nous avoir écoutés.
• 1:01:42
  On se retrouve la semaine prochaine pour un épisode thématique qu'on n'a pas posé d'ailleurs encore,
• 1:01:48
  on n'a pas encore acté le sujet.
• 1:01:49
  Mais voilà,
• 1:01:50
  on se retrouve la semaine prochaine.
• 1:01:51
  et dans deux semaines pour un autre épisode côté outils.
• 1:01:55
  Bonne journée ou bonne fin de journée et à la semaine prochaine.
• 1:01:59
  Salut !