Et donc, pour introduire, j'ai sollicité Riyad il y a quelques temps pour nous parler de WordPress 7,
quand on avait fait la dernière permanence.
Et il m'a suggéré qu'il avait plus de choses à dire sur Studio Code que WordPress 7.
Et donc, c'est pour ça qu'on a pris rendez-vous aujourd'hui.
Riyad m'a fait une démonstration hier et je dois avouer que j'étais assez stupéfait.
Et il m'a dit que depuis hier, il y avait encore des nouveautés.
Et donc, Riyad, tu as la main pour faire le partage d'écran.
Et ce que je propose, c'est que tu nous fasses le même type de démonstration qu'hier.
Et peut-être qu'ensuite, on posera des questions.
Ok, très bien, très bien.
Bon, je vais attaquer direct, du coup.
Peut-être si tu veux juste te présenter, parce que Beryl aussi te connaît,
parce qu'on t'avait rencontré à Paris, à l'époque où tu défendais Gutenberg contre vents et marées.
Je défends toujours Gutenberg.
Oui, mais à l'époque, c'était plus courageux.
C'était moins évident.
C'était un contexte qui était un peu plus tendu.
Et donc, c'était à ce moment-là que tu travaillais sur Gutenberg.
Et donc, visiblement, tu as évolué.
Donc, si tu veux peut-être nous rappeler ça.
Oui, oui.
Alors, c'est Riad.
Je suis développeur chez Automatique.
Du coup, je suis core contributeur et un des leads développeurs de Gutenberg.
Je travaille toujours un petit peu sur Gutenberg, mais là, je commence à évoluer de plus en plus vers l'IA et vers WordPress et l'IA.
Qu'est-ce qu'on peut faire là-dessus ?
Et c'est comme ça que j'ai, avec d'autres, développé Studio Code.
Donc, je vais vous montrer aujourd'hui.
Voilà, je vis en Algérie, à Oran.
Et quelques mois, je vis en Espagne pendant l'été aussi.
Et à Oran.
Entre les deux.
Voilà.
Donc, j'attaque direct avec Studio Code.
Alors, je partage mon écran.
Oui.
C'est visible ?
J'essaie d'agrandir peut-être un petit peu.
Donc, là, je suis dans ma terminale.
Qu'est-ce que c'est déjà Studio Code ?
Donc, en fait, c'est un agent IA, comme Claude ou TadGPT ou Codex.
Mais il est adapté à WordPress.
Il y a plein de compétences WordPress.
Il peut créer des sites en local.
Il peut faire, voilà, du WordPress à fond.
Donc, comment l'installer ?
Donc, pour le moment, la manière de l'installer, c'est avec NPM.
Donc, NPM, c'est si vous avez déjà fait du Node ou des trucs comme ça, on installe Node et ça vient avec.
Et donc, on tape juste NPM-G install WP Studio.
Donc, moi, je l'ai déjà installé.
Mais en faisant cette ligne de commande, ça va l'installer en local et on pourra l'utiliser.
Donc, la suite, c'est juste taper Studio.
Donc, quand je tape Studio, là, il me dit toutes les commandes disponibles dans ce qu'on appelle Studio CLI.
Donc, c'est la ligne de commande de Studio.
Donc, on peut créer des sites ici.
On peut faire des previews.
On peut se connecter.
Et ce qui nous intéresse aujourd'hui plus précisément, c'est cette commande-là, Studio Code.
En fait, avec Studio Code, on peut tout faire.
On n'a pas besoin d'apprendre toutes les autres commandes.
On peut juste taper Studio Code.
Donc, l'approche, première fois qu'on le lance, il nous dit, voilà, bienvenue, je suis un agent en WordPress.
Et pour l'utiliser, il faut ou bien ramener sa clé en tropique, ou bien utiliser WordPress.com.
En fait, pour le moment, il est en bêta.
Et en fait, on offre des tokens gratuits.
Il suffit juste d'avoir un compte sur WordPress.com.
Donc, voilà, j'ai choisi WordPress.com.
Moi, j'étais déjà connecté.
Donc, là, vous voyez que je suis connecté en tant que Riyad Benguela.
Mais si c'est la première fois que vous faites ça et que vous cliquez sur WordPress.com,
en fait, ça va ouvrir un navigateur et ça va vous permettre de vous authentifier.
Et en revenant ici, il nous dit, voilà, moi, je peux faire tout ça pour vous.
Et il parle français.
Donc, je vais essayer de lui dire qu'est-ce que tu peux faire pour moi.
Donc, ça sera plus simple.
Là, il utilise l'anglais par défaut, peut-être parce que mon ordinateur est en anglais.
Je ne sais pas.
Mais si on lui parle en français, il va répondre en français.
Donc, là, voilà, il me répond.
Il me dit, je suis WordPress Studio Code, agent IA intégré à Studio.
Et je peux créer et gérer des sites WordPress en local.
Démarrer, arrêter, supprimer.
Je peux concevoir des thèmes et des designs.
Créer des thèmes.
Définir une direction.
Enfin, tout ce qu'on peut faire avec WordPress, en fait, il peut le faire.
Il a accès aux thèmes, aux fichiers, à la base de données.
Il peut tout faire.
Faire des audits.
Par exemple, on peut mesurer la performance de son site.
Faire des correctifs.
Des audits SEO.
Etc.
Ça va jusque là ?
Je peux continuer pendant des heures.
Mais si vous avez des questions, je ne sais pas.
Ça peut être intéressant de…
Non, mais peut-être toi, tu l'utilises au maximum.
Pourquoi ?
En fait, moi, je crée des sites WordPress.
Donc là, par exemple, je peux lui dire, créez-moi un site WordPress pour Studio Code, par exemple.
Un site vitrine pour Studio Code ou un site pour mon café ou un truc comme ça.
Enfin, ce que je veux, en fait.
Je vais vous montrer.
Moi, j'ai quelques sites déjà en local ici.
C'est des sites de test que j'ai.
Je vais vous montrer vite fait ce qu'on peut faire avec.
Par exemple, là, Studio Code, c'est ce que j'ai…
Enfin, je l'ai fait ce matin.
J'ai créé un site, on va dire, de présentation de Studio Code.
Et je lui ai demandé de le créer.
Ça prend cinq minutes, en gros.
Et il va tourner.
Et à la fin, on va voir le résultat.
Donc là, en fait, quand tu sélectionnes un site,
ça a plein de commandes que tu peux faire dessus.
Là, par exemple, si j'ai fait browser,
ça va ouvrir le site dans un navigateur.
Et en fait, ça a créé ce site.
Et là, c'était un seul prompt.
J'ai juste dit, crée-moi un site Studio Code.
Je lui ai donné, en fait, un site.
Je lui ai dit, j'aimerais bien que tu t'inspires du design d'un site que j'aimais.
Et voilà, il a fait tout ça.
Et c'est un site WordPress.
Là, on peut aller, par exemple, sur Edit Page.
Donc, modifier la page.
Donc là, on peut voir que c'est des blocs que je peux modifier.
Comme n'importe quel site WordPress.
Donc, il est en local.
Donc, je peux, par exemple, l'exporter, le mettre sur mon hébergement.
Ou si j'utilise WordPress.com, je peux aussi le publier directement.
En fait, je peux demander à Studio Code, vas-y, publie ça en live.
Et si, par exemple, moi, je travaille avec Studio et que j'ai un client,
je vais lui montrer le résultat avant de le mettre en ligne.
Même si je ne suis pas, même si mon hébergeur, ce n'est pas WordPress.com,
je peux lui dire, par exemple, créez-moi un site preview.
Et en fait, là, il va me donner un lien.
Ça va prendre... Je pense que j'ai déjà un site preview pour ça.
Mais ça prend, je ne sais pas, une minute le temps qu'il upload tout en ligne.
Et il va me donner un lien pour pouvoir partager avec mon client.
Je ne sais pas si je vais le laisser tourner parce que ça va prendre, je ne sais pas, une minute ou quoi.
Donc, je vais l'arrêter, en fait.
Et dire, liste-moi mes previews.
C'est fou.
Parce que je pense que... Bon, j'ai fait des petites erreurs d'orthographe,
mais je pense que... Il y a un petit bug, je crois.
Comment tu l'arrêtes, Reda ?
Tu fais échappe pour arrêter quand il est en train de tourner.
Et sinon, si tu veux quitter complètement Studio Code, c'est CTRL-C, en fait.
CTRL-C, ça le quitte complètement et je peux recommencer Studio Code.
Et là, je sélectionne mon site.
On va dire liste... La liste des previews de ce site.
Donc là, il va être voir si j'ai des previews pour ce site.
Et il va me donner le résultat.
Voilà. Donc, il me donnait ça.
Donc, je prends, par exemple, cette URL.
Et en fait, si je la mets ici...
Voilà. Donc, en fait, c'était le même site.
Je l'ai publié en ligne et je peux partager ce lien avec mon client, par exemple,
pour qu'il me donne des retours sur le site ou comme ça.
Mais là, Riyad, l'hébergement, il se fait chez qui, là ?
Quand tu fais un preview.
Un preview, en fait, c'est des sites temporaires dans WordPress.com.
Ah, c'est un com qui gère l'espace, d'accord.
Là, tu vois, this is a WordPress Studio preview site.
En fait, mais c'est des sites temporaires, ça.
Ça, au bout de, je ne sais pas, une semaine ou 15 jours, je ne sais pas exactement, ils sont supprimés.
Donc, après, si tu veux un hébergement, un vrai hébergement, tu peux ou dire, publie-moi sur WordPress.com
et il va te proposer de créer un site sur WordPress.com et tu publies directement là-bas.
Sinon, tu peux aussi faire un export.
Tu peux lui dire, exporte le site et tu prends le zip et tu le mets là où tu veux.
OK.
J'ai deux questions.
Donc, ça, c'est un des quelques trucs qu'on peut faire avec, mais il y a plein d'autres trucs qu'on peut faire.
En fait, pour chaque site, il y a ce qu'on appelle des slash commands.
Donc, c'est-à-dire que tu tapes slash et tu fais plein d'autres trucs.
Par exemple, un truc que j'ai montré hier à Olivier, c'était Need for Speed.
Donc, ça, c'est, en fait, un audit de performance du site web.
De vitesse, là.
Voilà.
Donc, là, il va faire un petit audit.
Il va nous dire qu'est-ce qui va et qu'est-ce qui ne va pas avec notre site web.
Donc, je pense que ça doit prendre aussi une minute à peu près.
Et il y a plein de skills comme ça.
On appelle les skills.
Il y a, par exemple, l'audit SEO aussi.
Et il y en a un autre qui permet de faire des petits modifs que je vais vous montrer juste après.
C'est sympa.
Est-ce que tu peux…
Donc, là, par exemple…
Oui, vas-y.
Deux questions.
Ah, vas-y, Christelle.
Oui.
Non, il voulait juste dire, voilà, il me donne le rapport de performance.
Il me dit que tout va bien.
Parce qu'en fait, le site, il est assez petit.
Donc, il n'y a pas grand-chose à faire.
Donc, tout est bon.
Time to first byte.
Donc, ça, c'est des métriques standard.
Code Web Vitals.
Et Mindy, par exemple, la page, c'est 340 kilobytes.
C'est bien.
Voilà.
Les images sont petites.
J'ai juste deux petites questions.
Le site est globalement très bonne santé.
Mais si on avait des problèmes, par exemple, on avait des…
Non, mais je pense que Ariad n'entend pas.
Ariad, il y a Christelle qui essaie de poser une question.
Ah oui, pardon, je n'ai pas entendu.
Oui, non, je voulais savoir, en fait, si…
Enfin, j'ai deux questions en termes de…
Quelqu'un peut répéter la question parce que moi, j'entends pas la question.
Tu n'entends pas ce qu'elle dit ?
Non, non, j'entends pas.
Je ne sais pas.
J'entends qu'une seule personne, je pense.
Tu n'entends que Christelle, les autres ?
Non, je ne t'entends que toi, en fait.
Moi, j'entends Christelle aussi.
Est-ce que tu m'entends, Ariad ?
Il doit y avoir un petit souci avec le…
Ok.
Donc, tu n'entends…
Il n'entend que…
Christelle, tu peux peut-être l'écrire.
Oui, je vais l'écrire.
En fait, là, j'entends tout le monde.
Mais avant, je n'entendais pas.
Ah, voilà.
C'est bon maintenant ?
Oui, maintenant, j'entends.
Ok, nickel.
Merci.
Non, je voulais juste savoir en local.
Par exemple, moi, je travaille actuellement avec local.
Est-ce que quand on fait les commandes, ça va s'installer où sur notre serveur local ?
Enfin, comment ça se passe ?
Et ma deuxième question, c'est en termes de code, au niveau sécurité,
c'est vraiment un WordPress classique.
Il n'y a pas de risque de l'utiliser, de le mettre en prod après,
même pour un client ?
Voilà.
Je vois avec l'IA, je suis toujours méfiante au niveau du code.
Et voilà, ça me soucie un peu.
Oui, oui.
Tu avais raison d'être méfiante.
Il faut toujours contrôler.
Après, oui, il est installé en local.
Là, je lui ai demandé où est installé mon site.
Et voilà, il m'a donné ce dossier.
Donc là, si je vais voir le dossier.
En fait, comme tu peux le voir ici, c'est un site WordPress classique.
D'accord.
On doit lui indiquer où ou c'est lui qui gère le local ?
Non.
En fait, tu lui dis crée-moi un site et il se débrouille.
Ah d'accord.
Après, là, je lui ai dit où est installé mon site et il m'a dit ici.
Après, si tu veux avoir un dossier spécifique pour toi, tu peux lui dire crée-moi un site
dans ce dossier-là.
Et ça marche aussi.
Et en fait, c'est un WordPress tout à fait classique.
Il n'y a rien de spécial.
Là, pour ce site spécifiquement, je lui avais demandé de créer un site pour Studio Code
avec un formulaire d'inscription et juste un site OnePage.
Donc, une seule page vitrine.
Donc, qu'est-ce qu'il a fait ?
Il a créé un thème spécifique pour le site et il a installé Jetpack pour le formulaire de contact.
Et c'est tout.
Donc, il n'a utilisé que des core blocks.
Donc, par défaut, en fait, ça optimise pour utiliser que ce qu'il y a dans WordPress core.
Et s'il y a des fonctionnalités qui manquent, il va essayer d'installer le plugin.
Par exemple, pour le formulaire de contact, il va installer Jetpack.
Si tu demandes un site e-commerce, il va installer e-commerce, des trucs comme ça.
Mais au niveau du code, moi, par exemple, je ne suis pas dev.
Je touche un peu, mais je ne suis pas dev de base.
Du coup, moi, j'ai toujours une appréhension sur le code de me dire si je ne vois pas quelque chose.
Et là, on est sûr, il va nous sortir du code WordPress.
Il n'y a pas de risque de problématique, d'aslicination.
On peut avoir les yeux fermés, confiants.
Oui, bien sûr.
De toute façon, tant que ça marche, c'est qu'il n'y a pas de problème.
Mais après, si tu veux voir le code, je vais essayer de l'ouvrir ici.
C'est plus en termes de failles de sécurité ou autre qu'on ne pourrait pas voir.
Oui.
Voilà, je me pose la question.
Je pense que les modèles sont de plus en plus puissants.
Après, il y a toujours des petits risques.
Mais encore, il faut jeter un petit œil rapide au code qu'il a généré.
Là, j'ai ouvert dans Visual Studio Code.
Donc là, si on va dans les themes, on voit qu'il a créé ce dossier.
En fait, il a créé un theme Studio Code.
Et c'est un theme WordPress, tout ce qui est le plus classique.
Donc le style, le theme, json, son point PHP.
Donc PHP, c'est là où il peut y avoir les failles de sécurité.
Donc peut-être ce fichier-là, il faut le voir un peu plus, on va dire, d'attention.
Voilà.
Et après, les autres, c'est des templates classiques HTML, des patterns, des templates parts.
Donc voilà, tout ce qu'il y a de plus classique.
C'est un theme WordPress.
Et quand il est en train de faire les modifs, il te montre ce qu'il est en train de faire.
Moi, je n'ai pas montré ici parce que ça prend cinq minutes pour créer tout le site.
Mais on voit les étapes qu'il est en train de faire.
Et ce qu'on voyait juste avant, là, dans le code, c'est hier, quand on a préparé avec Riyad,
je lui ai demandé de créer des styles de blocs pour les boutons.
Et donc, on voit ici le code qui a été généré suite à ça.
Ok.
Et on peut l'aiguiller sur les plugins qu'on veut ou autre ?
Bien sûr.
Il y a un autre truc intéressant que je voulais montrer, c'est la commande annotate.
Donc là, si je tape annotate.
Là, je suis sur mon site Studio Code toujours.
Et je tape annotate.
Ce que ça va faire, c'est que ça va m'ouvrir un navigateur.
Bon, dans trois secondes.
Voilà.
Là, j'ai mon site dans le navigateur.
Et j'ai cette petite toolbar ici.
Si je clique sur annoter, par exemple, si je n'aime pas un truc, je peux lui dire, par exemple, je veux supprimer ce coming soon.
Supprime ce texte.
Je veux modifier, je ne sais pas, des couleurs.
Par exemple, je n'aime pas le bouton blanc.
Je préfère qu'il soit un peu plus doré.
Utilise le style de bouton doré.
Je ne sais pas si c'est de zéro, un seul.
Non, c'est un seul.
Un seul.
Donc voilà.
Quand on a fini toutes les remarques qu'on a, tu fais done.
Là, il me dit, je vais envoyer ces deux annotations au CLI.
Donc CLI, c'est la ligne de commande.
Et je vais fermer dans cinq secondes.
C'est très net.
Voilà, ça se ferme.
Oups, il y a quelqu'un qui appelle.
Donc ça se ferme et il me dit, voilà, voilà les deux annotations que j'ai faites dans le navigateur.
Et qu'est-ce que je fais avec ?
Est-ce que j'applique les changements ou je ne fais rien ?
Donc moi, je vais dire, vas-y, applique les changements.
Et là, il va faire les modifications qu'on a demandées.
Là, il est en train de voir, par exemple, c'est un thème, voilà, ces fichiers qu'il faut modifier.
Quand il y a des questions, il faut me dire parce que je n'entends pas forcément tout le monde quand je suis en mode partage écran.
Je pense comme ça.
Je pense qu'il doit y avoir un petit souci.
Donc voilà.
Demain après-midi, oui, je peux.
Donc voilà, là, le style doré.
Je reviens ici.
Je ne sais pas si vous avez des questions jusqu'à présent.
Vas-y, Olivier.
Peut-être que tu pourrais remontrer aussi l'exemple hier où je t'avais demandé de souligner un texte avec un mode…
À la main.
À main levée.
Je trouvais que c'était assez efficace.
Alors, attends, juste, je reviens d'un petit peu autre chose.
On va voir déjà ce qu'il a fait.
Les deux modifications que j'ai demandées, c'était…
Je reviens dans mon navigateur.
J'avais demandé de supprimer ça.
Non, ça, c'est le site preview.
Donc, il a supprimé.
Il a mis ça en doré.
Donc voilà, c'est les deux modifs que j'avais modifiés.
J'avais demandé.
Là, on va faire d'autres.
Je refais annotate.
Ça va ouvrir le navigateur une autre fois.
Et là, hier, on avait demandé, par exemple, ici, on va aller dire, souligne studio code à la main.
Et…
Done.
Donc, il a envoyé les annotations dans le CLI.
Je pense qu'il attend que ça se ferme.
Voilà.
Et là, je dis, vas-y, SDG tracé à la main.
Oui.
Oui, vas-y.
Je ne sais pas si vous m'entendez.
Je crois que j'ai un problème.
Je n'entends personne, là.
Non, on t'entend très bien.
On est tous…
Un lèvre.
D'accord.
On est tous attentifs et on est bons élèves.
On est juste scotchés.
On est complètement scotchés.
Non, parce que des fois, en fait, quand je suis sur cette fenêtre, je vous entends bien.
Mais quand je switch, c'est le blackout.
Et du coup, je me sens un peu seul et je ne sais pas ce qui se passe.
J'ai l'impression qu'il y a quelque chose qui ne va pas.
Non, là, avec le SVG, tu nous as achevé, là, je crois.
Donc, bon, on va voir le résultat.
Peut-être que ce ne sera pas parfait.
C'est des LLM, donc ce n'est jamais, on va dire, très sûr à 100%.
Mais on va dire que là, ça devient de plus en plus intéressant.
Donc, là, il a fait le SVG.
On va voir.
Il ajoute le CSS pour le soulignement.
Je ne sais pas.
Ça a encore peut-être une dizaine de secondes.
Et entre-temps, voilà.
Take a screenshot.
Il prend même un screenshot pour vérifier.
Voilà.
Donc, là, c'est souligné.
Wow.
On est foutu avec ces IA.
Non, moi, je pense que les gens ne vont pas…
Tout le monde ne va pas aller utiliser l'IA et demander,
allez, je fais ça, je fais ça, je fais ça.
Il y aura toujours besoin de demander à quelqu'un de faire pour soi.
On va dire.
Il y a quelqu'un qui sait, par exemple, ce que ça veut dire SEO,
qui sait ce que ça veut dire performance.
Il m'a demandé de télécharger la fente.
Ben oui, c'est une bonne idée ou pas.
Donc, il faut toujours, je pense, quelqu'un, un intermédiaire pour faire le travail.
Parce que si mon travail, je ne sais pas, je suis médecin, je n'ai pas envie de perdre mon temps à aller demander à l'IA de me faire un site et faire toutes les modifs à la main.
Moi, je préfère, en fait, demander à quelqu'un de compétent, de le faire à ma place.
Donc, l'IA, c'est un outil, je pense, plus que…
C'est une nouvelle compétence, finalement.
Voilà.
Enfin, après, la vérité aussi, c'est qu'on n'en sait pas grand-chose.
C'est que là, on est en train d'explorer, de découvrir ce qui est possible, mais que ça va changer tellement rapidement que, voilà, il faut qu'on s'adapte.
Alors, moi, j'aime bien, pardon, j'aime bien la fonction annotate.
Est-ce que tu pourrais retourner sur la page et animer les chiffres, là, les…
On va essayer.
Annotate.
Alors, quels chiffres que tu as ?
Les chiffres, là, au-dessus, au-dessus, les 700…
Ah, ces chiffres-là ?
Ces chiffres-là, oui.
Sauf le page builder, il faut le laisser à zéro.
OK.
Tu veux dire que l'anime est genre de zéro à 700, c'est ça ?
Oui, oui, qui est cette petite…
Ces chiffres qui s'affichent dynamiquement.
Ça tourne, oui, comme un compteur, quoi.
Comme un compteur, oui.
De zéro à la valeur indiquée.
Quelque chose comme ça ?
Ça m'a l'air bien, ça.
Là, aussi, en attendant qu'il fasse ça, donc là, je vais lui dire, vas-y, fais ça.
En attendant qu'il fasse ça, je voulais aussi mentionner un truc.
Là, on est en train d'utiliser le terminal.
C'est ce qui est disponible aujourd'hui.
Donc, comme je vous ai montré au début, npm install et on l'a en local.
C'est ça, j'aimerais bien que tu expliques plus.
Je n'ai pas tout saisi.
Quel terminal, celui qu'on a sur notre Mac ?
Oui, n'importe quel terminal.
Donc, c'est le terminal de Mac ou il y a des gens qui ont des terminaux spéciaux, n'importe lequel.
Il suffit d'avoir Node d'installer avant.
Donc, si on n'a pas Node, on peut aller, en fait, sur Node.js.org.
Node.js.org.
On télécharge la version, on va dire, 24 ou 26.
Les deux fonctionnent, mais à partir de 24, je pense que c'est bien.
Donc, on la télécharge, on l'installe.
Une fois installé, Node, il est dans la machine.
On peut installer Studio en faisant npm, npg, npg, c'est-à-dire global, install et WP Studio.
Et c'est tout.
Et on attend genre deux, trois minutes et après, tu peux faire Studio Code.
D'accord, merci.
C'est ça que j'ai loupé.
Merci.
Oui, bon.
Bon, là, j'ai une erreur parce que ce n'est pas la bonne version de Node.
Mais voilà.
Je vais revenir à ma fenêtre.
Donc là, l'animation, elle a été rajoutée au scroll quand on est en install.
Ouais.
Bon, on va voir.
On va voir ce qu'il a fait.
Voilà.
Wow.
Et une chose aussi, ça aussi, par exemple, c'est important.
Là, j'ai dit que, par exemple, le Studio Code, on a mis dedans des skills, des compétences
pour lui dire comment il faut faire les trucs.
Et par exemple, pour l'animation, ce qui est important pour l'accessibilité, c'est
que à chaque animation qu'on rajoute, on doit supporter cette configuration qui s'appelle
Prefers Reduced Motion.
C'est une configuration que l'utilisateur, il peut faire au niveau de son système d'exploitation
pour dire, par exemple, moi, je n'aime pas trop les animations.
Moi, je préfère parce que c'est perturbant.
Et il y a des gens que ça perturbe.
Et donc, là, l'animation, si j'active cette option dans mon système d'exploitation, en fait, peut-être qu'elle sera un peu plus légère ou qu'elle n'existera pas.
Je peux faire une petite démo, je pense, rapidement.
Là, par exemple, dans Mac OS, il y a un Accessibility Motion.
Donc là, il y a une configuration, en fait, et les gens qui ont besoin d'accessibilité, ils connaissent ces trucs.
Donc, tu l'actives.
Et là, ça réduit le nombre d'animations partout.
Là, même quand je switch de page, par exemple.
Et là, si je fais, si je réfraîche la page, en fait, il n'y a plus d'animation.
Voilà.
Donc, j'ai respecté cette configuration globale.
Et donc, ça, c'est le genre de compétences que, voilà, si on ne les connaît pas et si ça ne vient pas par défaut, c'est difficile de savoir.
Et donc, là, ça permet d'avoir un site accessible, par exemple, par défaut.
Good point.
Je vais remettre des animations.
Et Riyad, juste avant, tu parlais de la grande nouvelle à partir de la semaine prochaine.
Voilà, c'est une petite note sympa.
Autour de ce que je voulais dire.
Donc, oui, on parlait de Terminal.
Donc, là, j'utilise le Terminal pour l'utiliser.
Mais je sais qu'il y a pas mal de monde qui, par exemple, quand ils entendent Terminal,
ça paraît un peu trop technique, un peu trop difficile.
Donc, ce qu'on va faire dans la prochaine version de l'application Studio que vous connaissez,
en fait, on va, Studio Code, il va être ajouté là-bas dans une fenêtre.
Je vais vous montrer.
Je crois que j'ai la version bêta qui n'est pas encore sortie.
Donc, là, c'est l'application Studio que vous devez connaître.
Donc, on peut créer des sites, WordPress normal, etc.
Mais si je veux faire des modifs, par exemple, sur Studio Code, je peux venir ici dans Assistant.
Et en fait, là, en fait, c'est la même chose que j'ai dans mon Terminal.
Je peux le faire ici.
Je peux discuter avec lui ici.
Dans l'application, dans Studio?
Dans l'application.
Ça marche de la même manière.
Rien?
Exactement le même modèle.
Donc, ça, je pense que ça sortira sûrement dans moins d'une semaine.
Peut-être.
Je pense que les jours de sortie, c'est lundi.
Donc, lundi, on aura ça dans l'application Studio.
Rien?
Après, moi, personnellement, je suis…
Je ne m'entends pas.
Je préfère…
Rien?
On m'entend?
Tu m'entends?
Il m'entend ou on ne t'entend pas?
Je pense qu'il t'entend pas.
Est-ce que tu m'entends, Rien?
Maintenant, je t'entends, mais avant, je ne t'entendais pas.
OK.
Est-ce que maintenant, l'application Studio que tu viens de montrer fonctionne sous Linux?
Parce que je l'ai testée il y a quelque temps.
Ça ne marchait pas.
Je pense qu'elle fonctionne sous Linux.
Ou bien, je ne vais pas dire des bêtises, mais je sais que les développeurs de l'application
ont fait une version Linux dans le mois précédent.
Est-ce qu'elle est sortie officiellement sous Linux ou pas?
Je ne suis pas sûr à 100%, mais en tout cas, si ce n'est pas le cas, ça sera dans les prochains jours aussi.
On la trouve sur quel site déjà?
C'est WordPress.studio.
Il fait WordPress.studio.
En fait, elle est là.
Il y a Linux, donc elle est disponible.
Est-ce qu'il y aura la fonction annotate aussi dans la version Studio?
Oui.
Je vais essayer de le faire.
Je ne suis pas sûr que ça marche encore, mais je vais voir.
Peut-être que c'est déjà le cas.
Donc là, je fais annotate.
Et je vais voir ce que ça donne.
Mais je pense que ça marche en fait.
Donc là, il est en train de voir si le site, il tourne ou s'il ne tourne pas.
Et il m'ouvre le navigateur.
Et voilà, je fais annotate.
Je ne sais pas.
Vive mon lundi alors.
Cette couleur.
Et voilà.
Mais c'est en vent.
Dans Studio Code, du coup, on écrit aussi en ligne de code ou les deux ?
Enfin, juste.
Non, en fait, Studio Code, c'est l'agent.
Et il tourne ou bien dans le terminal, comme j'ai montré depuis le début.
Et aussi, il va tourner ici.
Donc ça, il tourne ici dans l'application.
Et là, on parle avec lui.
D'accord, mais juste comme tu as écrit slash annotate,
on est obligé de lui parler comme ça en fait ?
Non, en fait, on peut cliquer ici et on fait annotate.
Ah, d'accord.
Donc ça, c'est un bouton.
Ça, c'est un bouton pour avoir toutes les skills.
Voilà.
Comme dans Kutember, quoi.
Ça va.
Et juste, si on a un site existant qu'on voudrait,
auquel on veut apporter des modifications,
on peut l'importer aussi ?
Et le faire modifier comme ça ?
Oui.
Alors, je ne suis pas expert de l'application Studio,
mais je pense que là, on peut faire, voilà,
on importe depuis un zip, un WordPress ou un export.
Et si notre site, il est sur WordPress.com,
je pense qu'on peut juste faire connect aussi
et tu as la liste de tes sites qui sont sur WordPress.com
et tu peux les rajouter en un clic, je pense.
Ok.
Oui, on peut faire ça.
Merci.
Pas de quoi.
Ça, en tout cas, ça donne envie tout ça.
Ça donne tellement envie que ça fait peur des fois.
Oui, franchement, c'est génial.
Un peu trop génie.
Donc voilà, si vous avez d'autres questions,
je ne sais pas, je pense que j'ai montré à peu près
ce que j'avais à montrer sur Studio Code.
Allô ?
Il y a quelqu'un qui veut parler là.
Oui, désolé, je n'ai pas la webcam.
C'est Laurent, mais vas-y Olivier, je dirai après toi.
Moi, c'était juste pour, c'est une réflexion qu'on avait hier.
Il y a aussi cette possibilité de dire, reprends cette mise en page.
Alors, ça ne sera peut-être pas actif pour l'instant,
mais cette possibilité de dire, je voudrais cette fonctionnalité,
que tu me reproduises cette fonctionnalité sur le site.
Donc, il y a cette possibilité aussi de faire des liens vers d'autres sites
pour récupérer une fonctionnalité.
Je vais montrer un petit truc rapidement.
Donc, en fait, j'ai ce petit site que j'ai fait aussi ce matin.
En fait, ce site, c'est un site, on va dire, e-commerce d'animaux domestiques.
Voilà.
Et pour le faire, je lui ai dit, copie-moi, ou pas copie-moi,
je lui ai dit, inspire-toi du design d'un site existant.
En fait, j'ai cherché PetSite sur Google.
J'avais trouvé un site que je trouvais un peu sympa, je pense.
Je ne sais pas si c'est lui.
Au fait, j'ai oublié le nom du site que j'ai utilisé, mais non, ce n'est pas lui.
Mais j'avais trouvé un site que je trouvais sympa,
et je lui ai dit, vas-y, inspire-toi du site.
Je pense que c'est lui.
Voilà.
Je lui ai dit, ce site, je le trouve sympa.
Inspire-toi du design et fais-moi un autre site légèrement différent,
mais dans la même vibe.
Et donc, il a fait ça.
Et donc, c'est un site e-commerce tout à fait fonctionnel,
avec e-commerce.
Let's check out.
Et voilà.
Oui, c'est possible de faire ça.
En fait, la limite, c'est l'imagination.
Wow.
Alors, j'avais juste une petite question.
De mémoire, alors je suis désolé, ça ne concerne plus Studio,
je crois que Studio Code,
mais de mémoire Studio, il fonctionne sur MySQL Lite.
Sur SQL Lite, pardon.
Oui.
Du coup, pour l'import d'une archive d'un site existant en zip,
il fait la conversion d'une base MySQL en SQL Lite.
Alors oui, mais ça dépend de quel type d'import on parle.
Je pense que dans un export classique, il n'y a pas de SQL.
Genre dans un export WordPress ou un truc comme ça.
Ah oui, ça dépend exactement de ça.
Parce que là, je ne sais pas, j'ai vu rapidement,
c'était import.
Attends.
Je pense qu'on veut backup.
Un backup.
Alors, WPress, par exemple, c'est un export.
Ah oui, SQ.
Ça comprend la base de données, oui.
Oui, ça comprend.
Oui, je sais.
Par exemple, je sais qu'on supporte l'export de local,
et je pense que lui aussi contient la base de données.
En fait, le SQL Lite qui fait marcher,
c'est vrai que Studio fonctionne sur Playground,
donc en fait, ça utilise SQL Lite.
Et si je me souviens bien,
là aussi, ce n'est pas la partie dont je suis responsable,
mais je pense qu'ils ont implémenté une sorte de conversion MySQL, SQL Lite.
Et en fait, si tu fais n'importe quelle requête MySQL,
elle va fonctionner sur Studio,
comme si c'était du MySQL,
mais derrière, c'est juste persister en tant que SQL Lite dans un fichier.
OK.
Parce que si la conversion, elle se fait bien,
c'est fou, quoi.
Parce que ça veut dire qu'à partir d'un site en MySQL classique,
on pourrait générer à la volée dans Playground
une version de test sur SQL Lite instantanément.
Oui, elle se fait très, très bien.
Et d'ailleurs, là, les sites, par exemple,
que j'ai montrés, les sites qui étaient en ligne,
je vais essayer de les retrouver.
Bon, le site de preview que j'avais partagé tout à l'heure,
il tourne sur WordPress.com,
et WordPress.com, il ne tourne pas sur SQL Lite.
C'est du MySQL.
Donc, tu importes, tu exportes depuis WordPress.com, normal.
OK, OK.
Bon, je vais creuser, voir si ces outils sont un peu dispo au grand public
ou si c'est réservé à VP.com.
Non, non, non, il y a plein de choses qui sont dispo.
Franchement, juste la partie hébergement, là, le publish site,
c'est la seule partie qui est WordPress.com spécifique.
Là, si on veut publier le site automatiquement en ligne,
sans se casser la tête,
il faut un hébergement WordPress.com ou pressable.
Mais si tu veux, tu peux faire export ici,
export entire site ou bien export database.
C'est en anglais, mais je pense que la version française existe.
Donc, chez moi, c'est en anglais.
Mais du coup, on peut exporter et importer dans n'importe quel hébergeur.
Et ça doit fonctionner.
OK, nickel.
Magnifique.
Riyad, tu m'entends ?
Riyad, il y a une question de Cyril.
Est-ce que tu m'entends ?
Oui, j'entends maintenant.
À chaque fois, il faut que je revienne ici sur cette fenêtre pour pouvoir t'entendre.
Je ne sais pas si ce bug vient d'où.
OK, donc je te confirme que Studio s'installe sur Linux et que ça tourne en français.
OK, super, super, merci.
Et que j'ai même pu faire la connexion avec l'assistant.
Non, ça ne l'a pas encore, mais ça devrait le faire approuver, autoriser.
Non, en fait, l'assistant qu'il y a aujourd'hui dans l'application Studio,
c'est un assistant différent qui est moins performant que ce que j'ai montré.
OK, donc en…
Studio Code.
Il sera sur l'application la semaine prochaine.
OK.
Comme tu dis, quand on crée un site, en fait, donc là, il va nous créer un thème.
Jusqu'à présent, enfin, moi, je sais que je travaille en FSE et 2025,
puisque je sais que c'est maintenu, c'est un thème qui est quand même travaillé accessibilité, etc.
Dans le temps, avec les nouvelles versions de WordPress, du coup, comme c'est un thème qui va être créé,
comment ça se passe, s'il y a des problèmes de compatibilité ou des ajustements, des…
Enfin, je ne sais pas, comment ça se retravaille, du coup, on n'aura pas de mise à jour en soi.
Alors, dans Studio Code, ce qu'est-ce qu'on a… Dans les compétences qu'on a mises dans Studio Code, on dit, par défaut, crée un thème…
Si quelqu'un demande de créer un site, crée un thème personnalisé FSE.
Donc, c'est un thème FSE. Donc, toutes les mises à jour de WordPress qui vont arriver, s'il y a de nouveaux blocs ou s'il y a de nouvelles choses dans l'interface au niveau du FSE, ben, ça sera…
Ça sera dessus, sans problème. Après, ça n'utilise pas le thème par défaut. Mais je pense que c'est une solution valable comme une autre. Le thème par défaut, ça permet aussi d'aller vite et utiliser les patterns.
Mais si on crée un design complètement custom comme Studio Code le fait, je pense qu'il n'y a pas forcément de raison de partir sur le thème par défaut.
Oui. En fait, ma question, c'était plutôt… Le thème par défaut, de temps à autre, tu as quand même des mises à jour. Là, si on crée un thème, il n'y aura pas de mise à jour. Est-ce que ça reste une problématique ou comment on peut… Voilà, s'il y a des choses à montrer ?
Non, non. Je pense que ce n'est pas une problématique. Les mises à jour des thèmes par défaut, généralement, c'est des petits trucs du style…
On a rajouté une fonctionnalité dans WordPress. On va, par exemple, la désactiver ou l'activer, par exemple…
D'accord.Par exemple, imaginons que demain, WordPress, ils disent : « Je rajoute le responsive editing. » Ça fait juste un exemple, ce n'est pas la vérité. Et pour l'avoir, il faut avoir un flag dans le thème, dans Team JSON, par exemple, ou un truc comme ça.
La mise à jour va dire : « Ok, le thème par défaut va l'activer, ce flag par défaut » ou un truc comme ça.
Le thème ne nécessite pas forcément de… un suivi, des mises à jour constantes. Donc un thème, finalement, c'est quelque chose d'assez light et de… statique, on va dire.
Ce n'est pas vraiment du code qui peut avoir des failles de sécurité à mettre à jour avec le temps ou des trucs comme ça.
C'est quelque chose de très déclaratif. Donc, voici mes templates, voici mes images et mes styles. Et ce n'est pas quelque chose qui va venir… qui va être modifié avec le temps de manière significative.
Ok. Mais dans l'exemple que tu donnes, par exemple, c'est une fonctionnalité que la mise à jour va permettre d'activer. Donc, sur le thème qu'on a créé, nous, il faut qu'on aille lui demander dans l'IA « Active ».
Oui, oui. Donc, il faut bien savoir ce qui est… les nouveautés en cours, quoi. En cours.
Oui, oui, oui, bien sûr. Bien sûr. Après, je dirais que si un site, il fonctionne bien, il fonctionne bien. On n'a pas besoin de nouveau.
Oui, c'est vrai, c'est vrai. Disons que des fois, il y a des petites choses qui arrivent, là, comme WordPress évolue de plus en plus, qui sont quand même sympathiques, qu'on n'avait pas avant.
Oui, oui, c'est clair. Par exemple, le responsive editing, c'est un bon exemple que j'ai pris. Et je pense que c'est quelque chose d'intéressant.
Je pense qu'il va sûrement venir en WordPress 7.1. Et par contre, je pense que ça sera activé par défaut pour tout le monde. Je pense qu'il n'y aura pas de flag pour celui-là.
Ok. Merci.
De toute façon, au niveau de ton prompt, quand tu dis « Créer un thème », on peut très bien dire « Créer un thème » à partir de 2025 et ne fait que rajouter, ne mettre en forme le thème existant.
En effet, c'est tout à fait possible, on peut lui dire, de créer un sous-thème de 2025 aussi, par exemple. Ça marche aussi. Après, il y a toujours la discussion, est-ce qu'on fait un sous-thème ou un thème personnalisé ?
Moi, perso, je préfère toujours avoir un thème dédié. Mais il y a des avantages et des inconvénients aux deux approches.
Tu parles le thème enfant, c'est ça ?
Oui, oui. Voilà. Child Teams. Je ne sais pas comment j'ai dit. Mais oui. Le thème enfant.
Peut-être l'autre chose aussi que tu pourrais préciser, c'est au niveau des tokens dont tu me parlais hier.
Oui. Oui, je parlais. Je disais que pour le moment, en fait, Studio Code, c'est gratuit parce qu'on est en train d'explorer les possibilités.
Et donc, on offre des tokens gratuits quand tu te connectes avec WordPress.com.
Il faut être clair. Ça ne sera pas le cas pour toujours. Donc, à un certain moment, il faudra ou bien avoir… En fait, le modèle économique n'est pas défini. La vérité, c'est qu'on n'a pas défini de modèle économique encore.
Mais ce n'est pas sustainable. Ce n'est pas soutenable. Je ne sais pas comment dire en français. Je perds mes mots.
Ce n'est pas sustainable pour automatique d'offrir ça gratuit pour toujours parce qu'il faut payer les modèles. Il faut payer Anthropik et il faut payer OpenAI.
Et donc, à un certain moment, il faudra… On aura des plans, peut-être… Il y aura des tokens gratuits lorsque tu auras un site sur WordPress.com ou bien tu pourras acheter des tokens de WordPress.com ou bien, comme j'ai montré au début aussi,
tu ne veux pas utiliser WordPress.com, tu ramènes ta propre clé d'API d'Anthropik ou d'OpenAI et tu l'utilises. Tu configures Studio Code pour l'utiliser.
Comme ça, tu payes déjà Anthropik, il n'y a pas la peine de payer WordPress.com pour avoir des tokens.
Donc, il y aura un modèle économique à mettre en place là-dessus. Je n'ai aucune info. Et en fait, nous-mêmes, on ne sait pas encore qu'est-ce que ça sera et quand ça sera.
Mais je tiens à préciser que pour le moment, c'est gratuit, mais ça ne le sera pas pour toujours. Ça, c'est clair.
Et dans l'application Studio Code, on peut rentrer aussi l'API Anthropik ?
Oui, oui, on peut. En fait, la première fois que tu te connectes à Studio Code au niveau du terminal, pour le moment,
ils te demandent ou bien tu te connectes avec WordPress.com ou bien tu donnes ta clé d'API Anthropik.
Et comment tu fais pour se connecter avec WordPress ?
Je vais montrer ça. En fait, je vais me déconnecter. Parce que je suis déjà connecté. En fait, la première fois, il va le faire tout seul.
Mais moi, vu que j'ai déjà configuré, il ne va pas me le faire tout seul. Mais il me dit ça. Il me dit « use slash login to authenticate ».
Donc je fais « slash login ». Et en fait, ça ouvre au workspace.com. Et là, si j'ai un compte, il va me demander d'approuver. Et sinon, il va me demander de créer un compte.
Et là, si j'autorise, je copie ce token généré. Bon, il ne marchera pas tout à l'heure. Donc, vous ne pouvez pas hacker mon compte.
Mais voilà. Et là, je suis connecté. Et là, je peux discuter.
Merci.
Et voilà.
On est tous sans voix.
Oui.
Bon, il faut laisser. Il faut laisser. Et j'aimerais bien avoir vos retours aussi. Parce que c'est très, très récent et très, très, on va dire, immature.
Donc, il doit y avoir des bugs à droite, à gauche. Il doit y avoir des trucs à améliorer.
Donc, moi, je suis très friand de vos retours. Donc, essayez-le tant que c'est gratuit.
Dites-moi si c'est utile, si ce n'est pas utile. Qu'est-ce qui est… Voilà. Qu'est-ce que vous… Quelles améliorations vous aimeriez voir, etc.
Donc, voilà. Moi, je suis très friand de ça.
Et par quel biais on te fait des retours ?
En fait, je suis sur le Slack WordPress FR. Donc, on peut m'envoyer des messages directement.
Sinon, en fait, Studio, c'est open source. Donc, on peut aller sur GitHub et créer des issues si on est familier avec ça.
Donc, automatique slash Studio sur GitHub et on crée des issues.
Donc, je vois une autre question qui vient dans le chat. Je ne sais pas si… Qui directe. Je ne sais pas.
Ça doit être un pseudo. Donc, j'ai montré avant, mais ce n'est pas spécifique à Outpass.com.
Ce qui est spécifique à Outpass.com, c'est juste la publication. Donc, comme on a dit plus tôt.
Ok. Pardon. C'est Derek.
Il est sur le Slack, Derek. Il est sur le Slack.
Et vous êtes combien à travailler sur le projet ?
Alors, l'équipe va dire… Le Studio Code, l'agent lui-même.
Trois, quatre personnes. Et après, il y a toute l'application Studio et tout ce qu'il y a autour. Ça doit aller jusqu'à une dizaine de personnes, je pense.
Et vous êtes dans le monde entier ou juste basé ?
Oui, il y a des gens dans le monde entier. Donc, Automatique, c'est chacun boss de chez lui. Donc, il y a des gens un peu partout.
C'est bénévole quoi. Enfin, vous êtes…
Non, non, ce n'est pas bénévole.
Ah non, d'accord. Non, non, non.
Non, non, non. Non, non, non. On est des employés d'Automatique.
D'accord.
Un peu partout dans le monde.
Super. Bravo.
Magnifique. Je vais venir faire un petit tour à Oran, là.
Là, en été, je n'y serai pas, mais je serai ravi de t'accueillir pendant l'année.
Oui, j'ai de la famille, là.
Allez, merci.
C'est cool.
Bon, au niveau timing, on est pas mal. Sinon, oui, c'est des dernières questions. Mais sinon, au niveau timing, on est parfait.
Nickel.
Oui, vas-y, Beryl, pardon. Je t'ai coupé la parole.
Non, non, non. C'est moi qui suis pas les… C'est juste… Donc, c'est OpenAI et Anthropic qui sont derrière le…
Les modèles utilisés ?
Oui.
Donc, on utilise… En fait, ils supportent les deux. Ils supportent OpenAI et Anthropic. Après, je ne sais pas si vous avez vu, hier, il y a eu Anthropic qui a sorti le nouveau modèle Fable 5.
Et c'est un modèle très, très puissant. Donc, il y a des chances que si on utilise Fable 5, il soit par défaut parce qu'il va produire de meilleurs résultats pour le moment.
Mais dans la version qui est disponible, celle que j'ai utilisée aujourd'hui pour faire les démos, c'est pas Fable 5. C'est juste… C'est Sonnet Anthropic. Mais si on tape « slash » modèle, on peut changer. Là, je vais vous montrer.
Donc, tap « slash » modèle. Et là, tu choisis le modèle que tu préfères. Donc, Fable 5, c'est le nouveau qui n'est pas encore sorti sur Studio Code, mais on va bientôt l'intégrer. Et les quatre autres, ils sont disponibles.
Moi, je dirais que Sonnet 4.6 produit des designs qui sont légèrement meilleurs qu'Opus. Mais ça, c'est juste un avis personnel. C'est très difficile de dire, en fait.
Et chat GPT 5.5, il produit des designs qui sont différents. Ils ne sont pas… Je dirais qu'Enthropic, c'est un peu mieux au niveau design.
GPT peut être un peu plus rapide, mais c'est aussi décent. Voilà. Donc, c'est… Voilà. Des sensibilités un peu différentes. Mais voilà. Donc, on supporte plusieurs modèles.
Après, dans le futur, potentiellement, on pourrait supporter aussi d'autres modèles, genre d'autres… Kimi, par exemple. Il y a de bons retours sur ce modèle.
On verra. Ça dépend, en fait. On va essayer. On va voir ce qui produit de bons résultats. Et voilà. On adapte. On fonctionne.
Ok. Bon, merci.
Répète, quoi.
Donc, il intègre les MCP et les skills, toutes les skills qu'il faut et le MCP qu'il faut pour dialoguer avec WordPress.
Oui. C'est ça, l'idée. En fait, c'est ça le selling point, on va dire. C'est pour ça qu'il y a plein de gens qui disent « Pourquoi je n'utilise pas Cloud directement ? » ou « Pourquoi je n'utilise pas Codex directement ? » Je pense que c'est une bonne question.
Mais si on est très technique et on sait manipuler les skills, les MCP, on comprend comment configurer tout ça et vous voulez utiliser votre propre outil, Cloud ou Codex directement, moi, je pense que c'est une bonne solution.
Mais Studio Code, l'avantage, c'est qu'il vient préconfiguré, en fait. Et il sait créer des sites WordPress, il sait communiquer avec les sites WordPress, il sait faire de la performance.
En fait, il y a tout ce qu'il faut déjà sans rien configurer. Donc, voilà. Ça, c'est le principal avantage.
Mais si on veut récupérer les skills et… Alors, le MCP, est-ce que c'est le même MCP WordPress qui a été publié ou c'est un autre MCP ?
C'est un MCP Studio, un WordPress Studio pour communiquer avec les sites Studio. Je pense qu'il est disponible. Et les skills, il y en a quelques… Enfin, le projet, il est open source. Donc, les skills, si on va dans le dépositorial, on va les trouver.
Après, connecte… Il y a une certaine… Ce qu'on appelle en anglais « hardness ». Donc, comment tout se connecte ensemble. Par exemple, tu fais « slash annotate », ça ouvre le navigateur, ça revient.
Tous ces trucs-là, c'est assez… C'est pas réutilisable facilement. Donc, voilà. Mais tout ça, c'est disponible en open source. Donc…
Ok. Automatique, ça studio et voilà. Tout est là. Je propose, s'il n'y a plus de questions, peut-être qu'on clôture cette session. Je vais arrêter le partage.
Et on te remercie encore une fois. Merci beaucoup. C'était super. Merci. Merci. C'était cool de revoir quelques visages familiers et de revoir la communauté à faire. Donc, ça, c'est pas mal. Merci pour la nuit.
Merci, Yann. C'était super. Bon, essayez-le. Essayez-le et dites-moi. J'attends vos retours. D'accord. Merci beaucoup et bravo. Bravo, merci.
Merci. Je l'ai déjà installé. J'ai déjà… Tu as déjà fait combien de sites ? Non, j'ai reproduit une page d'un site que j'ai. C'est pas mal. C'était… Il a refusé dans un premier temps en me disant qu'il y avait limite de connexion. Il m'a demandé une copie d'écran. Donc, j'ai donné la copie d'écran. Il a travaillé sur la copie d'écran de la page, quoi.
Il s'en est pas mal tiré. C'est pas mal. Mais bon…
Et comment tu télécharges une image, une copie d'écran sur le terminal ?
Ah ben, tu lui donnes le lien vers la… Tu copies le lien dans le terminal et il va aller le chercher, le figé.
Ah oui, carrément. Tu peux aussi drag and drop.
Ah oui, c'est pas pour copier le… Moi, j'ai copié l'image sur mon… Enfin, j'ai ouvert l'image sur mon écran. J'ai fait copier, j'ai collé et lui, il a récupéré le lien vers la image.
Où est-ce qu'elle se trouvait, quoi. Ah purée !
Ah, une chose que je voulais rajouter. Là, la version qui est disponible et que vous pouvez télécharger, il n'y a pas Fable 5, comme j'ai dit. Donc, c'est déjà très capable, en fait, elle peut faire beaucoup de trucs et vous devez aller l'essayer.
Mais je pense que la semaine prochaine, on va aussi sortir avec Fable 5. Et là, moi, sur mes essais que j'ai fait personnellement, c'est genre dix fois, mais moins d'erreurs, plus rapides. C'est pas le jour et la nuit, mais c'est vraiment quelque chose de différent. Donc, voilà. Donc, refaites un essai quand ça sera sorti.
Et est-ce qu'il y a un endroit où on peut suivre les différentes nouveautés ?
Oui, il y a un changelog. Je pense qu'il y a un changelog sur le site de WordPress Studio. J'essaie de le trouver.
"Changelog WordPress Studio". Après, si on veut suivre au jour le jour, c'est GitHub. Mais sinon, il y a le changelog avec les versions. Et je vais essayer de le partager dans le chat.
C'est là, par exemple, qu'on aura l'info que Studio intègre Studio Code, par exemple, normalement la semaine prochaine, c'est ça ?
Oui, c'est ça. Après, je pense qu'aussi dans WordPress.com/news, on fera un article de blog.
Donc, quand il y a de grandes nouveautés, généralement, on fait un article de blog sur WordPress.com/news.
Ok.
Et Olivier, on aura accès au replay ou pas ?
Là, j'ai enregistré. Donc, normalement, c'est bon.
Je vais essayer de le diffuser sur WordPress TV.
Ok.
Et donc, est-ce qu'on peut annoncer aussi, Cyril, pour la fois prochaine ?
Moi ?
Oui.
On restera dans le domaine de l'IA ?
Oui, oui, effectivement, puisqu'on m'a sollicité pour...
Alors, c'est une présentation que j'ai faite au Meetup WordPress Toulouse de là, de juin.
Donc, j'ai fait une migration de site, de Elementor à FSE, avec l'aide de Cloud Code.
Et le résultat a été presque parfait. Enfin, en tout cas, oui, parfait parce que le site est en production.
Le nouveau site est en production.
Et il a réussi à traduire tout le design, qui n'était pas hyper compliqué.
J'ai pris un site simple pour voir comment ça marchait.
Et j'avais auparavant fait une première, on va dire, transposition.
Un site qui était fait sous WordPress, mais auquel je n'avais pas accès à l'admin, qui n'était pas à moi.
C'était juste pour tester.
Six ou sept pages simples.
Ça m'a permis de produire un skill et un...
Un skill, oui.
Des skills.
Et à partir des skills qui ont été produits, j'ai fait cette migration,
qui est une migration qui a été faite pour un client, donc qui est en production,
que j'ai mis en production ce matin.
Voilà.
Donc, je présenterai ça.
C'est assez...
Ça fait gagner du temps, quoi.
Mais comme le disait Ria tout à l'heure,
à mon avis, il n'y a pas à s'inquiéter sur :
"Ah, on va nous prendre le travail", etc.
C'est juste qu'on va pouvoir travailler...
Deux choses.
Soit on produit le même travail avec un coût moins élevé, puisqu'on va mettre moins de temps à faire les choses.
Soit, avec le même montant, on va produire plus de valeur pour le client.
C'est-à-dire, moi, j'ai parfois des clients qui n'ont pas les moyens de payer un développement ou quelque chose qui serait très chouette,
mais ils n'ont pas les moyens.
Donc, avec un outil, avec des outils comme ça, tu vas pouvoir, dans l'enveloppe qu'ils avaient, mettre plus de valeur.
Donc, dans les deux cas, c'est intéressant.
Soit le client, il n'aura pas à payer plus et il aura plus, soit il paiera moins et il aura ce qu'il voulait avec un montant moins élevé.
Je ne sais pas ce que tu en penses, Riyad.
Oui, je suis assez d'accord. Après, il y a aussi le montant des LLM à prendre en considération.
Si ça augmente avec le temps, on verra comment.
Ah oui, alors, pardon. Effectivement, parce que là, moi, le coût, c'est 100 euros par mois.
Voilà, ça rentre. C'est même pas l'épaisseur du trait dans le budget.
Mais si on arrive à 1000, 2000 euros par mois, là, c'est mort.
Voilà, c'est un charme.
Par exemple, sur Fable 5, ils ont dit, par exemple, il est intégré à l'abonnement, donc de 100 ou 200 euros.
Il est intégré jusqu'au 22 juin.
Oui, jusqu'au 22 juin.
Après ça, ça sera des tokens à payer en plus.
Donc, ils commencent à un peu changer leur modèle.
On verra comment ça évolue.
Mais oui, c'est un coût à intégrer.
Mais je pense que oui, ça permet de produire plus de valeur et plus vite.
Ça, c'est clair et net.
Et pour ton exemple de migration, je pense que c'est un use case aussi très, très intéressant, en fait, pour l'IA.
Tout ce qui est migration, ça a toujours été compliqué de faire des migrations de ce page builder vers ce page builder ou de cet hébergeur vers cet autre site, etc.
Ça permet de gagner beaucoup, beaucoup de temps, je pense.
Franchement, c'est intéressant.
Avant ça, j'ai fait, avant d'en arriver à faire cette migration, j'ai fait, là, ce n'était pas une migration, c'était un…
Alors, j'avais migré à la main le site d'un client qui était sous un thème obsolète, qui faisait planter.
Et si tu passais en version supérieure du PHP, ça plantait.
Donc, je lui avais migré à la main les pages principales et le modèle qui entourait l'article.
Le site était fait sous SiteOrigin.
Donc, j'ai dégagé SiteOrigin, j'ai tout fait en FSE.
Mais il y avait 700 articles qui, en enlevant SiteOrigin, ils restaient visibles, mais ils étaient un peu…
Certains, il y avait une mise en page qui n'était plus présente.
C'était lisible, tous les éléments, le HTML était présent.
Alors, migré 700 articles à la main, non.
Et en fait, là, j'ai pu le faire en 3-4 jours.
J'ai pu, à base de règles que j'ai fait en discutant avec Claude Codt, je lui ai dit, fais-moi une règle pour enlever les BR qui en trop.
Il y avait des images qui étaient…
Tu avais l'image et la légende qui étaient prises dans un H4.
Pourquoi pas ?
Donc, la légende de l'image, c'était un H4.
Donc, tout ça, on dégage et on met ça en légende, etc.
Et cette conversion sur 700 articles, elle a super bien marché.
Avec la version Claude Codt.
J'avais commencé avec la version chat de Claude.
J'avais l'impression que c'était bien, mais ça m'avait…
Il y avait des articles qui avaient perdu 80% de leur contenu.
Il ne raconte pas tout, garde-en pour le mois prochain quand même.
Parce que c'était l'autre projet.
Juste une question, il y a la création de site dans Studio Code, ça prend combien de tokens à peu près ?
C'est consommateur de beaucoup ?
Je ne peux pas répondre, je n'en ai aucune idée en fait.
Il ne sait pas, il les a gratuits.
Je vous laisse, c'était extra, merci.
A bientôt.
Est-ce qu'il y a moyen d'afficher la consommation en token ?
On l'avait au tout début et on l'a supprimé parce que pour le moment, ça n'a pas de valeur vu que c'est gratuit.
Et donc, on l'a supprimé.
Mais oui, c'est quelque chose qu'on peut remettre et on devrait remettre à un certain moment, c'est sûr.
Je suppose que sous Claude Code, on peut lui demander de l'afficher.
Donc là, on peut demander aussi qu'il affiche les… ou pas ?
Non, je ne pense pas qu'il ait accès à cette information.
D'accord.
Je propose qu'on clôture, même si on a encore plein de choses à dire et peut-être à raconter plus tard, j'imagine, avec nos futures expériences de Studio Code.
En tout cas, merci.
Merci à vous.
Oui, merci, Riad.
C'était très intéressant.
Très, très intéressant.
Merci.
Merci beaucoup.
Bye bye.
A bientôt. Au revoir.