WEBVTT 00:00:00.131 --> 00:00:01.212 align:center Salut, c'est Alexis, je vous souhaite 00:00:01.232 --> 00:00:02.894 align:center bienvenue sur ma chaîne YouTube. 00:00:02.954 --> 00:00:04.135 align:center Ici, on parle de NoCode et 00:00:04.255 --> 00:00:06.277 align:center d'IA, mais aussi on fait des 00:00:06.317 --> 00:00:08.259 align:center sessions de vibe coding que je 00:00:08.279 --> 00:00:09.941 align:center fais en live dans la chaîne 00:00:09.961 --> 00:00:11.662 align:center Twitch de NoCodeFrance, mais que je 00:00:11.702 --> 00:00:13.544 align:center remonte ensuite pour publier ici. 00:00:13.584 --> 00:00:15.446 align:center Dans la session numéro trois, j'ai 00:00:15.486 --> 00:00:16.427 align:center fait un site web, un site 00:00:16.447 --> 00:00:17.688 align:center statique, mais vous allez voir qu'il 00:00:17.728 --> 00:00:18.889 align:center n'est pas vraiment statique, en fait, 00:00:18.909 --> 00:00:19.450 align:center qui est dynamique. 00:00:19.850 --> 00:00:20.810 align:center Je l'ai fait en HTML, en 00:00:20.830 --> 00:00:22.211 align:center CSS, en JavaScript, avec un petit 00:00:22.231 --> 00:00:22.991 align:center peu de PHP. 00:00:23.011 --> 00:00:24.732 align:center Vous allez voir, c'est une architecture 00:00:24.772 --> 00:00:26.773 align:center très intéressante, très simple, qui permet 00:00:26.813 --> 00:00:28.414 align:center de faire un site de style 00:00:28.434 --> 00:00:30.014 align:center Bento, vous savez, avec ces sites 00:00:30.034 --> 00:00:30.694 align:center un petit peu à la mode, 00:00:30.714 --> 00:00:31.895 align:center avec des liens, etc. 00:00:31.915 --> 00:00:32.795 align:center Donc ça peut être hyper pratique 00:00:32.835 --> 00:00:34.816 align:center pour faire votre site perso. 00:00:34.836 --> 00:00:37.137 align:center L'héberger de manière très simple, et 00:00:37.157 --> 00:00:38.718 align:center tout ça vraiment en ayant le 00:00:38.758 --> 00:00:40.118 align:center contrôle sur le code, sans écrire 00:00:40.138 --> 00:00:41.719 align:center de code, évidemment, c'est Windsor qui 00:00:41.739 --> 00:00:43.480 align:center va s'en charger, ainsi que Claude. 00:00:44.460 --> 00:00:45.440 align:center Vous allez voir, il y a 00:00:45.500 --> 00:00:46.821 align:center eu pas mal de surprises. 00:00:46.841 --> 00:00:47.861 align:center Vous allez apprendre pas mal de 00:00:47.881 --> 00:00:48.922 align:center choses si vous voulez vraiment voir 00:00:48.962 --> 00:00:50.262 align:center ce que c'est que d'utiliser ces 00:00:50.302 --> 00:00:51.363 align:center outils de vibe coding. 00:00:51.383 --> 00:00:53.303 align:center Voilà encore un exemple très concret 00:00:53.343 --> 00:00:54.984 align:center avec des surprises et notamment à 00:00:55.044 --> 00:00:57.285 align:center la fin, un comportement hyper inattendu 00:00:57.325 --> 00:00:58.545 align:center du LLM que je vous laisse 00:00:58.565 --> 00:01:00.506 align:center découvrir parce que franchement, moi, j'étais 00:01:00.546 --> 00:01:01.326 align:center explosé. 00:01:01.386 --> 00:01:02.887 align:center Et voilà, je préfère vous garder 00:01:02.907 --> 00:01:04.207 align:center un petit peu la surprise parce 00:01:04.227 --> 00:01:05.387 align:center que vraiment, je ne l'avais pas 00:01:05.407 --> 00:01:05.728 align:center vu venir. 00:01:06.148 --> 00:01:06.968 align:center Allez, je vous laisse avec la 00:01:06.988 --> 00:01:07.128 align:center chanson. 00:01:07.148 --> 00:01:09.169 align:center Je vais vous montrer comment faire 00:01:09.209 --> 00:01:09.369 align:center avec... 00:01:10.409 --> 00:01:14.933 align:center Cloud et Windsurf, un site perso, 00:01:14.973 --> 00:01:16.914 align:center un site de type Bento. 00:01:16.954 --> 00:01:17.734 align:center Si vous ne savez pas ce 00:01:17.754 --> 00:01:19.516 align:center que sont les sites de type 00:01:19.556 --> 00:01:22.818 align:center Bento, ici, vous voyez le site 00:01:22.838 --> 00:01:24.699 align:center Bento de NoCodeFrance. 00:01:24.719 --> 00:01:26.020 align:center Voilà, donc on va faire un 00:01:26.040 --> 00:01:27.421 align:center petit site comme ça, mais on 00:01:27.441 --> 00:01:28.142 align:center va le faire de manière un 00:01:28.162 --> 00:01:29.623 align:center peu intelligente, c'est-à-dire qu'on va le 00:01:29.643 --> 00:01:31.504 align:center faire de manière un peu dynamique, 00:01:31.544 --> 00:01:33.465 align:center avec un fichier JSON qui contiendra 00:01:33.485 --> 00:01:34.046 align:center les différents liens. 00:01:34.986 --> 00:01:36.847 align:center Et puis, on va ajouter deux 00:01:36.887 --> 00:01:38.208 align:center fonctionnalités, si on a le temps, 00:01:38.248 --> 00:01:39.528 align:center parce qu'en fait, là, le temps, 00:01:39.569 --> 00:01:40.549 align:center j'ai beaucoup parlé et je suis 00:01:40.589 --> 00:01:42.330 align:center parti un peu dans mes divagations. 00:01:42.350 --> 00:01:44.551 align:center Mais on fera deux fonctionnalités. 00:01:44.611 --> 00:01:49.273 align:center Une fonctionnalité qui va chercher la 00:01:51.675 --> 00:01:53.376 align:center dernière vidéo de ma chaîne YouTube 00:01:53.436 --> 00:01:55.237 align:center et un formulaire de contact. 00:01:55.657 --> 00:01:55.857 align:center Voilà. 00:01:56.677 --> 00:01:58.899 align:center Je pense que c'est un petit 00:01:58.939 --> 00:01:59.220 align:center challenge. 00:01:59.240 --> 00:02:00.280 align:center On va voir si on a 00:02:00.300 --> 00:02:02.422 align:center le temps de faire ça correctement. 00:02:02.602 --> 00:02:03.743 align:center Pour faire ça, ce que je 00:02:03.763 --> 00:02:04.584 align:center vais essayer de faire, c'est que 00:02:04.604 --> 00:02:06.446 align:center je vais essayer d'abord de travailler 00:02:06.506 --> 00:02:07.927 align:center dans Cloud et après aller dans 00:02:07.967 --> 00:02:10.409 align:center Windsurf. 00:02:11.270 --> 00:02:12.971 align:center On va ouvrir ici Cloud. 00:02:13.011 --> 00:02:14.973 align:center Ce qui est important pour bien 00:02:15.033 --> 00:02:15.253 align:center faire 00:02:16.374 --> 00:02:18.355 align:center un site par exemple quand j'ai 00:02:18.415 --> 00:02:21.116 align:center fait mon site pour le livre 00:02:21.177 --> 00:02:21.937 align:center et bien je lui ai donné 00:02:21.977 --> 00:02:22.878 align:center beaucoup de contenu donc il a 00:02:22.918 --> 00:02:24.078 align:center pu me faire beaucoup de texte 00:02:24.098 --> 00:02:26.039 align:center là on fait un bento donc 00:02:26.080 --> 00:02:30.602 align:center c'est pas forcément le plus important 00:02:30.622 --> 00:02:32.023 align:center mais quand même il faut lui 00:02:32.063 --> 00:02:33.424 align:center donner un petit peu de contexte 00:02:35.425 --> 00:02:36.706 align:center Mais arrête de changer de pseudo 00:02:36.726 --> 00:02:38.926 align:center tout le temps, Valentin. 00:02:38.946 --> 00:02:40.667 align:center Donc voilà, on va faire ça. 00:02:40.687 --> 00:02:42.368 align:center Donc on va lui dire, on 00:02:42.388 --> 00:02:44.188 align:center commence toujours une petite forme. 00:02:44.208 --> 00:02:46.089 align:center Déjà, on va lui dire bonjour. 00:02:46.129 --> 00:02:49.730 align:center Tu vas m'assister dans la création 00:02:49.790 --> 00:02:52.911 align:center de mon site web perso. 00:02:52.951 --> 00:02:54.252 align:center C'est la première chose. 00:02:54.352 --> 00:02:55.512 align:center D'ailleurs, je devrais plutôt faire de 00:02:55.532 --> 00:02:56.092 align:center la transcription. 00:02:56.192 --> 00:02:57.493 align:center Ça serait mieux plutôt que de 00:02:57.513 --> 00:02:58.133 align:center taper en parlant. 00:02:58.313 --> 00:02:59.834 align:center Tu vas m'assister dans la création 00:02:59.854 --> 00:03:00.454 align:center de mon site perso. 00:03:02.436 --> 00:03:04.979 align:center tu es un expert en web 00:03:05.019 --> 00:03:05.620 align:center design. 00:03:05.660 --> 00:03:07.462 align:center Voilà, ce sont des petites techniques 00:03:07.502 --> 00:03:08.504 align:center qui, à mon avis, ne font 00:03:08.524 --> 00:03:10.086 align:center pas grand-chose, mais bon, c'est des 00:03:10.106 --> 00:03:11.648 align:center petits printings. 00:03:11.688 --> 00:03:13.130 align:center Donc, voilà. 00:03:13.170 --> 00:03:16.474 align:center Je veux un site de style 00:03:16.514 --> 00:03:18.717 align:center Bento, mais je ne veux pas 00:03:18.757 --> 00:03:19.458 align:center que tu le codes. 00:03:20.298 --> 00:03:21.759 align:center que tu le codes. 00:03:21.779 --> 00:03:24.460 align:center Je veux que tu me prépares 00:03:24.480 --> 00:03:27.782 align:center toutes les instructions pour demander à 00:03:27.882 --> 00:03:30.263 align:center un agent IA de le réaliser. 00:03:30.964 --> 00:03:32.004 align:center On va tenter un truc, c'est 00:03:32.024 --> 00:03:33.365 align:center qu'on va lui faire faire toutes 00:03:33.405 --> 00:03:34.125 align:center les étapes. 00:03:34.145 --> 00:03:34.746 align:center Je ne le fais pas dans 00:03:34.786 --> 00:03:35.986 align:center un projet. 00:03:36.026 --> 00:03:36.687 align:center En fait, je n'ai pas de 00:03:36.727 --> 00:03:39.588 align:center projet qui correspond à ça. 00:03:39.688 --> 00:03:40.789 align:center Quoique si j'ai un projet. 00:03:40.809 --> 00:03:41.729 align:center Alors attendez, si on va faire 00:03:41.750 --> 00:03:42.910 align:center un truc marrant. 00:03:42.950 --> 00:03:43.610 align:center Je ne vais pas vous le 00:03:43.651 --> 00:03:45.231 align:center montrer, c'est un peu perso, mais 00:03:45.291 --> 00:03:47.292 align:center j'ai un projet qui s'appelle Coaching 00:03:47.332 --> 00:03:47.953 align:center Osaka Studio. 00:03:48.973 --> 00:03:49.953 align:center où il y a beaucoup d'informations 00:03:49.993 --> 00:03:51.474 align:center sur moi. 00:03:51.514 --> 00:03:53.754 align:center Donc, effectivement, c'est malin, martial, 00:03:53.794 --> 00:03:53.914 align:center comme 00:03:53.934 --> 00:03:56.775 align:center ça, ça va faire du contenu. 00:03:56.815 --> 00:03:59.536 align:center Je veux que tu utilises tes 00:03:59.576 --> 00:04:03.417 align:center connaissances sur moi pour préparer le 00:04:03.457 --> 00:04:04.137 align:center contenu. 00:04:04.237 --> 00:04:04.857 align:center Ce que je vais faire aussi, 00:04:04.877 --> 00:04:06.097 align:center c'est que je vais lui donner 00:04:06.137 --> 00:04:06.897 align:center une capture d'écran. 00:04:07.037 --> 00:04:08.158 align:center Je vais faire une capture d'écran, 00:04:08.178 --> 00:04:10.718 align:center par exemple, du Bento de NoCodeFrance. 00:04:10.738 --> 00:04:14.079 align:center Je te donne une capture d'écran 00:04:14.119 --> 00:04:17.520 align:center d'exemple d'un site Bento que j'aime 00:04:17.560 --> 00:04:17.740 align:center bien. 00:04:18.760 --> 00:04:21.742 align:center Je veux que mon site soit 00:04:21.782 --> 00:04:25.384 align:center configurable via un fichier JSON. 00:04:25.444 --> 00:04:26.625 align:center On va faire tout simplement. 00:04:29.519 --> 00:04:35.042 align:center et que l'on puisse catégoriser 00:04:35.062 --> 00:04:35.182 align:center les 00:04:35.202 --> 00:04:35.342 align:center liens. 00:04:36.003 --> 00:04:36.843 align:center Alors d'ailleurs, je m'étais dit que 00:04:36.863 --> 00:04:38.905 align:center je commencerais par un petit Whimsical 00:04:38.925 --> 00:04:40.445 align:center pour un peu faire le schéma 00:04:40.485 --> 00:04:41.366 align:center d'architecture. 00:04:41.406 --> 00:04:42.306 align:center Mais bon, voilà, là, je le 00:04:42.346 --> 00:04:43.707 align:center fais un peu en live. 00:04:43.727 --> 00:04:45.468 align:center Donc là, vous voyez comment je 00:04:45.488 --> 00:04:46.169 align:center réfléchis. 00:04:46.209 --> 00:04:47.329 align:center Et ouais, la capture d'écran, c'est 00:04:47.369 --> 00:04:48.090 align:center un truc qui marche pas mal. 00:04:48.110 --> 00:04:49.471 align:center Mais donc là, vraiment, j'insiste sur 00:04:49.491 --> 00:04:50.411 align:center le fait que je ne vais 00:04:50.431 --> 00:04:52.032 align:center pas demander à Claude de coder 00:04:52.052 --> 00:04:53.373 align:center le site, parce que le site, 00:04:53.393 --> 00:04:54.714 align:center je veux le faire de manière 00:04:54.754 --> 00:04:56.014 align:center pas monolithique, je veux le faire 00:04:56.054 --> 00:04:56.555 align:center avec Winsurf. 00:04:57.115 --> 00:04:59.597 align:center Je vais lui mettre en plus 00:04:59.637 --> 00:05:02.419 align:center des liens et des informations sur 00:05:02.439 --> 00:05:03.140 align:center moi. 00:05:03.180 --> 00:05:07.163 align:center Je veux deux fonctionnalités précises. 00:05:07.183 --> 00:05:10.105 align:center Je veux afficher la dernière vidéo 00:05:10.125 --> 00:05:15.709 align:center YouTube de ma chaîne en utilisant... 00:05:15.749 --> 00:05:16.289 align:center Ce que je vais faire, c'est 00:05:16.309 --> 00:05:17.831 align:center que je vais lui donner le 00:05:17.871 --> 00:05:19.512 align:center lien du flux RSS de ma 00:05:19.552 --> 00:05:20.553 align:center chaîne. 00:05:20.593 --> 00:05:21.693 align:center Attendez, je vais aller chercher ça 00:05:21.713 --> 00:05:22.254 align:center dans mes notes. 00:05:23.995 --> 00:05:25.896 align:center En fait, ce que je vais 00:05:25.916 --> 00:05:26.957 align:center essayer de faire, c'est que je 00:05:26.977 --> 00:05:27.837 align:center vais essayer de lui donner toutes 00:05:27.877 --> 00:05:29.738 align:center les instructions pour qu'il arrive à 00:05:29.778 --> 00:05:31.739 align:center me générer toutes les user stories. 00:05:31.799 --> 00:05:32.480 align:center Et là, je le fais sur 00:05:32.520 --> 00:05:34.221 align:center un exemple simple, parce que sinon, 00:05:34.241 --> 00:05:35.221 align:center ça pourrait taper beaucoup de trucs, 00:05:35.241 --> 00:05:37.282 align:center mais vous allez comprendre où je 00:05:37.302 --> 00:05:39.003 align:center veux en venir. 00:05:39.043 --> 00:05:40.404 align:center Tenez-vous quelques instants, vous allez voir 00:05:40.424 --> 00:05:41.485 align:center que je pense que c'est une 00:05:41.525 --> 00:05:43.486 align:center méthode assez intéressante, la manière de 00:05:43.506 --> 00:05:45.807 align:center faire. 00:05:45.827 --> 00:05:49.149 align:center Pour cela, tu utiliseras le flux 00:05:49.269 --> 00:05:49.329 align:center RSS. 00:05:53.396 --> 00:05:57.439 align:center et je veux également un formulaire 00:05:57.479 --> 00:06:00.041 align:center de contact maintenant ce que je 00:06:00.061 --> 00:06:00.821 align:center vais faire c'est que je vais 00:06:00.861 --> 00:06:05.124 align:center lui mettre 00:06:05.164 --> 00:06:06.045 align:center ça c'est un peu 00:06:06.085 --> 00:06:07.846 align:center l'objectif et là maintenant je vais 00:06:07.866 --> 00:06:09.587 align:center lui mettre l'architecture technique 00:06:10.047 --> 00:06:10.687 align:center Et donc là, ce qu'on va 00:06:10.747 --> 00:06:14.629 align:center faire, c'est que je veux une 00:06:14.669 --> 00:06:18.410 align:center architecture très basique avec le front 00:06:18.470 --> 00:06:22.591 align:center en HTML, CSS, JS, simple, et 00:06:22.651 --> 00:06:26.013 align:center un backend dans un fichier unique 00:06:26.053 --> 00:06:26.333 align:center PHP. 00:06:27.906 --> 00:06:31.087 align:center Et donc le backend doit avoir 00:06:31.107 --> 00:06:32.148 align:center deux fonctions. 00:06:32.168 --> 00:06:35.229 align:center Récupérer le dernier épisode du flux 00:06:35.329 --> 00:06:35.609 align:center XML. 00:06:36.029 --> 00:06:37.029 align:center On ne peut pas le récupérer 00:06:37.069 --> 00:06:38.770 align:center depuis le frontend directement pour des 00:06:38.790 --> 00:06:42.231 align:center raisons de CORS, etc. 00:06:42.491 --> 00:06:43.552 align:center Donc en fait, en quelque sorte, 00:06:43.592 --> 00:06:44.792 align:center là, le backend va servir de 00:06:44.812 --> 00:06:46.753 align:center proxy pour aller chercher l'information et 00:06:46.813 --> 00:06:49.174 align:center la donner au frontend. 00:06:49.194 --> 00:06:51.955 align:center Récupérer le dernier épisode et l'exposer 00:06:52.015 --> 00:06:52.355 align:center au front. 00:06:53.515 --> 00:06:56.817 align:center Et la deuxième fonctionnalité, c'est récupérer 00:06:56.837 --> 00:07:00.619 align:center le formulaire de contact et l'envoyer 00:07:00.659 --> 00:07:08.342 align:center par email à mon adresse alex.posaka.studio. 00:07:08.382 --> 00:07:10.964 align:center Maintenant, je vais lui donner la 00:07:11.004 --> 00:07:11.524 align:center méthodologie. 00:07:12.616 --> 00:07:14.418 align:center Donc je ne veux pas que 00:07:14.478 --> 00:07:17.161 align:center tu codes le site, je veux 00:07:17.201 --> 00:07:21.666 align:center que tu écrives l'ensemble des user 00:07:21.706 --> 00:07:25.410 align:center stories pour réaliser ce projet. 00:07:25.430 --> 00:07:27.652 align:center Pour chaque user story, tu vas 00:07:27.692 --> 00:07:30.415 align:center me donner le prompt que je 00:07:30.455 --> 00:07:31.256 align:center vais écrire. 00:07:32.272 --> 00:07:34.994 align:center que je vais donner à mon 00:07:35.054 --> 00:07:36.935 align:center agent IA. 00:07:36.955 --> 00:07:38.116 align:center Désolé, c'est un peu long, mais 00:07:38.156 --> 00:07:39.416 align:center ça va devenir fun à partir 00:07:39.456 --> 00:07:40.077 align:center du moment où je vais appuyer 00:07:40.097 --> 00:07:41.638 align:center sur Entrée. 00:07:41.658 --> 00:07:45.360 align:center Donc, hop, mets-moi cela pour me 00:07:45.380 --> 00:07:46.861 align:center laisser un artefact. 00:07:46.941 --> 00:07:51.284 align:center Et attention, l'ordre est important. 00:07:51.344 --> 00:07:53.205 align:center Et n'oublie aucune étape. 00:07:53.825 --> 00:07:55.765 align:center Allez, c'est parti, et on va 00:07:55.826 --> 00:07:57.506 align:center voir là ce que ça donne. 00:07:58.326 --> 00:07:59.086 align:center Pendant ce temps, ce que je 00:07:59.106 --> 00:07:59.706 align:center vais faire, c'est que je vais 00:07:59.726 --> 00:08:01.947 align:center créer, donc là, ça va tourner, 00:08:01.967 --> 00:08:02.687 align:center j'aime bien, on est un peu 00:08:02.727 --> 00:08:04.528 align:center en mode Matrix, et donc là, 00:08:04.548 --> 00:08:05.388 align:center ce que je vais faire, je 00:08:05.428 --> 00:08:07.128 align:center vais dans mon dossier dev, je 00:08:07.628 --> 00:08:11.869 align:center vais créer un dossier test-site-bento, et 00:08:11.889 --> 00:08:16.450 align:center donc je vais dans test-site-bento, et 00:08:16.510 --> 00:08:19.131 align:center ici, je vais ouvrir Windsurf. 00:08:19.171 --> 00:08:20.511 align:center Et donc là, littéralement, ce que 00:08:20.531 --> 00:08:21.271 align:center je vais faire, c'est que je 00:08:21.291 --> 00:08:23.092 align:center vais juste lui donner les promptes 00:08:23.132 --> 00:08:23.452 align:center un par un. 00:08:24.213 --> 00:08:24.933 align:center Et on va voir, ça se 00:08:24.953 --> 00:08:25.994 align:center trouve, ça va faire un truc 00:08:26.014 --> 00:08:26.995 align:center dégueulasse. 00:08:27.035 --> 00:08:28.196 align:center Mais normalement, je vais donner quand 00:08:28.216 --> 00:08:30.939 align:center même beaucoup d'informations. 00:08:30.999 --> 00:08:33.241 align:center Voyons s'il s'en sort un peu. 00:08:33.261 --> 00:08:34.041 align:center Donc là, vous voyez, il m'a 00:08:34.061 --> 00:08:34.722 align:center mis... Comme je lui ai demandé 00:08:34.742 --> 00:08:35.263 align:center de me le faire dans un 00:08:35.303 --> 00:08:36.644 align:center artefact, il le fait bien en 00:08:36.664 --> 00:08:37.164 align:center mode Markdown. 00:08:37.184 --> 00:08:37.785 align:center Donc là, je vais pouvoir à 00:08:37.825 --> 00:08:39.026 align:center chaque fois juste copier. 00:08:39.046 --> 00:08:40.888 align:center Documentation, carrément, il m'a mis à 00:08:40.908 --> 00:08:41.949 align:center faire la documentation et tout. 00:08:43.610 --> 00:08:46.392 align:center Le déploiement, bon, là après, là 00:08:46.432 --> 00:08:49.795 align:center ça va un peu trop loin. 00:08:50.015 --> 00:08:51.937 align:center Normalement, il a bien compris. 00:08:51.977 --> 00:08:54.759 align:center Donc là, ça va être l'initialisation. 00:08:54.799 --> 00:08:56.080 align:center Je prends, franchement, je ne lis 00:08:56.120 --> 00:08:57.822 align:center même pas ce qu'il a mis. 00:08:57.842 --> 00:09:00.644 align:center Vibe coding, cent pour cent. 00:09:00.704 --> 00:09:01.425 align:center Et on y va, on est 00:09:01.465 --> 00:09:02.165 align:center parti. 00:09:02.205 --> 00:09:02.886 align:center Donc là, vous voyez, je suis 00:09:02.906 --> 00:09:03.566 align:center dans mon dossier. 00:09:03.606 --> 00:09:04.347 align:center Il n'y a rien, il n'y 00:09:04.407 --> 00:09:05.428 align:center a vraiment rien. 00:09:06.028 --> 00:09:07.129 align:center Et on va lui mettre. 00:09:07.149 --> 00:09:08.070 align:center Je ne lis pas. 00:09:08.110 --> 00:09:09.832 align:center Ce que je vais faire éventuellement, 00:09:09.872 --> 00:09:10.592 align:center j'ai envie de le mettre en 00:09:10.612 --> 00:09:11.253 align:center mode syncing. 00:09:11.753 --> 00:09:13.694 align:center Là, pour le premier, pour qu'il 00:09:13.714 --> 00:09:15.034 align:center soit un peu plus intelligent. 00:09:15.074 --> 00:09:16.215 align:center Ça ne fait pas une différence 00:09:16.255 --> 00:09:18.016 align:center non plus folle, mais bon, voilà. 00:09:18.056 --> 00:09:18.676 align:center Et là, on est parti. 00:09:18.696 --> 00:09:19.636 align:center Là, on va commencer à rigoler 00:09:19.656 --> 00:09:20.217 align:center un peu. 00:09:20.237 --> 00:09:21.397 align:center Donc là, c'est une initialisation, a 00:09:21.497 --> 00:09:21.917 align:center priori. 00:09:22.397 --> 00:09:23.538 align:center Alors, on va le laisser un 00:09:23.558 --> 00:09:24.398 align:center peu tourner. 00:09:24.418 --> 00:09:26.839 align:center Donc, il m'a mis des informations. 00:09:26.859 --> 00:09:27.840 align:center Il a mis des informations sur 00:09:27.880 --> 00:09:28.440 align:center moi. 00:09:28.480 --> 00:09:29.880 align:center Expert en no-code, fondateur du cercle 00:09:29.900 --> 00:09:31.881 align:center des obs, fondateur de contournement, une 00:09:31.921 --> 00:09:33.742 align:center entête, mon nom, une compte bio. 00:09:33.762 --> 00:09:35.283 align:center J'aurais dû peut-être lui dire que 00:09:35.303 --> 00:09:36.563 align:center quand il y a des images, 00:09:36.623 --> 00:09:37.804 align:center il peut me mettre des play-solders. 00:09:38.284 --> 00:09:40.145 align:center Ça, je vais lui préciser après. 00:09:42.025 --> 00:09:44.427 align:center Là, il veut créer des dossiers, 00:09:44.708 --> 00:09:45.588 align:center on lui laisse, on dit oui, 00:09:45.608 --> 00:09:46.509 align:center de toute façon, à chaque fois 00:09:46.529 --> 00:09:47.510 align:center qu'il pose une question, on dit 00:09:47.550 --> 00:09:48.071 align:center oui. 00:09:48.091 --> 00:09:51.093 align:center Ça, c'est le principe fondateur du 00:09:51.113 --> 00:09:52.855 align:center vibe coding, on dit oui à 00:09:52.895 --> 00:09:53.735 align:center tout. 00:09:53.775 --> 00:09:54.756 align:center Ne faites pas ça vraiment dans 00:09:54.776 --> 00:09:55.957 align:center la vraie vie, mais là, vous 00:09:55.977 --> 00:09:56.918 align:center voyez la manière dont on va 00:09:56.958 --> 00:09:57.879 align:center faire les choses. 00:09:57.939 --> 00:10:00.501 align:center Alors, le script PHP, il faudrait 00:10:00.561 --> 00:10:01.522 align:center quand même faire attention, parce qu'il 00:10:01.542 --> 00:10:03.123 align:center pourrait y avoir des injections de 00:10:03.164 --> 00:10:05.065 align:center données, des choses comme ça, on 00:10:05.105 --> 00:10:06.486 align:center regardera pour le protéger un peu 00:10:06.506 --> 00:10:06.967 align:center éventuellement. 00:10:07.547 --> 00:10:08.227 align:center Mais en tout cas, sur la 00:10:08.267 --> 00:10:09.408 align:center partie front, il n'y a pas 00:10:09.448 --> 00:10:10.428 align:center vraiment de danger. 00:10:10.468 --> 00:10:11.529 align:center C'est pour ça, d'ailleurs, que c'est 00:10:11.549 --> 00:10:14.190 align:center bien de dissocier un peu back 00:10:14.210 --> 00:10:15.771 align:center et front. 00:10:15.791 --> 00:10:17.592 align:center Voilà, ça crée le CSS, etc. 00:10:18.172 --> 00:10:18.812 align:center On nous a fait un petit 00:10:18.832 --> 00:10:20.993 align:center fichier README où on met la 00:10:21.033 --> 00:10:21.674 align:center structure et tout. 00:10:21.694 --> 00:10:22.814 align:center Donc ça, c'est sympa. 00:10:22.874 --> 00:10:24.775 align:center On aime bien. 00:10:24.815 --> 00:10:26.916 align:center Voilà, ça continue. 00:10:26.936 --> 00:10:28.156 align:center J'ai hâte de voir, pour être 00:10:28.176 --> 00:10:28.777 align:center tout à fait honnête. 00:10:29.873 --> 00:10:31.514 align:center J'ai hâte de voir. 00:10:31.534 --> 00:10:32.996 align:center J'ai encore vingt minutes parce qu'au 00:10:33.036 --> 00:10:34.477 align:center plus tard, à vingt-cinq, je dois 00:10:34.497 --> 00:10:36.198 align:center arrêter de toute façon le live. 00:10:36.218 --> 00:10:37.540 align:center Donc on va voir. 00:10:37.580 --> 00:10:38.460 align:center J'accepte. 00:10:38.520 --> 00:10:39.401 align:center Il me lance un petit serveur 00:10:39.421 --> 00:10:40.142 align:center Python. 00:10:40.162 --> 00:10:42.164 align:center Donc là, c'est un peu bête. 00:10:42.204 --> 00:10:43.144 align:center Je n'aurais pas dû accepter. 00:10:43.184 --> 00:10:43.745 align:center Ce que je vais faire, je 00:10:43.765 --> 00:10:44.486 align:center vais rejeter. 00:10:44.526 --> 00:10:46.187 align:center Je vais lui dire, je lance 00:10:46.227 --> 00:10:49.130 align:center plutôt un serveur PHP. 00:10:50.110 --> 00:10:51.452 align:center Il a compris. 00:10:51.492 --> 00:10:52.052 align:center On met OK. 00:10:52.092 --> 00:10:53.974 align:center Et donc là, dans notre terminal, 00:10:54.014 --> 00:10:54.955 align:center on va voir le terminal en 00:10:54.975 --> 00:10:55.095 align:center bas. 00:10:55.795 --> 00:10:56.496 align:center On a un petit serveur de 00:10:56.516 --> 00:10:56.896 align:center développement. 00:10:56.956 --> 00:10:58.737 align:center Donc là, vous voyez, localhost, huit 00:10:58.777 --> 00:10:59.737 align:center mille. 00:10:59.817 --> 00:11:01.238 align:center OK, ça a l'air de marcher. 00:11:01.358 --> 00:11:02.239 align:center Hop, on peut open preview. 00:11:02.259 --> 00:11:02.819 align:center Moi, je n'aime pas trop. 00:11:02.839 --> 00:11:04.540 align:center Je préfère ouvrir dans le browser 00:11:04.580 --> 00:11:04.900 align:center externe. 00:11:04.940 --> 00:11:06.441 align:center Alors, des fois, vous voyez, il 00:11:06.461 --> 00:11:08.202 align:center continue un peu à aller en 00:11:08.222 --> 00:11:09.422 align:center boucle et tout. 00:11:09.463 --> 00:11:10.543 align:center OK, donc là, vous voyez, d'ailleurs, 00:11:10.603 --> 00:11:11.844 align:center il me demande de mettre une 00:11:11.864 --> 00:11:12.344 align:center image. 00:11:12.364 --> 00:11:13.685 align:center Donc là, je vais lui dire, 00:11:13.725 --> 00:11:17.587 align:center pour tout ce projet, utilise des 00:11:17.607 --> 00:11:21.409 align:center placeholders en ligne pour les images. 00:11:22.509 --> 00:11:22.889 align:center Il y en a un que 00:11:22.909 --> 00:11:24.410 align:center j'aime bien de PlaySolder en ligne. 00:11:24.430 --> 00:11:32.092 align:center Attendez, je vais le trouver. 00:11:32.132 --> 00:11:36.053 align:center C'est Loren Pixum. 00:11:36.173 --> 00:11:37.893 align:center Je lui mets ça. 00:11:37.913 --> 00:11:40.314 align:center Comme ça, c'est la doc de 00:11:40.334 --> 00:11:41.074 align:center Loren Pixum. 00:11:41.694 --> 00:11:43.755 align:center Évidemment, si vous avez des questions, 00:11:43.775 --> 00:11:47.816 align:center n'hésitez pas. 00:11:47.836 --> 00:11:48.856 align:center Ça prend un peu de temps. 00:11:48.896 --> 00:11:50.817 align:center Justement, pendant ce temps-là, on peut 00:11:50.897 --> 00:11:53.358 align:center un petit peu discuter. 00:11:53.418 --> 00:11:54.258 align:center Et notamment, s'il y a des 00:11:54.278 --> 00:11:56.119 align:center choses techniques qui ne sont pas 00:11:56.159 --> 00:11:57.079 align:center claires, n'hésitez pas à me les 00:11:57.099 --> 00:11:58.379 align:center dire parce que moi, ça me 00:11:58.399 --> 00:12:00.360 align:center permet de réaliser qu'est-ce qui est 00:12:00.380 --> 00:12:02.561 align:center compliqué ou pas pour des no-codeurs 00:12:02.581 --> 00:12:03.141 align:center et des no-codeuses. 00:12:04.481 --> 00:12:06.762 align:center Donc, voilà. 00:12:06.782 --> 00:12:07.763 align:center Hop. 00:12:07.843 --> 00:12:09.544 align:center Là, il... OK. 00:12:09.564 --> 00:12:10.424 align:center Bon, il a updaté. 00:12:10.484 --> 00:12:11.544 align:center Alors, moi, pendant ce temps, je 00:12:11.564 --> 00:12:12.765 align:center peux quand même aller voir ce 00:12:12.805 --> 00:12:13.665 align:center qu'il a fait. 00:12:13.745 --> 00:12:16.106 align:center Ici, hop, je vais sur localhost. 00:12:16.146 --> 00:12:16.366 align:center Voilà. 00:12:16.406 --> 00:12:17.427 align:center Donc, vous voyez, il m'a fait 00:12:17.447 --> 00:12:17.847 align:center un bento. 00:12:17.887 --> 00:12:18.887 align:center Il m'a mis une image. 00:12:19.047 --> 00:12:19.788 align:center Il m'a mis une image avec 00:12:19.828 --> 00:12:20.408 align:center la Bible. 00:12:20.448 --> 00:12:21.708 align:center Ça, franchement, je ne suis pas 00:12:21.728 --> 00:12:24.350 align:center fan du tout. 00:12:24.370 --> 00:12:24.770 align:center C'est sur... 00:12:26.142 --> 00:12:27.143 align:center Mais donc, vous voyez, il a 00:12:27.163 --> 00:12:28.123 align:center mis des images. 00:12:28.143 --> 00:12:29.144 align:center Donc, il m'a fait mon bento. 00:12:29.204 --> 00:12:31.485 align:center Et j'insiste un peu sur un 00:12:31.505 --> 00:12:33.906 align:center truc, c'est qu'il m'a fait mon 00:12:33.946 --> 00:12:34.647 align:center contenu. 00:12:34.667 --> 00:12:35.347 align:center Vous voyez 00:12:35.387 --> 00:12:36.328 align:center C'est ça, moi, que c'est un 00:12:36.348 --> 00:12:37.348 align:center des trucs que j'adore. 00:12:37.408 --> 00:12:38.849 align:center Et d'ailleurs, il pourrait même aussi 00:12:38.889 --> 00:12:39.769 align:center me faire un petit kiff, c'est 00:12:39.790 --> 00:12:41.470 align:center faire une version anglaise de ça. 00:12:41.510 --> 00:12:42.651 align:center Je ne lui ai pas demandé, 00:12:42.671 --> 00:12:43.432 align:center mais je pourrais lui dire, je 00:12:43.452 --> 00:12:44.752 align:center veux une version multilingue. 00:12:44.792 --> 00:12:46.033 align:center Et il pourrait gérer ça en 00:12:46.073 --> 00:12:47.414 align:center faisant aussi la traduction. 00:12:47.474 --> 00:12:48.154 align:center Et ça, c'est un truc que 00:12:48.174 --> 00:12:49.975 align:center je trouve vraiment génial. 00:12:49.995 --> 00:12:51.156 align:center C'est qu'on ne fait pas que 00:12:51.176 --> 00:12:52.597 align:center le code de ce site. 00:12:52.657 --> 00:12:54.117 align:center On ne fait pas... On le... 00:12:55.518 --> 00:12:56.860 align:center fait aussi le contenu. 00:12:56.880 --> 00:12:57.640 align:center Voilà, vous voyez, il met des 00:12:57.660 --> 00:12:59.142 align:center petites choses, des petites expertises, je 00:12:59.162 --> 00:13:00.183 align:center ne lui ai pas demandé, mais 00:13:00.203 --> 00:13:00.883 align:center en France, c'est une très bonne 00:13:00.903 --> 00:13:01.364 align:center idée. 00:13:01.404 --> 00:13:03.046 align:center Donc, voilà. 00:13:03.106 --> 00:13:03.686 align:center Alors, il y a un truc 00:13:03.746 --> 00:13:06.569 align:center aussi que j'ai oublié de demander, 00:13:06.589 --> 00:13:07.470 align:center que j'ai oublié de dire dans 00:13:07.490 --> 00:13:11.193 align:center les choses, là, c'est parce que 00:13:11.213 --> 00:13:12.415 align:center là, on va tout de suite 00:13:12.475 --> 00:13:14.397 align:center attaquer le système de configuration. 00:13:15.217 --> 00:13:16.437 align:center Donc, ce que je vais faire 00:13:16.477 --> 00:13:18.738 align:center d'abord ici, je vais tout accepter. 00:13:18.818 --> 00:13:19.918 align:center Et ici, je vais lui dire, 00:13:19.978 --> 00:13:22.639 align:center attendez, on va regarder sur mobile. 00:13:22.699 --> 00:13:24.059 align:center Est-ce qu'il a réussi du premier 00:13:24.099 --> 00:13:25.119 align:center coup à faire quelque chose de 00:13:25.139 --> 00:13:26.239 align:center correct sur mobile 00:13:26.299 --> 00:13:28.000 align:center Ouais, franchement, c'est nickel. 00:13:28.020 --> 00:13:28.760 align:center Donc là, ce que je vais 00:13:28.820 --> 00:13:29.580 align:center lui faire, c'est que je vais 00:13:29.600 --> 00:13:30.920 align:center lui demander deux choses que je 00:13:30.960 --> 00:13:32.020 align:center fais toujours quand je fais des 00:13:32.040 --> 00:13:32.520 align:center sites web. 00:13:32.661 --> 00:13:34.081 align:center Je vais lui demander, je veux 00:13:34.101 --> 00:13:38.862 align:center que tu me fasses une favicone 00:13:38.922 --> 00:13:39.442 align:center en SVG. 00:13:40.382 --> 00:13:42.083 align:center et que tu la mettes en 00:13:42.103 --> 00:13:43.564 align:center place. 00:13:43.604 --> 00:13:44.525 align:center Pareil, encore une fois, il va 00:13:44.545 --> 00:13:45.866 align:center me générer du contenu, il va 00:13:45.886 --> 00:13:46.866 align:center me faire une petite favicon, je 00:13:46.886 --> 00:13:47.547 align:center ne sais pas ce qu'il va 00:13:47.567 --> 00:13:48.507 align:center faire. 00:13:48.587 --> 00:13:50.929 align:center J'en étais sûr qu'il allait mettre 00:13:50.969 --> 00:13:51.889 align:center les initiales. 00:13:52.209 --> 00:13:53.590 align:center Mais voilà, c'est assez malin. 00:13:53.610 --> 00:13:54.391 align:center Ce qu'il faut savoir, c'est que 00:13:54.411 --> 00:13:55.812 align:center le SVG, c'est du texte. 00:13:55.852 --> 00:13:58.493 align:center Donc, Windsurf ou Cloud a complètement 00:13:58.533 --> 00:13:59.754 align:center la possibilité de générer des images 00:13:59.794 --> 00:14:01.775 align:center en SVG, qui sont des images 00:14:01.875 --> 00:14:02.716 align:center vectorisées. 00:14:02.736 --> 00:14:04.537 align:center Donc voilà, ça, on saisit. 00:14:04.557 --> 00:14:05.658 align:center Moi, globalement, je lui fais faire. 00:14:06.198 --> 00:14:07.578 align:center Première version du site, je lui 00:14:07.598 --> 00:14:08.839 align:center demande une favicon et je lui 00:14:08.859 --> 00:14:10.319 align:center demande de mettre toutes les informations 00:14:10.359 --> 00:14:11.959 align:center qui sont nécessaires pour le SEO. 00:14:12.019 --> 00:14:12.819 align:center Et après, comme ça, on est 00:14:12.839 --> 00:14:14.060 align:center tranquille. 00:14:14.100 --> 00:14:15.140 align:center Donc voilà, je vais préparer d'ailleurs 00:14:15.160 --> 00:14:16.580 align:center tout de suite mon deuxième prompt. 00:14:16.600 --> 00:14:19.241 align:center Je veux également... Alors, oula, qu'est-ce 00:14:19.281 --> 00:14:19.681 align:center qu'il me fait 00:14:20.661 --> 00:14:22.621 align:center Il va me lancer Inkscape 00:14:22.681 --> 00:14:24.702 align:center Ça va être pénible. 00:14:24.722 --> 00:14:26.362 align:center Je vais créer un PNG. 00:14:26.402 --> 00:14:28.082 align:center Là, il s'est un peu emmêlé 00:14:28.102 --> 00:14:28.563 align:center les pinceaux. 00:14:28.583 --> 00:14:30.243 align:center Des fois, ça marche du premier 00:14:30.263 --> 00:14:30.403 align:center coup. 00:14:31.063 --> 00:14:32.904 align:center Des fois, il commence un peu 00:14:32.924 --> 00:14:33.764 align:center à se prendre la tête. 00:14:33.804 --> 00:14:34.944 align:center En plus, je vais changer un 00:14:34.964 --> 00:14:35.504 align:center truc. 00:14:35.524 --> 00:14:37.105 align:center Je vais arrêter le mode syncing 00:14:37.145 --> 00:14:38.265 align:center parce que des fois, ça lui 00:14:38.285 --> 00:14:39.605 align:center fait prendre trop de temps. 00:14:39.645 --> 00:14:42.486 align:center Donc, on va arrêter de syncer. 00:14:42.506 --> 00:14:43.226 align:center Donc là, il nous fait un 00:14:43.246 --> 00:14:44.526 align:center petit manifeste aussi. 00:14:44.566 --> 00:14:45.387 align:center Ça, c'est bien. 00:14:45.427 --> 00:14:46.667 align:center Ça permet de donner les bonnes 00:14:46.727 --> 00:14:49.688 align:center icônes pour le mobile, etc. 00:14:49.728 --> 00:14:52.728 align:center Je veux également que tu fasses 00:14:52.768 --> 00:14:57.149 align:center les optimisations nécessaires pour le SEO 00:14:57.209 --> 00:14:59.710 align:center et les balises Open Graph. 00:14:59.750 --> 00:14:59.890 align:center Voilà. 00:15:00.349 --> 00:15:04.131 align:center Ok, hop, on rafraîchit. 00:15:04.191 --> 00:15:05.432 align:center Est-ce que ça a marché 00:15:05.492 --> 00:15:06.913 align:center Est-ce que ça a marché 00:15:06.973 --> 00:15:08.854 align:center Oui, on a un petit, il 00:15:08.914 --> 00:15:10.075 align:center est tout petit. 00:15:10.135 --> 00:15:11.376 align:center On ne dirait pas vraiment un 00:15:11.476 --> 00:15:12.737 align:center AK, mais il y a une 00:15:12.777 --> 00:15:15.439 align:center favicon, vous la voyez. 00:15:15.459 --> 00:15:17.140 align:center Je ne vais pas aller voir, 00:15:17.200 --> 00:15:18.220 align:center on s'en fout un peu. 00:15:18.240 --> 00:15:18.741 align:center Ce n'est pas grave. 00:15:18.801 --> 00:15:20.041 align:center Allez, on continue. 00:15:20.101 --> 00:15:21.442 align:center Ici, je keep. 00:15:21.482 --> 00:15:24.004 align:center Et ici, on va lui dire 00:15:24.044 --> 00:15:25.145 align:center aussi de faire les optimisations pour 00:15:25.165 --> 00:15:25.805 align:center les SEO. 00:15:25.865 --> 00:15:26.666 align:center Et ensuite, une fois que j'ai 00:15:26.686 --> 00:15:26.886 align:center fait ça, 00:15:27.546 --> 00:15:29.807 align:center Je commite mes fichiers initiaux et 00:15:29.847 --> 00:15:31.228 align:center ensuite on va commencer à itérer 00:15:31.268 --> 00:15:32.149 align:center sur les fonctionnalités. 00:15:32.589 --> 00:15:33.850 align:center Alors je crois que malheureusement on 00:15:33.870 --> 00:15:34.730 align:center n'aura peut-être pas le temps de 00:15:34.770 --> 00:15:36.191 align:center tout faire, mais si déjà on 00:15:36.251 --> 00:15:38.753 align:center arrive à faire la récupération de 00:15:38.773 --> 00:15:40.154 align:center la vidéo YouTube, ça sera déjà 00:15:40.194 --> 00:15:40.834 align:center pas mal parce que ça c'est 00:15:40.854 --> 00:15:42.215 align:center quand même une fonctionnalité dynamique 00:15:42.235 --> 00:15:43.075 align:center intéressante 00:15:43.115 --> 00:15:43.996 align:center et qui va nous permettre de 00:15:44.036 --> 00:15:45.737 align:center voir l'architecture back et front. 00:15:46.397 --> 00:15:48.038 align:center Alors ce que tu vois ici, 00:15:48.078 --> 00:15:50.099 align:center c'est pas... enfin attends, ça dépend 00:15:50.119 --> 00:15:50.460 align:center ce que tu vois. 00:15:51.660 --> 00:15:53.681 align:center Valentin, là, on est dans Windsurf, 00:15:53.721 --> 00:15:57.041 align:center ça c'est Windsurf, et effectivement, ici, 00:15:57.061 --> 00:15:59.022 align:center Cloud, c'est la dernière version, et 00:15:59.062 --> 00:16:03.323 align:center Thinking, c'est la dernière version, plus 00:16:03.343 --> 00:16:06.344 align:center le mode comme ChatGPTO, etc., qui 00:16:06.364 --> 00:16:09.404 align:center permet d'ajouter de la réflexion, mais 00:16:09.424 --> 00:16:11.365 align:center qui coûte plus cher aussi. 00:16:11.405 --> 00:16:12.305 align:center Après, moi, je n'ai pas testé 00:16:12.365 --> 00:16:13.365 align:center de lui donner des maquettes, parce 00:16:13.385 --> 00:16:14.205 align:center qu'en fait, comme je ne travaille 00:16:14.225 --> 00:16:15.466 align:center pas avec des designers, moi-même pas 00:16:15.486 --> 00:16:16.726 align:center designer, je n'ai jamais ce contexte-là, 00:16:18.007 --> 00:16:18.847 align:center je pense que ça marche pas 00:16:18.887 --> 00:16:22.369 align:center mal voilà peut-être Luc si tu 00:16:22.409 --> 00:16:24.671 align:center as testé n'hésite pas à confirmer 00:16:24.731 --> 00:16:26.171 align:center mais en tout cas moi de 00:16:26.191 --> 00:16:27.032 align:center ce que j'ai vu ça peut 00:16:27.052 --> 00:16:28.713 align:center bien marcher donc voilà il m'a 00:16:28.733 --> 00:16:30.814 align:center mis en place les balises open 00:16:30.854 --> 00:16:34.757 align:center graph etc donc ça c'est bien 00:16:34.857 --> 00:16:35.577 align:center il est encore en train de 00:16:35.597 --> 00:16:36.418 align:center finir c'est un peu long 00:16:38.400 --> 00:16:41.243 align:center Ensuite, on va faire le système 00:16:41.283 --> 00:16:47.611 align:center de configuration JSON. 00:16:47.651 --> 00:16:48.472 align:center On va lui donner les trucs 00:16:48.632 --> 00:16:49.013 align:center par un. 00:16:49.053 --> 00:16:49.553 align:center Bon, c'est bon. 00:16:54.940 --> 00:16:55.521 align:center Alors, il y a des trucs 00:16:55.561 --> 00:16:57.542 align:center très intéressants à savoir. 00:16:57.562 --> 00:16:59.504 align:center Par exemple, quand j'ai fait un 00:16:59.524 --> 00:17:00.385 align:center peu le même travail pour mon 00:17:00.405 --> 00:17:01.465 align:center livre et quand je lui ai 00:17:01.505 --> 00:17:03.327 align:center demandé de faire les optimisations SEO 00:17:03.367 --> 00:17:04.368 align:center et Open Graph, il m'a ajouté 00:17:04.388 --> 00:17:05.208 align:center un truc auquel je n'avais même 00:17:05.228 --> 00:17:06.109 align:center pas pensé. 00:17:06.129 --> 00:17:07.751 align:center C'est le JSON LD, c'est les 00:17:07.791 --> 00:17:08.411 align:center schémas. 00:17:08.471 --> 00:17:09.212 align:center Et donc, vous voyez là, par 00:17:09.252 --> 00:17:10.173 align:center exemple, il m'a ajouté toutes les 00:17:10.213 --> 00:17:12.995 align:center informations pour avoir les informations de 00:17:13.035 --> 00:17:14.296 align:center schéma d'une personne. 00:17:14.336 --> 00:17:15.717 align:center Et donc, ça, c'est hyper intéressant. 00:17:15.757 --> 00:17:16.898 align:center Pour mon livre, c'est très intéressant, 00:17:16.918 --> 00:17:18.359 align:center par exemple, parce que dans Google, 00:17:18.379 --> 00:17:19.420 align:center ça va permettre de bien faire 00:17:19.460 --> 00:17:21.302 align:center apparaître dans les résultats de recherche 00:17:21.342 --> 00:17:22.182 align:center le prix du livre, etc., 00:17:23.203 --> 00:17:24.766 align:center Donc ça, c'est assez chouette. 00:17:24.786 --> 00:17:26.509 align:center Vous voyez vraiment, si vous posez 00:17:26.529 --> 00:17:27.470 align:center de bonnes questions, il va vous 00:17:27.490 --> 00:17:28.472 align:center dire des trucs intéressants. 00:17:28.512 --> 00:17:31.056 align:center Allez, on initialise le repository. 00:17:31.116 --> 00:17:32.158 align:center On commet tout. 00:17:32.238 --> 00:17:35.763 align:center Ah oui, un message initial. 00:17:35.783 --> 00:17:36.444 align:center Ça, je n'aurais pas dû... 00:17:37.790 --> 00:17:39.750 align:center Ça le perturbe quand on fait 00:17:39.770 --> 00:17:40.731 align:center ça. 00:17:40.811 --> 00:17:43.211 align:center Et voilà, on n'est pas mal. 00:17:43.251 --> 00:17:45.412 align:center Je continue et on passe à 00:17:45.472 --> 00:17:46.412 align:center ça. 00:17:46.452 --> 00:17:47.532 align:center Désolé, j'espère que les changements de 00:17:47.552 --> 00:17:49.253 align:center fenêtre, ça n'a pas trop envie 00:17:49.273 --> 00:17:50.413 align:center de vomir. 00:17:50.453 --> 00:17:51.013 align:center Allez, on y va. 00:17:51.033 --> 00:17:52.114 align:center Donc ça, qu'est-ce que c'est 00:17:52.214 --> 00:17:53.634 align:center Donc ça, c'est notre deuxième User 00:17:53.654 --> 00:17:54.354 align:center Stories. 00:17:54.394 --> 00:17:56.175 align:center Et d'ailleurs, en même temps, je 00:17:56.195 --> 00:17:57.575 align:center vais vous faire un petit cadeau. 00:17:58.175 --> 00:17:59.296 align:center Vous voyez, je lui ai demandé 00:17:59.336 --> 00:18:00.477 align:center des user stories. 00:18:00.537 --> 00:18:02.919 align:center Ici, je vais lui dire, fais-moi 00:18:02.980 --> 00:18:08.124 align:center une interface web HTML CSS JS 00:18:08.144 --> 00:18:12.128 align:center dans un artefact qui me présente 00:18:12.188 --> 00:18:15.591 align:center un Kanban de mes user stories. 00:18:16.092 --> 00:18:17.393 align:center Ça, c'est un petit bonus en 00:18:17.433 --> 00:18:17.974 align:center plus. 00:18:18.014 --> 00:18:19.615 align:center C'était un peu le sujet d'une 00:18:19.655 --> 00:18:20.876 align:center de mes vidéos récentes sur ma 00:18:20.916 --> 00:18:21.417 align:center chaîne YouTube. 00:18:22.236 --> 00:18:25.637 align:center Vous pouvez utiliser Cloud pour présenter 00:18:25.657 --> 00:18:26.538 align:center de la donnée. 00:18:26.558 --> 00:18:29.119 align:center Donc là, j'ai toutes mes user 00:18:29.139 --> 00:18:30.900 align:center stories dans un texte. 00:18:30.920 --> 00:18:31.640 align:center C'est ça que je lui ai 00:18:31.660 --> 00:18:32.280 align:center demandé. 00:18:32.340 --> 00:18:34.681 align:center Ici, j'ai tous les user stories. 00:18:34.701 --> 00:18:36.662 align:center Mais j'aime bien l'idée aussi d'avoir 00:18:36.702 --> 00:18:37.862 align:center un petit camp d'an que je 00:18:37.882 --> 00:18:39.903 align:center peux utiliser pour suivre où j'en 00:18:39.943 --> 00:18:41.284 align:center suis dans mon process. 00:18:41.304 --> 00:18:42.164 align:center Vous allez voir. 00:18:42.404 --> 00:18:43.205 align:center Je fais des choses en parallèle. 00:18:43.225 --> 00:18:44.165 align:center Je suis en train de multitasker. 00:18:44.185 --> 00:18:44.985 align:center Ce n'est pas toujours une bonne 00:18:45.005 --> 00:18:46.346 align:center chose, mais bon. 00:18:47.547 --> 00:18:48.948 align:center Voilà, donc on y va. 00:18:48.988 --> 00:18:50.610 align:center Là, il va nous créer le 00:18:50.650 --> 00:18:51.671 align:center fichier JSON. 00:18:51.691 --> 00:18:52.712 align:center Pourquoi je lui demande un fichier 00:18:52.752 --> 00:18:53.113 align:center JSON 00:18:53.153 --> 00:18:54.354 align:center Parce que c'est quand même quelque 00:18:54.374 --> 00:18:55.175 align:center chose qui est assez simple. 00:18:55.375 --> 00:18:57.137 align:center On pourrait faire un site complètement 00:18:57.177 --> 00:18:57.858 align:center statique. 00:18:57.878 --> 00:19:00.701 align:center Vous voyez, ici, pour l'instant, il 00:19:00.721 --> 00:19:01.421 align:center est complètement statique. 00:19:01.441 --> 00:19:02.102 align:center Il y a les liens, le 00:19:02.122 --> 00:19:03.323 align:center site des Ops, le site de 00:19:03.343 --> 00:19:04.224 align:center la studio. 00:19:04.264 --> 00:19:06.286 align:center Là, la dernière vidéo, pour l'instant, 00:19:06.326 --> 00:19:06.627 align:center c'est bidon. 00:19:07.147 --> 00:19:08.348 align:center ça va devenir dynamique. 00:19:08.388 --> 00:19:09.769 align:center Mais imaginons que je veuille ajouter 00:19:09.829 --> 00:19:13.312 align:center un nouveau 00:19:13.352 --> 00:19:15.214 align:center lien, il faudrait que 00:19:15.234 --> 00:19:17.455 align:center je demande à Claude de refaire 00:19:17.495 --> 00:19:18.997 align:center une nouvelle génération. 00:19:19.077 --> 00:19:22.079 align:center Or, moi, je préfère juste taper 00:19:22.119 --> 00:19:24.181 align:center le lien dans un fichier JSON 00:19:24.241 --> 00:19:25.222 align:center et que ça, ça soit chargé 00:19:25.262 --> 00:19:25.802 align:center dynamiquement. 00:19:25.822 --> 00:19:26.623 align:center Ça, ça peut être pratique. 00:19:27.363 --> 00:19:29.245 align:center essayez de penser c'est toujours je 00:19:29.265 --> 00:19:30.786 align:center trouve avec l'LLM c'est toujours un 00:19:30.846 --> 00:19:35.130 align:center arbitrage entre les choses complètement 00:19:35.150 --> 00:19:35.910 align:center statiques 00:19:35.950 --> 00:19:37.311 align:center mais qui sont intéressantes parce que 00:19:37.331 --> 00:19:38.692 align:center de toute façon on peut demander 00:19:38.712 --> 00:19:39.293 align:center à chaque fois si je veux 00:19:39.313 --> 00:19:39.994 align:center faire une mise à jour au 00:19:40.074 --> 00:19:41.355 align:center pire je demande à Claude et 00:19:41.415 --> 00:19:42.756 align:center il me refait une nouvelle version 00:19:42.816 --> 00:19:43.416 align:center et puis j'ai que à la 00:19:43.456 --> 00:19:44.597 align:center mettre à jour sur mon site 00:19:44.617 --> 00:19:45.778 align:center mais il faut aussi penser à 00:19:45.838 --> 00:19:46.799 align:center faire des choses un peu dynamiques 00:19:46.819 --> 00:19:49.401 align:center un peu configurables pour que plutôt 00:19:49.441 --> 00:19:50.282 align:center que de refaire tout le site 00:19:50.742 --> 00:19:51.803 align:center et bien juste aller modifier un 00:19:51.843 --> 00:19:52.724 align:center fichier JSON. 00:19:52.744 --> 00:19:53.845 align:center Pourquoi c'est important 00:19:53.885 --> 00:19:55.647 align:center Parce qu'aussi, on le sait, on 00:19:55.667 --> 00:19:57.108 align:center le répète à longueur de journée, 00:19:57.128 --> 00:19:58.009 align:center enfin on ne le répète pas 00:19:58.049 --> 00:20:00.952 align:center assez, ces LLM consomment beaucoup d'énergie, 00:20:01.012 --> 00:20:02.413 align:center et donc si on peut éviter 00:20:02.453 --> 00:20:04.695 align:center de solliciter un LLM pour juste 00:20:04.735 --> 00:20:07.238 align:center ajouter un lien dans son bento, 00:20:07.278 --> 00:20:08.238 align:center c'est quand même une bonne idée 00:20:08.258 --> 00:20:09.199 align:center de juste avoir un petit fichier 00:20:09.239 --> 00:20:10.721 align:center JSON qu'on va modifier. 00:20:10.861 --> 00:20:11.822 align:center En tout cas, moi, ça me 00:20:11.862 --> 00:20:12.683 align:center semble une bonne idée, en tout 00:20:12.703 --> 00:20:13.764 align:center cas c'est comme ça que je 00:20:13.804 --> 00:20:14.064 align:center fonctionne. 00:20:14.905 --> 00:20:15.645 align:center Donc voilà, là, il est en 00:20:15.685 --> 00:20:17.046 align:center train de travailler toujours. 00:20:17.066 --> 00:20:19.568 align:center Peut-être qu'en parallèle, vous allez pouvoir 00:20:19.668 --> 00:20:22.509 align:center voir ici le petit bento. 00:20:22.549 --> 00:20:23.130 align:center Voilà. 00:20:23.170 --> 00:20:25.751 align:center Donc ça, attendez, alors, on ne 00:20:25.771 --> 00:20:26.792 align:center peut pas le mettre en grand 00:20:26.832 --> 00:20:27.812 align:center Attendez, on ne peut pas le 00:20:27.832 --> 00:20:28.853 align:center mettre en grand. 00:20:28.873 --> 00:20:30.514 align:center Comment on le met en grand 00:20:30.574 --> 00:20:32.095 align:center On peut bugger. 00:20:32.115 --> 00:20:33.215 align:center Hop, publier. 00:20:33.255 --> 00:20:34.056 align:center On va aller ouvrir ça. 00:20:34.076 --> 00:20:35.257 align:center Merde, il me l'a ouvert dans 00:20:35.297 --> 00:20:36.117 align:center la même fenêtre. 00:20:36.157 --> 00:20:36.937 align:center Du coup, il a fermé la 00:20:36.957 --> 00:20:37.798 align:center fenêtre de cloud. 00:20:40.199 --> 00:20:41.020 align:center Voilà, si vous voulez aller voir. 00:20:41.540 --> 00:20:44.144 align:center Alors, il ne m'a pas mis 00:20:44.164 --> 00:20:44.945 align:center le contenu. 00:20:45.005 --> 00:20:45.806 align:center Il ne m'a pas mis le 00:20:45.846 --> 00:20:46.286 align:center contenu. 00:20:46.326 --> 00:20:47.248 align:center Oui, il m'a fait l'interface, mais 00:20:47.268 --> 00:20:47.708 align:center il ne m'a pas mis le 00:20:47.728 --> 00:20:48.449 align:center contenu. 00:20:48.629 --> 00:20:50.231 align:center Or, j'avais fait déjà un test 00:20:50.251 --> 00:20:51.213 align:center comme ça et il m'avait mis 00:20:51.253 --> 00:20:52.895 align:center vraiment mes user stories. 00:20:52.915 --> 00:20:53.936 align:center Je ne vais pas aller peut-être 00:20:53.956 --> 00:20:54.958 align:center jusque-là parce que là, sinon, ça 00:20:54.998 --> 00:20:55.699 align:center va commencer à être long. 00:20:55.739 --> 00:20:56.540 align:center En plus, il est dix-huit. 00:20:57.134 --> 00:20:58.054 align:center Donc en fait, malheureusement, je crois 00:20:58.074 --> 00:20:58.555 align:center que je ne vais pas avoir 00:20:58.575 --> 00:20:59.215 align:center le temps de faire tout ce 00:20:59.235 --> 00:21:00.115 align:center que je voulais faire. 00:21:00.155 --> 00:21:01.176 align:center C'est beaucoup plus lent. 00:21:01.196 --> 00:21:03.156 align:center Des fois, c'est assez lent. 00:21:03.196 --> 00:21:04.017 align:center Donc là, je pense qu'on n'est 00:21:04.037 --> 00:21:05.938 align:center pas loin d'avoir terminé. 00:21:05.958 --> 00:21:06.898 align:center Vous voyez, là, il m'a mis, 00:21:06.918 --> 00:21:07.738 align:center donc là, ça y est, il 00:21:07.778 --> 00:21:08.358 align:center a bien fait ce que je 00:21:08.398 --> 00:21:08.859 align:center lui ai demandé. 00:21:08.879 --> 00:21:12.300 align:center Il m'a mis tous mes liens 00:21:12.320 --> 00:21:13.020 align:center dans un fichier JSON. 00:21:13.080 --> 00:21:14.001 align:center Et donc, comme ça, moi, je 00:21:14.041 --> 00:21:15.041 align:center n'ai plus qu'à modifier ce fichier 00:21:15.061 --> 00:21:15.921 align:center JSON quand je veux mettre des 00:21:15.941 --> 00:21:17.342 align:center nouvelles choses et mon site sera 00:21:17.382 --> 00:21:18.763 align:center généré en fonction de ce fichier 00:21:18.863 --> 00:21:19.043 align:center JSON. 00:21:20.423 --> 00:21:21.483 align:center Et ce que j'aime beaucoup, c'est 00:21:21.503 --> 00:21:22.444 align:center qu'au fur et à mesure, il 00:21:22.464 --> 00:21:24.304 align:center me tient à jour mon fichier 00:21:24.324 --> 00:21:24.984 align:center README. 00:21:25.004 --> 00:21:25.825 align:center Ça, c'est quand même très très 00:21:25.865 --> 00:21:27.345 align:center cool, parce qu'un fichier README, c'est 00:21:27.385 --> 00:21:29.305 align:center important d'avoir ça propre, c'est la 00:21:29.345 --> 00:21:30.526 align:center documentation. 00:21:30.546 --> 00:21:32.666 align:center Donc voilà. 00:21:32.706 --> 00:21:33.687 align:center C'est dommage, j'ai passé trop de 00:21:33.707 --> 00:21:35.607 align:center temps tout à l'heure à parler 00:21:35.627 --> 00:21:38.168 align:center de LLM et d'automatisation et de 00:21:38.188 --> 00:21:39.228 align:center choses comme ça. 00:21:39.268 --> 00:21:41.369 align:center Je ne vais pas pouvoir finir. 00:21:41.409 --> 00:21:42.269 align:center J'aimerais bien faire au moins le 00:21:42.309 --> 00:21:42.829 align:center script PHP. 00:21:44.100 --> 00:21:49.585 align:center J'aimerais bien faire le script PHP. 00:21:49.645 --> 00:21:52.187 align:center Hop, dynamisation des cartes bento avec 00:21:52.227 --> 00:21:55.549 align:center JavaScript. 00:21:55.609 --> 00:21:56.530 align:center On va tenter ça. 00:21:56.590 --> 00:21:57.411 align:center On va tenter parce que ça, 00:21:57.431 --> 00:21:58.952 align:center je pense que c'est pas grave. 00:21:58.972 --> 00:21:59.733 align:center Bon, en fait, du coup, là, 00:21:59.773 --> 00:22:02.074 align:center il m'a fait la moitié du 00:22:02.114 --> 00:22:02.515 align:center travail, quoi. 00:22:02.815 --> 00:22:04.255 align:center Attendez, est-ce qu'il a terminé au 00:22:04.275 --> 00:22:04.915 align:center moins 00:22:04.975 --> 00:22:06.556 align:center Ok, ça c'est bon. 00:22:06.696 --> 00:22:07.816 align:center Hop, de toute façon, on dit 00:22:07.856 --> 00:22:08.336 align:center tout le temps oui. 00:22:08.896 --> 00:22:10.016 align:center Voilà, donc là vous voyez, il 00:22:10.036 --> 00:22:11.116 align:center y a plus de liens parce 00:22:11.136 --> 00:22:13.557 align:center qu'ils sont dans le... Voilà, il 00:22:13.597 --> 00:22:14.577 align:center m'a pris, alors c'est marrant, alors 00:22:14.597 --> 00:22:15.517 align:center là vous découvrez un petit peu 00:22:15.537 --> 00:22:17.098 align:center en avant-première des petits projets que 00:22:17.138 --> 00:22:19.798 align:center j'ai comme l'HSD possible, l'ABCDR du 00:22:19.818 --> 00:22:20.118 align:center NoCode. 00:22:20.598 --> 00:22:22.358 align:center Vous voyez, d'ailleurs, c'est un projet 00:22:22.418 --> 00:22:24.599 align:center en cours, c'est rigolo. 00:22:24.619 --> 00:22:25.999 align:center Vous voyez, donc il prend des 00:22:26.039 --> 00:22:27.719 align:center initiatives, c'est ça qui est vraiment 00:22:27.759 --> 00:22:29.980 align:center très intéressant, il prend des initiatives 00:22:30.020 --> 00:22:30.800 align:center au niveau du contenu, quoi. 00:22:32.042 --> 00:22:33.243 align:center Allez, on va faire juste la 00:22:33.283 --> 00:22:34.424 align:center partie back-end. 00:22:34.464 --> 00:22:36.265 align:center Donc là, hop, je lui copie-colle 00:22:36.285 --> 00:22:39.446 align:center l'histoire du flux RSS. 00:22:39.507 --> 00:22:40.567 align:center Est-ce qu'il a compris qu'il fallait 00:22:40.587 --> 00:22:41.488 align:center le faire en PHP 00:22:41.708 --> 00:22:42.708 align:center Le script est dans un fichier 00:22:42.728 --> 00:22:44.649 align:center PHP unique avec commentaire clair. 00:22:44.669 --> 00:22:46.130 align:center Vous voyez, il met... Bon, ça, 00:22:46.150 --> 00:22:47.231 align:center c'est peut-être petit, là, sur votre 00:22:47.271 --> 00:22:48.071 align:center écran, mais... 00:22:49.853 --> 00:22:51.616 align:center Le fait d'avoir généré les promptes 00:22:51.656 --> 00:22:53.178 align:center avec Claude, c'est ça qui est 00:22:53.198 --> 00:22:53.338 align:center malin. 00:22:53.358 --> 00:22:54.380 align:center Vous voyez, là, je n'aurais pas 00:22:54.460 --> 00:22:55.381 align:center écrit tout ça. 00:22:55.401 --> 00:22:56.803 align:center J'aurais dit fais-moi un script PHP 00:22:56.823 --> 00:22:58.526 align:center qui va récupérer du RSS 00:22:58.566 --> 00:23:00.248 align:center Là, il me met des choses 00:23:00.289 --> 00:23:01.891 align:center quand même beaucoup plus intéressantes. 00:23:01.911 --> 00:23:03.433 align:center La gestion de cache, très malin. 00:23:04.334 --> 00:23:06.577 align:center Là, on est sur des trucs 00:23:07.499 --> 00:23:08.540 align:center un peu cool. 00:23:08.560 --> 00:23:10.102 align:center Vous n'avez pas besoin d'être dev, 00:23:10.122 --> 00:23:10.823 align:center PHP. 00:23:11.264 --> 00:23:12.486 align:center Ce qu'il faut que vous compreniez, 00:23:12.506 --> 00:23:13.747 align:center c'est ces architectures. 00:23:13.787 --> 00:23:17.192 align:center Back, front, comment ça communique ensemble. 00:23:17.212 --> 00:23:19.335 align:center Même là-dessus, Claude va vous accompagner. 00:23:19.355 --> 00:23:20.397 align:center Au revoir. 00:23:20.977 --> 00:23:22.119 align:center on y va, j'espère qu'on va 00:23:22.159 --> 00:23:23.501 align:center arriver, on va lui laisser cinq 00:23:23.521 --> 00:23:25.683 align:center minutes, mais je pense qu'on va 00:23:25.724 --> 00:23:26.565 align:center être pas mal. 00:23:26.585 --> 00:23:27.366 align:center Parce que là, en fait, ce 00:23:27.386 --> 00:23:28.908 align:center qui est intéressant, c'est qu'il est 00:23:28.928 --> 00:23:29.889 align:center allé plus loin que ce que 00:23:29.909 --> 00:23:30.530 align:center je lui avais demandé. 00:23:30.570 --> 00:23:31.231 align:center Et donc, en fait, là, par 00:23:31.271 --> 00:23:32.092 align:center exemple, j'ai une de mes user 00:23:32.112 --> 00:23:32.973 align:center stories. 00:23:32.993 --> 00:23:35.516 align:center La user stories mise en place 00:23:35.536 --> 00:23:37.219 align:center du style Bento, en fait, quelque 00:23:37.239 --> 00:23:37.940 align:center part, il l'a déjà fait. 00:23:38.460 --> 00:23:39.601 align:center Et mise en place dynamisation des 00:23:39.621 --> 00:23:41.042 align:center cartes avec le JavaScript, il l'a 00:23:41.082 --> 00:23:41.982 align:center déjà fait aussi. 00:23:42.002 --> 00:23:43.163 align:center Donc là, ces cartes là, en 00:23:43.203 --> 00:23:44.904 align:center fait, donc là, j'en suis là. 00:23:44.924 --> 00:23:46.425 align:center Ça, par contre, il va falloir 00:23:46.445 --> 00:23:47.265 align:center que vous fassiez un peu preuve 00:23:47.306 --> 00:23:47.886 align:center de discernement. 00:23:47.966 --> 00:23:48.967 align:center C'est à dire que moi, j'ai 00:23:49.007 --> 00:23:50.507 align:center compris en regardant ce qu'il avait 00:23:50.547 --> 00:23:51.448 align:center fait, qu'il avait fait ces choses 00:23:51.488 --> 00:23:51.988 align:center là. 00:23:52.028 --> 00:23:53.429 align:center Au pire, vous lui remettez, bon, 00:23:53.449 --> 00:23:54.290 align:center c'est pas très grave. 00:23:56.132 --> 00:23:57.032 align:center Donc voilà. 00:23:57.073 --> 00:23:58.734 align:center Et le formulaire, on n'aura pas 00:23:58.754 --> 00:23:59.395 align:center le temps. 00:23:59.415 --> 00:24:00.276 align:center Vous voyez, c'est marrant parce qu'il 00:24:00.316 --> 00:24:02.078 align:center a vraiment bien découpé les choses. 00:24:02.138 --> 00:24:03.960 align:center Intégration du flux RSS dans l'interface, 00:24:04.000 --> 00:24:04.781 align:center il m'a fait une autre user 00:24:04.821 --> 00:24:05.462 align:center stories. 00:24:05.482 --> 00:24:06.182 align:center Mais il est tout à fait 00:24:06.202 --> 00:24:09.386 align:center possible que Windsurf lui fasse faire 00:24:09.406 --> 00:24:10.527 align:center toute l'intégralité. 00:24:10.547 --> 00:24:11.989 align:center Ça, c'est ce qu'on va voir 00:24:12.049 --> 00:24:12.189 align:center ici. 00:24:14.391 --> 00:24:15.571 align:center Voilà, je vais intégrer le fichier 00:24:15.591 --> 00:24:17.172 align:center JavaScript pour intégrer dans votre site 00:24:17.212 --> 00:24:18.332 align:center web Bento. 00:24:18.352 --> 00:24:19.132 align:center C'est pas mal. 00:24:19.172 --> 00:24:20.873 align:center Franchement, si j'ai ma petite image 00:24:20.913 --> 00:24:22.333 align:center de ma dernière vidéo et tout, 00:24:22.353 --> 00:24:23.434 align:center je serai refait. 00:24:23.454 --> 00:24:25.014 align:center Vous aurez eu aussi une démo 00:24:25.034 --> 00:24:26.474 align:center quand même un peu complète. 00:24:26.675 --> 00:24:27.575 align:center Je ne pourrai pas vous montrer 00:24:27.615 --> 00:24:29.215 align:center l'hébergement, mais honnêtement, 00:24:29.255 --> 00:24:30.236 align:center l'hébergement, il est 00:24:30.276 --> 00:24:32.756 align:center trivial parce que c'est vraiment là, 00:24:32.776 --> 00:24:33.577 align:center vous voyez que vous avez un 00:24:33.617 --> 00:24:35.357 align:center code très, très simple à héberger. 00:24:35.377 --> 00:24:37.258 align:center Vous avez très peu de dossiers, 00:24:37.278 --> 00:24:38.538 align:center de sous-dossiers, enfin c'est ici plutôt. 00:24:38.838 --> 00:24:39.999 align:center Vous voyez, vous avez un petit 00:24:40.019 --> 00:24:43.061 align:center dossier API avec un petit fichier 00:24:43.661 --> 00:24:44.021 align:center PHP. 00:24:44.121 --> 00:24:45.522 align:center On peut même l'ouvrir. 00:24:45.742 --> 00:24:46.883 align:center Il n'y a pas beaucoup de 00:24:46.923 --> 00:24:47.523 align:center code. 00:24:47.864 --> 00:24:48.724 align:center Mais par exemple, il a pris 00:24:48.744 --> 00:24:50.385 align:center une initiative qui est très intéressante 00:24:50.465 --> 00:24:51.186 align:center ici. 00:24:51.226 --> 00:24:52.927 align:center La notion de cache, ça, c'est 00:24:52.947 --> 00:24:54.067 align:center absolument génial. 00:24:54.107 --> 00:24:55.488 align:center Si j'ai cent personnes qui se 00:24:55.508 --> 00:24:58.870 align:center connectent sur mon site, le PHP 00:25:00.631 --> 00:25:01.812 align:center ne va pas aller solliciter YouTube 00:25:01.832 --> 00:25:02.172 align:center à chaque fois. 00:25:02.552 --> 00:25:03.553 align:center Donc ça, c'est très malin. 00:25:03.613 --> 00:25:05.654 align:center On garde en cache l'information. 00:25:05.794 --> 00:25:06.415 align:center Vraiment très malin. 00:25:07.055 --> 00:25:10.176 align:center Il m'a mis le channel YouTube 00:25:10.196 --> 00:25:11.737 align:center dans une variable, très bonne pratique 00:25:11.777 --> 00:25:13.098 align:center aussi, il y a des commentaires 00:25:13.138 --> 00:25:14.438 align:center un petit peu partout, et vous 00:25:14.478 --> 00:25:15.439 align:center voyez que ce n'est pas énormément 00:25:15.459 --> 00:25:17.039 align:center de code au final pour faire 00:25:17.059 --> 00:25:19.980 align:center tout ça. 00:25:20.020 --> 00:25:22.261 align:center Donc voilà, et petit bonus aussi, 00:25:22.281 --> 00:25:23.422 align:center c'est que le PHP, je n'ai 00:25:23.442 --> 00:25:24.462 align:center rien à faire de spécial, comme 00:25:24.502 --> 00:25:26.183 align:center j'ai lancé un serveur, un mini 00:25:26.223 --> 00:25:28.004 align:center serveur PHP qui me sert le 00:25:28.124 --> 00:25:29.644 align:center HTML, il va aussi interpréter le 00:25:29.664 --> 00:25:30.705 align:center PHP à la volée. 00:25:31.485 --> 00:25:33.527 align:center Donc là, on fait un keep 00:25:33.567 --> 00:25:36.069 align:center et normalement, là, on va voir, 00:25:36.129 --> 00:25:37.590 align:center il est vingt-trois, est-ce qu'on va 00:25:37.610 --> 00:25:39.512 align:center être très content ou pas 00:25:39.552 --> 00:25:40.693 align:center Dernière vidéo YouTube. 00:25:40.733 --> 00:25:41.754 align:center Alors, je ne sais pas, il 00:25:41.774 --> 00:25:43.575 align:center s'est passé quelque chose, mais je 00:25:43.635 --> 00:25:45.497 align:center pense qu'il a donné un valide 00:25:46.381 --> 00:25:47.262 align:center Alors, il peut y avoir un 00:25:47.282 --> 00:25:48.603 align:center problème de CORS. 00:25:48.643 --> 00:25:49.443 align:center À mon avis, ça va être 00:25:49.483 --> 00:25:49.884 align:center ça. 00:25:49.944 --> 00:25:51.125 align:center Erreur lors du chargement de la 00:25:51.145 --> 00:25:52.906 align:center vidéo YouTube. 00:25:52.986 --> 00:25:53.746 align:center Ah, non, il y a une 00:25:53.787 --> 00:25:54.007 align:center erreur. 00:25:54.347 --> 00:25:55.688 align:center On va lui donner ça. 00:25:55.728 --> 00:25:56.709 align:center Est-ce qu'on a une erreur dans 00:25:56.729 --> 00:25:57.729 align:center la console 00:25:57.769 --> 00:26:00.291 align:center Non. 00:26:00.351 --> 00:26:02.693 align:center Il est encore en train d'éditer. 00:26:02.713 --> 00:26:04.174 align:center Des fois, c'est long quand même. 00:26:04.394 --> 00:26:06.396 align:center Alors, je ne sais pas quelle 00:26:06.436 --> 00:26:08.337 align:center est l'erreur. 00:26:08.357 --> 00:26:08.958 align:center Vérifions. 00:26:08.998 --> 00:26:09.638 align:center Ah oui, donc il n'a pas 00:26:09.658 --> 00:26:10.379 align:center terminé. 00:26:10.399 --> 00:26:11.179 align:center Donc là, il regarde si le 00:26:11.199 --> 00:26:12.741 align:center serveur est toujours en cours d'exécution. 00:26:12.781 --> 00:26:13.581 align:center C'est le cas. 00:26:13.621 --> 00:26:14.302 align:center Donc ça, c'est bon. 00:26:15.322 --> 00:26:15.943 align:center Je ne sais pas, peut-être qu'il 00:26:15.963 --> 00:26:17.543 align:center n'avait pas terminé. 00:26:17.583 --> 00:26:19.004 align:center Attendez, ça, je vais le fermer, 00:26:19.044 --> 00:26:21.785 align:center on n'en a plus besoin. 00:26:21.845 --> 00:26:23.006 align:center On va essayer de refaire ici. 00:26:23.026 --> 00:26:24.727 align:center Il y a un problème au 00:26:24.747 --> 00:26:25.907 align:center niveau de la vidéo YouTube. 00:26:25.927 --> 00:26:26.928 align:center Je ne sais pas ce que 00:26:26.948 --> 00:26:29.629 align:center c'est, à vrai dire. 00:26:29.649 --> 00:26:30.229 align:center Mais il ne m'a pas fait 00:26:30.249 --> 00:26:31.750 align:center l'erreur comme tout à l'heure. 00:26:31.770 --> 00:26:36.872 align:center Ça, c'est 00:26:36.992 --> 00:26:37.693 align:center le... Je vais lui 00:26:37.733 --> 00:26:39.573 align:center faire un petit screenshot. 00:26:39.634 --> 00:26:40.894 align:center Ici, voilà. 00:26:40.974 --> 00:26:41.975 align:center Hop 00:26:42.835 --> 00:26:45.398 align:center Je vais lui dire juste ça. 00:26:45.479 --> 00:26:47.561 align:center Il y a une erreur. 00:26:47.642 --> 00:26:48.643 align:center Là, en général, ce qu'il va 00:26:48.703 --> 00:26:50.185 align:center faire, c'est qu'il va... Soit il 00:26:50.205 --> 00:26:51.327 align:center va trouver le problème, mais le 00:26:51.347 --> 00:26:52.208 align:center problème, c'est qu'il n'a pas beaucoup 00:26:52.228 --> 00:26:53.409 align:center d'informations. 00:26:53.429 --> 00:26:54.331 align:center Soit il va mettre des messages 00:26:54.371 --> 00:26:55.813 align:center de debug un peu partout. 00:26:55.853 --> 00:26:58.576 align:center Soit... Là, il voit qu'il y 00:26:58.596 --> 00:26:59.458 align:center a une erreur. 00:26:59.498 --> 00:26:59.558 align:center Oui. 00:27:00.257 --> 00:27:02.139 align:center Alors très malin, il va se 00:27:02.179 --> 00:27:04.302 align:center faire un curl sur sa propre 00:27:04.322 --> 00:27:05.583 align:center API pour voir ce que ça 00:27:05.603 --> 00:27:06.164 align:center donne. 00:27:06.244 --> 00:27:07.746 align:center Et effectivement, il a un nul, 00:27:07.766 --> 00:27:08.407 align:center donc il y a une erreur 00:27:08.467 --> 00:27:09.628 align:center au niveau du PHP. 00:27:09.668 --> 00:27:11.270 align:center Ça, c'est vraiment pas mal. 00:27:11.290 --> 00:27:12.071 align:center Je ne pensais pas qu'il allait 00:27:12.091 --> 00:27:13.313 align:center faire un truc comme ça. 00:27:13.353 --> 00:27:14.494 align:center Donc, il voit qu'il y a 00:27:14.514 --> 00:27:15.796 align:center un problème au niveau du PHP. 00:27:17.869 --> 00:27:19.130 align:center là il va se le relancer 00:27:19.190 --> 00:27:20.630 align:center en ligne de commande encore une 00:27:20.650 --> 00:27:23.252 align:center erreur là je vois bien qu'il 00:27:23.312 --> 00:27:25.333 align:center avait bien rappelé le youtube RSS 00:27:25.353 --> 00:27:26.374 align:center donc c'est juste que là c'est 00:27:26.394 --> 00:27:27.915 align:center vraiment le script PHP donc il 00:27:27.935 --> 00:27:29.956 align:center va rajouter du débugage mais là 00:27:30.016 --> 00:27:32.117 align:center c'est une erreur vraiment au niveau 00:27:32.157 --> 00:27:32.978 align:center du PHP quoi 00:27:33.458 --> 00:27:34.739 align:center j'espère qu'ils viendront pas me chasser 00:27:34.779 --> 00:27:36.759 align:center je vais dépasser un peu le 00:27:36.779 --> 00:27:37.660 align:center temps en fait j'ai réservé cette 00:27:37.680 --> 00:27:40.041 align:center salle jusqu'à sept heures trente et 00:27:40.081 --> 00:27:41.561 align:center donc je vais peut-être dépasser un 00:27:41.602 --> 00:27:42.802 align:center peu j'espère je compte sur la 00:27:42.822 --> 00:27:44.743 align:center gentillesse des japonais pour ne pas 00:27:44.783 --> 00:27:47.604 align:center venir me chasser j'ai très envie 00:27:47.624 --> 00:27:48.905 align:center de pisser aussi ça c'est un 00:27:48.945 --> 00:27:51.946 align:center autre problème donc voilà non mais 00:27:51.966 --> 00:27:52.806 align:center j'ai même pas un rendez-vous en 00:27:52.826 --> 00:27:54.927 align:center fait j'ai juste pas je suis 00:27:54.947 --> 00:27:56.388 align:center pas censé étiqueter la salle mais 00:27:56.428 --> 00:28:00.149 align:center oui effectivement windsurf là il me 00:28:00.169 --> 00:28:01.470 align:center met un peu en galère 00:28:01.890 --> 00:28:02.891 align:center Non, et puis surtout, en fait, 00:28:02.911 --> 00:28:04.891 align:center en vrai, j'ai vraiment envie que 00:28:04.911 --> 00:28:05.432 align:center ça fonctionne. 00:28:06.172 --> 00:28:07.333 align:center J'aimerais bien aller au bout. 00:28:07.373 --> 00:28:08.313 align:center Et puis en plus, tant qu'à 00:28:08.333 --> 00:28:09.634 align:center faire comme ça, on pourrait ensuite 00:28:09.674 --> 00:28:11.675 align:center utiliser le replay de cette vidéo. 00:28:11.695 --> 00:28:14.076 align:center Donc voilà. 00:28:14.256 --> 00:28:14.736 align:center Aïe, aïe, aïe. 00:28:14.776 --> 00:28:16.057 align:center Est-ce que ça va marcher 00:28:16.117 --> 00:28:17.377 align:center Là, on est au compte-arbre. 00:28:17.397 --> 00:28:18.098 align:center Là, on est dans un match 00:28:18.118 --> 00:28:18.958 align:center de basket. 00:28:19.018 --> 00:28:20.139 align:center On va tirer un trois points 00:28:20.179 --> 00:28:21.979 align:center la dernière seconde au buzzer. 00:28:22.019 --> 00:28:23.220 align:center Et on va voir. 00:28:23.260 --> 00:28:24.060 align:center Hop, il va se refaire un 00:28:24.080 --> 00:28:25.321 align:center petit curl pour voir. 00:28:25.341 --> 00:28:26.001 align:center Là, il y a une erreur 00:28:26.021 --> 00:28:26.762 align:center de cinq cents, mais il a 00:28:26.782 --> 00:28:27.962 align:center eu ses informations. 00:28:27.982 --> 00:28:29.303 align:center Il a eu ses informations, donc... 00:28:30.043 --> 00:28:31.485 align:center Là, il semble qu'il y a 00:28:31.665 --> 00:28:32.326 align:center une erreur. 00:28:32.366 --> 00:28:36.692 align:center Donc 00:28:36.712 --> 00:28:37.793 align:center là, il est en galère. 00:28:37.813 --> 00:28:38.394 align:center Là, on ne va pas se 00:28:38.414 --> 00:28:39.275 align:center mentir. 00:28:39.315 --> 00:28:40.857 align:center Je vois les signes qu'il est 00:28:40.897 --> 00:28:41.979 align:center en galère. 00:28:42.039 --> 00:28:43.781 align:center Je ne sais pas vraiment si 00:28:43.821 --> 00:28:44.902 align:center je vais pouvoir l'aider. 00:28:47.325 --> 00:28:49.988 align:center Là, la foule retient son souffle. 00:28:50.048 --> 00:28:51.850 align:center Est-ce que le panier a trois 00:28:51.890 --> 00:28:52.070 align:center points 00:28:52.130 --> 00:28:53.351 align:center Est-ce qu'on est en mode Steph 00:28:53.371 --> 00:28:54.352 align:center Curry et qu'on va réussir à 00:28:54.472 --> 00:28:56.153 align:center mettre un panier dans une position 00:28:56.214 --> 00:28:57.094 align:center improbable 00:28:57.174 --> 00:28:59.096 align:center On verra. 00:28:59.136 --> 00:28:59.837 align:center Il faut que ça marche. 00:28:59.897 --> 00:29:00.598 align:center Il faut que ça marche parce 00:29:00.618 --> 00:29:02.559 align:center que franchement, ce serait dommage. 00:29:02.639 --> 00:29:04.081 align:center On en a fait la moitié. 00:29:04.141 --> 00:29:05.242 align:center On n'a pas fait la moitié. 00:29:05.282 --> 00:29:05.862 align:center On en a fait la moitié 00:29:05.882 --> 00:29:07.984 align:center vraiment si on a la vidéo 00:29:08.004 --> 00:29:08.325 align:center YouTube. 00:29:08.585 --> 00:29:11.387 align:center j'ai envie de voir j'ai envie 00:29:11.407 --> 00:29:13.048 align:center de voir je vais prendre le 00:29:13.088 --> 00:29:14.249 align:center risque de me faire engueuler en 00:29:14.329 --> 00:29:14.970 align:center fait le truc c'est que de 00:29:14.990 --> 00:29:15.890 align:center toute façon les japonais je vais 00:29:15.910 --> 00:29:16.611 align:center un peu jouer sur le fait 00:29:16.651 --> 00:29:17.892 align:center que en général ils osent pas 00:29:17.912 --> 00:29:20.413 align:center trop t'engueuler donc bon je vais 00:29:20.433 --> 00:29:22.115 align:center pas abuser mais parce que le 00:29:22.135 --> 00:29:22.955 align:center problème c'est que là en plus 00:29:22.995 --> 00:29:23.956 align:center j'ai tout le matos il faut 00:29:23.976 --> 00:29:26.698 align:center que je remballe tout donc voilà 00:29:27.438 --> 00:29:28.039 align:center Il y a une erreur dans 00:29:28.079 --> 00:29:29.721 align:center la syntaxe, je vais la corriger. 00:29:31.402 --> 00:29:32.864 align:center Là, je pense que ce n'est 00:29:32.884 --> 00:29:33.985 align:center pas impossible qu'on soit pris dans 00:29:34.025 --> 00:29:36.307 align:center une boucle infernale. 00:29:36.347 --> 00:29:39.650 align:center La boucle infernale, c'est l'ennemi du 00:29:39.670 --> 00:29:40.791 align:center vibecoder. 00:29:40.831 --> 00:29:42.333 align:center C'est l'enfer. 00:29:42.393 --> 00:29:45.476 align:center Et malheureusement, elles arrivent assez 00:29:45.516 --> 00:29:46.416 align:center fréquemment. 00:29:46.456 --> 00:29:50.020 align:center Mais là, je pense que c'est 00:29:50.040 --> 00:29:50.740 align:center game over. 00:29:50.781 --> 00:29:51.781 align:center Je pense que malheureusement... 00:29:52.582 --> 00:29:55.683 align:center On ne va pas y arriver. 00:29:55.723 --> 00:29:58.584 align:center Effectivement, tu vois, là, le problème, 00:29:59.744 --> 00:30:00.424 align:center c'est que je ne sais même 00:30:00.444 --> 00:30:01.985 align:center pas, même en tant que dev, 00:30:02.005 --> 00:30:03.225 align:center je ne sais pas vraiment... En 00:30:03.245 --> 00:30:04.945 align:center fait, là, la seule option, très 00:30:04.985 --> 00:30:07.426 align:center franchement, c'est d'arrêter de faire un 00:30:07.466 --> 00:30:09.667 align:center rollback, de retourner en arrière et 00:30:09.707 --> 00:30:10.627 align:center de le guider un peu plus. 00:30:11.467 --> 00:30:13.228 align:center Et par exemple, peut-être de lui 00:30:13.288 --> 00:30:14.329 align:center dire de ne pas faire le 00:30:14.369 --> 00:30:16.770 align:center cache, parce que le cache, c'est 00:30:16.811 --> 00:30:18.552 align:center une super initiative qu'il a pris, 00:30:18.592 --> 00:30:20.433 align:center mais c'est un petit algo qui 00:30:20.473 --> 00:30:22.014 align:center peut être un petit peu compliqué 00:30:22.034 --> 00:30:23.695 align:center à implémenter pour un développeur. 00:30:23.735 --> 00:30:24.976 align:center Normalement, c'est un exercice quand même 00:30:24.996 --> 00:30:27.677 align:center vraiment classique de développement, mais ce 00:30:27.697 --> 00:30:29.638 align:center n'est pas impossible que lui, c'est 00:30:29.959 --> 00:30:30.579 align:center là où on voit, ce n'est 00:30:30.599 --> 00:30:31.960 align:center pas non plus des génies. 00:30:32.480 --> 00:30:32.980 align:center Il y a une autre chose 00:30:33.000 --> 00:30:34.421 align:center que je pourrais faire, c'est arrêter 00:30:34.461 --> 00:30:36.482 align:center là et passer en mode syncing, 00:30:36.542 --> 00:30:38.382 align:center ou je pourrais aussi passer en 00:30:38.422 --> 00:30:40.383 align:center mode utiliser par exemple un autre 00:30:40.423 --> 00:30:42.324 align:center modèle comme Vubstik R. Ça, ça 00:30:42.344 --> 00:30:43.604 align:center m'est déjà arrivé des fois de 00:30:43.624 --> 00:30:44.825 align:center résoudre des bugs en changeant de 00:30:44.845 --> 00:30:45.405 align:center modèle. 00:30:45.425 --> 00:30:47.526 align:center Donc ça, c'est aussi une petite 00:30:47.566 --> 00:30:49.167 align:center astuce de vibe coding que je 00:30:49.187 --> 00:30:49.567 align:center vous donne là. 00:30:50.007 --> 00:30:52.168 align:center Alors là, il est un peu 00:30:52.208 --> 00:30:55.210 align:center embrouillé parce qu'il veut relancer le 00:30:55.250 --> 00:30:55.990 align:center terminal. 00:30:56.070 --> 00:30:57.852 align:center Or, elle est déjà lancée. 00:30:57.872 --> 00:30:58.572 align:center Alors ce que je vais faire 00:30:58.612 --> 00:30:59.232 align:center quand même, c'est que je vais 00:30:59.252 --> 00:31:01.093 align:center l'arrêter et je vais l'accepter. 00:31:01.133 --> 00:31:03.155 align:center Parce que comme ça, ça ne 00:31:03.195 --> 00:31:04.635 align:center va pas l'arrêter dans son flow. 00:31:04.675 --> 00:31:05.996 align:center Et maintenant, il va tester, il 00:31:06.016 --> 00:31:07.237 align:center se fait un petit curl. 00:31:07.257 --> 00:31:08.398 align:center J'aimerais bien pouvoir accepter pour toute 00:31:08.438 --> 00:31:08.758 align:center la session. 00:31:09.238 --> 00:31:10.119 align:center Ah oui, je crois qu'on y 00:31:10.139 --> 00:31:10.559 align:center arrive. 00:31:10.579 --> 00:31:12.060 align:center Je crois qu'on y arrive au 00:31:12.080 --> 00:31:12.400 align:center buzzer. 00:31:12.900 --> 00:31:15.681 align:center Bon, c'est juste, on a dépassé, 00:31:15.801 --> 00:31:17.362 align:center on est dans les overtime. 00:31:17.382 --> 00:31:19.902 align:center Mais super, notre fonction. 00:31:19.942 --> 00:31:20.823 align:center J'aime bien quand il dit super 00:31:20.843 --> 00:31:21.563 align:center parce que lui aussi, il est 00:31:21.583 --> 00:31:22.103 align:center content. 00:31:22.263 --> 00:31:23.784 align:center Il a galéré, il est content 00:31:23.824 --> 00:31:26.425 align:center aussi. 00:31:26.445 --> 00:31:27.505 align:center Ça se trouve, vous allez voir 00:31:27.545 --> 00:31:29.125 align:center en live quelqu'un rentrer dans la 00:31:29.145 --> 00:31:32.106 align:center pièce ou alors me juger. 00:31:32.126 --> 00:31:33.247 align:center Si je m'étais mis de dos, 00:31:33.287 --> 00:31:34.047 align:center ça aurait été drôle. 00:31:34.067 --> 00:31:35.007 align:center Vous auriez pu voir peut-être la 00:31:35.027 --> 00:31:36.048 align:center personne arriver. 00:31:36.068 --> 00:31:36.328 align:center Personne. 00:31:37.228 --> 00:31:38.669 align:center Allez, je crois qu'on va y 00:31:38.709 --> 00:31:39.410 align:center arriver. 00:31:39.590 --> 00:31:40.790 align:center Je crois parce que là, le 00:31:40.830 --> 00:31:41.971 align:center cœur y passe. 00:31:41.991 --> 00:31:44.372 align:center Je vois d'ailleurs les bases du 00:31:44.392 --> 00:31:45.193 align:center no-code pour débutants. 00:31:45.960 --> 00:31:46.761 align:center Oula, non, ce n'est pas une 00:31:46.781 --> 00:31:47.701 align:center vidéo à moi. 00:31:47.741 --> 00:31:49.722 align:center Les bases du no-code pour débutants. 00:31:49.762 --> 00:31:51.003 align:center Qu'est-ce qu'il nous a fait, là 00:31:51.043 --> 00:31:52.124 align:center Peut-être qu'il a mis un faux 00:31:52.144 --> 00:31:52.584 align:center truc. 00:31:52.624 --> 00:31:53.765 align:center Peut-être qu'il a mis un faux 00:31:53.785 --> 00:31:54.646 align:center truc dans le cache. 00:31:54.806 --> 00:31:55.626 align:center Je ne sais pas ce qu'il 00:31:55.666 --> 00:31:56.867 align:center nous a branlé, mais ce n'est 00:31:56.887 --> 00:31:57.507 align:center pas une vidéo à moi. 00:31:57.527 --> 00:31:58.948 align:center Je n'ai pas de vidéo. 00:31:58.988 --> 00:32:00.249 align:center Ou alors, je me suis trompé 00:32:00.289 --> 00:32:01.070 align:center dans le lien que je lui 00:32:01.090 --> 00:32:02.631 align:center ai donné, si c'est possible. 00:32:02.671 --> 00:32:05.452 align:center Attendez, je vais me remettre. 00:32:05.492 --> 00:32:06.733 align:center Qu'est-ce que j'ai fait 00:32:07.514 --> 00:32:09.455 align:center YouTube. 00:32:09.515 --> 00:32:11.276 align:center Non, ce n'est pas ça. 00:32:11.356 --> 00:32:12.417 align:center Il a fait de la merde. 00:32:12.912 --> 00:32:13.973 align:center Allez, on va voir et puis 00:32:14.013 --> 00:32:15.353 align:center on va s'arrêter là. 00:32:15.393 --> 00:32:16.694 align:center On va voir si on s'arrête 00:32:16.734 --> 00:32:17.934 align:center sur une victoire ou pas. 00:32:17.994 --> 00:32:19.095 align:center Au pire, s'il nous met n'importe 00:32:19.115 --> 00:32:20.496 align:center quoi, déjà s'il affiche quelque chose, 00:32:20.516 --> 00:32:20.756 align:center c'est bien. 00:32:21.196 --> 00:32:23.297 align:center Ah, je me suis fait Rick 00:32:23.317 --> 00:32:27.019 align:center Roller. 00:32:27.059 --> 00:32:31.401 align:center Je ne sais pas quoi penser. 00:32:31.561 --> 00:32:33.101 align:center Là, c'est du live, donc je 00:32:33.121 --> 00:32:34.562 align:center ne sais pas. 00:32:34.602 --> 00:32:36.123 align:center Il m'a récupéré une vidéo. 00:32:37.722 --> 00:32:38.903 align:center Je me suis fait récroller par 00:32:38.963 --> 00:32:39.484 align:center une IA. 00:32:39.524 --> 00:32:42.146 align:center Franchement, ça, ça mérite un clip 00:32:42.186 --> 00:32:42.766 align:center où je ne sais pas. 00:32:42.986 --> 00:32:45.789 align:center Mais franchement, il s'est passé quelque 00:32:45.809 --> 00:32:45.929 align:center chose. 00:32:45.969 --> 00:32:49.052 align:center Après, ça a marché. 00:32:49.072 --> 00:32:50.393 align:center On va s'arrêter là parce que 00:32:50.413 --> 00:32:51.714 align:center là, je ne sais plus quoi 00:32:51.754 --> 00:32:51.854 align:center dire. 00:32:51.874 --> 00:32:52.454 align:center Je n'ai plus de mots. 00:32:54.375 --> 00:32:55.776 align:center Je vous remercie d'avoir été avec 00:32:55.816 --> 00:32:57.656 align:center moi pour assister à ce grand 00:32:57.696 --> 00:32:58.736 align:center moment. 00:32:58.836 --> 00:33:00.017 align:center Vraiment, je ne sais pas. 00:33:00.037 --> 00:33:01.457 align:center J'irai regarder le code. 00:33:01.477 --> 00:33:02.497 align:center À la prochaine matinale, je vous 00:33:02.517 --> 00:33:04.178 align:center expliquerai, promis. 00:33:04.198 --> 00:33:06.058 align:center Mais je ne sais pas s'il 00:33:06.078 --> 00:33:07.358 align:center n'arrivait pas à aller chercher, à 00:33:07.418 --> 00:33:09.939 align:center faire l'appel, à récupérer le vrai 00:33:09.979 --> 00:33:12.940 align:center fichier, le vrai flux XML, ou 00:33:13.100 --> 00:33:14.160 align:center quoi, je ne peux pas vous 00:33:14.180 --> 00:33:15.400 align:center dire. 00:33:15.420 --> 00:33:16.160 align:center Pour ceux qui n'ont pas la 00:33:16.200 --> 00:33:20.141 align:center ref, cherchez Eric Roll et puis 00:33:20.161 --> 00:33:22.122 align:center vous allez trouver. 00:33:22.142 --> 00:33:22.742 align:center Mais c'est ouf. 00:33:23.502 --> 00:33:24.703 align:center Merci à toutes et à tous 00:33:24.723 --> 00:33:27.325 align:center d'avoir été là nombreux encore pendant 00:33:27.365 --> 00:33:29.286 align:center cette longue session de Vibe Coding. 00:33:29.326 --> 00:33:31.787 align:center Salut Martial, salut Xavier, salut Valentin, 00:33:31.847 --> 00:33:34.749 align:center salut Cam, salut Jean-Michel, salut Jean-Marc, 00:33:34.789 --> 00:33:36.510 align:center salut Luc, salut tout le monde. 00:33:36.530 --> 00:33:38.051 align:center Vraiment, c'était un grand moment. 00:33:38.091 --> 00:33:40.152 align:center Je pense que là, on est 00:33:40.172 --> 00:33:41.353 align:center sur des trucs pareils. 00:33:41.413 --> 00:33:42.514 align:center Allez, je vous dis à très 00:33:42.534 --> 00:33:42.974 align:center bientôt. 00:33:42.994 --> 00:33:45.216 align:center Je vais vite partir et libérer 00:33:45.236 --> 00:33:45.536 align:center la salle.