Live Share pour Visual Studio Code et des news

Durée: 43m16s

Date de sortie: 21/08/2020

Dans cet épisode, nous faisons un retour sur l'utilisation de l'extension Live Share pour Visual Studio Code. Une extension qui permet de faire du pair programming à distance. Nous revenons sur quelques actualités concernant les outils web diffusés durant l'été. Retrouvez toutes les notes et les liens de l'épisode sur cette page : https://double-slash.dev/podcasts/pair-coding/

Bonjour à tous et bienvenue dans ce nouvel épisode.
Aujourd'hui on va parler de pire coding, donc c'est codé avec un collègue, mais la
grosse particularité on va le faire à distance et on va le faire avec Patrick.
Salut Patrick !
Salut à tous !
Et donc on a mis à jour notre site de Double Slash, on a travaillé ensemble avec Patrick et on s'est dit que c'était pas mal d'essayer une extension qui est déjà en place depuis un certain temps.
Donc c'est dans VS Code, on est tous les deux sur VS Code, l'extension s'appelle Live Share et en fait on partage directement la session et on code à deux sur la même code base.
Et donc c'était assez intéressant, alors personnellement j'avais déjà utilisé ça, c'était juste à la sortie du truc, c'était un petit peu buggy, mais ça marchait quand même et moi je me rappelle, j'avais passé vraiment du temps avec un développeur à l'époque qui était sur Bordeaux.
Et c'était assez intéressant, c'était déjà bluffant, mais là c'est encore plus bluffant et ça marche vraiment vraiment bien.
Moi j'avais jamais utilisé et jamais même pensé à l'utiliser, je t'avoue que c'était un peu nouveau pour moi.
Petite précision, en fait il y a deux choses à installer, c'est le Live Share Extension Pack qui inclut une extension Live Share et une deuxième Live Share Audio.
Pourquoi je dis ça ? Parce qu'on en parlera après, on a eu quelques problèmes au niveau d'audio.
On mettra les liens de toute façon dans les notes de l'émission, mais c'est très intéressant, moi j'étais assez bluffé aussi du fonctionnement.
C'est super.
On a un profil GitHub et derrière tu crées une session, tu invites ton collaborateur, lui il reçoit une notification, un email, ça bascule directement sur VS Code.
Et ça charge une nouvelle instance de VS Code avec la code base de ton collègue.
C'est assez bluffant.
Et le truc c'est que quand tu ouvres un fichier, je vois sur quel fichier tu es, je vois ton curseur et on peut échanger.
Exactement.
Pour décrire un peu l'interface, on a un chat disponible, donc on peut parler à tout le monde, parce que je ne sais pas combien on peut être dessus.
Il pourrait tester un Pierre Coding A4, je ne suis vraiment pas le bordel.
Tu as un chat global où tu peux mettre des messages globaux et après tu peux te chatter avec une personne en particulier.
De suite, je pense que c'est GitHub qui est connecté, parce qu'il m'avait suggéré directement toi en tant que contributeur.
Il a vu dans le projet que tu étais contributeur.
Sur le repo, il vient faire des suggestions automatiques basées sur les collaborateurs que tu as ajoutés au repo.
C'est ça, j'ai lancé Live Share et il t'a suggéré, donc je lui ai dit que c'est doux à sort.
Et puis après, on en reviendra un peu sur l'interface, mais je n'ai pas trouvé l'interface de VS Code.
Après, c'est très dev, donc c'est sûr, c'est pas super user friendly avec des bons boutons, il faut un peu chercher.
Il faut un peu chercher, carrément. Il faut beaucoup chercher.
Ça se fait quand même, mais tu es obligé de chercher, tu es obligé d'aller comprendre le fonctionnement.
Ça nous a pris un peu de temps pour se caler.
Par contre, ce qui est quand même pas mal, c'est que tu partages la codebase.
Moi, je vois le ton curseur, toi, tu tapes, moi, je tape, en même temps, on voit qui fait quoi.
Donc ça, c'est plutôt bien, mais on peut aussi partager la session du serveur.
En clair, si toi, tu lances, je crois que c'était 8 sur 8000, c'est ça ?
Ouais, je fais le localhost au 8080, enfin n'importe.
Et toi, ça partage le serveur que j'ai lancé en localhost avec les autres personnes en live ?
Et du coup, ça, c'est quand même pas mal, parce que toi, toutes tes modifs sont enregistrées, ça refresh automatique, moi aussi.
Donc je vois les modifs en live, donc ça, c'est pas mal.
Alors, chose qu'on n'a pas testé, c'est le terminal aussi, mais je peux partager ta session de terminal.
Ce qui fait que, par exemple, si tu lances un serveur, il y a un bug sur...
Enfin, voilà, il y a une notification ou une console log qui pète sur le serveur, sur le log serveur, tu le vois aussi.
Donc ça, c'est plutôt... c'est vraiment sympa, quoi.
L'expérience est quand même assez bonne.
Ouais, tu peux tout partager, c'est ça qui est assez fou, fou.
Et même, enfin, c'est fou, ça fait un peu peur d'un côté, parce que ça te prend vraiment le contrôle complet de VS Code.
Et enfin, moi, ce qui m'a... où j'ai vraiment halluciné, c'est le...
Il n'y a pas du tout de lag, en fait, quand tu tapes...
Parce que quand l'autre personne tape, tu as vraiment le truc à la mille secondes près, avec ton nom marqué,
donc il y avait marqué Alex quand tu tappais, et je vois le truc qui tape, enfin, c'est juste fou, quoi.
Et pourtant, j'avais une connexion un peu pourrie où j'étais au moment où l'on l'a fait.
Et c'était vraiment hyper, hyper clean.
Et on peut...
Pas de lag, quoi.
Ouais, pas du tout de lag.
Et j'ai aussi halluciné, parce que du coup, tu pouvais faire un command Z sur Mac, quoi, pour revenir en arrière.
Et ça m'effacé ce que t'avais écrit et tout.
Mais enfin, j'ai dit, c'était juste...
Ouais, en fait, chaque action est bien enregistrée de manière chronologique.
Moi, je fais l'action 1, toi, tu fais l'action 2, l'action 3.
Moi, je fais Ctrl Z, ça revient 3, 2, 1, quoi.
Ouais, c'est top.
Ouais, c'est top pour travailler à distance.
Surtout avec le télétravail, c'est beaucoup développé ces derniers temps.
C'est une raison de plus, vraiment, pour travailler à distance.
Enfin, ça, c'est...
Il n'y a plus d'excuse, quoi.
Ouais, carrément, tu peux vraiment prendre la main avec un collègue, dire à un capteur, tu te l'es 5 minutes.
Et, ouais, et ce qui est super intéressant, c'est que tu peux vraiment voir le...
Tu choppes le contexte du mec...
Enfin, tu es dans le même contexte, quoi.
Il n'y a pas...
Donc pour la reproduction de bugs, parfois, c'est un peu compliqué, parce que tu dis, ouais, non.
Donc, qu'est-ce que j'ai fait ?
Dans quel état je suis ?
Ben, là, en fait, on partage la même codebase au même moment.
On est tous les deux sur le même ordi, quoi.
Donc, pour le coup, c'est comme si on était vraiment l'un à côté de l'autre.
Ormi.
Ormi, le problème de son qu'on a eu.
Qu'on n'a jamais réussi à faire fonctionner ?
Ouais.
Donc, du coup, on était restés au téléphone.
Mais à la limite, c'est pas...
Je sais pas si c'est super gênant,
parce qu'au final, on utilise un tuyau différent pour le son,
ce qui fait que peut-être sur des partages de...
Enfin, si les connexions sont un petit peu limites,
le fait de venir dégager le son et d'avoir un channel différent pour le son,
pourquoi pas, c'est pas gênant.
Mais c'est vrai que l'expérience aurait été ultime
si on avait réussi à mettre le son.
Je pense qu'il est intéressant surtout d'avoir tout dans la même fenêtre.
Après, tu passes à la limite en plein écran,
tu vois avec ton VS Code, et puis tu restes dedans,
et puis voilà, tu fais tout dedans et tu es concentré.
Parce que c'est vrai que si tu n'as pas le son,
tu dois pas passer par téléphone,
soit passer par Slack ou un truc comme ça,
donc ça te fait jongler entre les fenêtres,
donc c'est forcément super.
Mais bon, oui, on n'a aucune idée de pourquoi ça ne marchait pas,
on a essayé.
En tout cas, toi tu m'entendais, mais en fin de dire...
Oui, en fait, c'est ça.
Au départ, c'est moi qui t'endondais pas,
après, toi ça marchait, moi je t'entendais,
mais toi tu m'entendais pas.
Après, il y a eu différents trucs,
il faudrait peut-être essayer,
après sur des mises à jour,
je ne sais pas si on n'avait pas les deux mêmes versions de VS Code,
je ne sais pas exactement ce qui s'est passé,
on n'a pas réussi à comprendre.
Par contre, toi ce qui est sûr, c'est quand même super bluffant.
Et c'est gratuit.
C'est gratuit.
Oui, exactement, il y a d'autres services qui existent,
je pense à Toppul, je crois,
qui fait ce même type de service
pour faciliter le pire coding, tout ça.
Mais ce sont des services payants.
Et là, pour le coup,
l'intégration à VS Code, elle est juste magique.
Aujourd'hui, même, je pense,
à des lits d'EV,
qui doivent accompagner d'autres personnes
ou des membres de l'équipe,
même en remote,
enfin aujourd'hui, c'est possible, c'est largement faisable.
Il n'y a plus aucun frein, aucun obstacle à l'utilisation.
Et puis, moi je me rappelle, on l'avait utilisé,
c'était 2017,
c'était durant l'été, fin d'été, je crois,
et ça marchait déjà.
Ils étaient déjà sortis de la Beta.
Là, maintenant, on est en 2020,
je pense que le produit, il a dû vachement s'améliorer,
ils ont gagné en stabilité, en maturité.
Donc le produit, il est top,
il est top et feu, vraiment.
2017, c'est trop tellement loin, en fait.
Mais en quelle année ?
Je regardais Visual Studio Code,
à quelle année il est sorti, c'était en 2015.
C'est si vieux, en fait.
J'ai l'impression que c'était plus récent.
Après, je pense, ils ont explosé,
ils ont mis du temps un peu à pousser,
mais enfin, non, ils n'ont pas mis du temps
à croquer tout le marché.
Parce que...
Les éditeurs, ça devenait un petit peu compliqué.
Enfin, c'est...
D'ailleurs, on pourrait lancer un sondage,
un T4 sur lequel éditeur vous utilisez,
mais...
il y avait Sublime Text,
qui était en fin,
il n'était plus trop assuré.
Il y avait l'éditeur de GitHub, je ne sais plus comment il s'appelait.
Ah, Atom.
Atom, qui était top,
mais il bouffait la moitié de la rame.
Ce n'est pas tout, même.
Mais je crois que c'était un portage d'électrons
et croqués, tout.
Du coup, c'est vrai que c'était un petit peu facile
d'arriver avec Visual Studio Code.
Après, c'est aussi électron, à la base,
Visual Studio Code.
Je crois que c'était à peu près la même base.
Après, peut-être qu'ils ont éréécrit autre chose.
Je ne sais pas assez à quel est,
je ne sais pas du tout comment...
Je suis sur la page Wikipédia, il est basé sur l'électron.
Donc, la Microsoft a réussi à faire
ce que Atom n'arrivait pas à faire.
Donc, fin de quitter, il n'arrivait pas à faire.
D'ailleurs...
Après, je pense que ce qui a vraiment été
hyper salvateur pour VS Code,
c'est
toute cette notion de marketplace.
Ou, justement, ils ont ouvert
avec des extensions.
Et à la fin, tu fais vraiment
ton environnement d'œuf
comme tu veux.
Et des mecs qui veulent
gérer leur base de données à l'un
dedans, ils peuvent.
Tu peux lancer
des requests.
Tu peux largement ne plus
sortir de VS Code. Et tu fais quasiment
tout à l'intérieur. Mais c'est modulaire.
Et c'est à la demande.
Le problème d'un IDE, c'est que
tu as tout directement.
Et donc, ça peut être
bien, mais parfois, c'est un peu overkill.
Donc,
moi, je trouve que ce qui est bien, c'est que
tu peux... T'as un haut niveau
de personnalisation.
Et tu peux t'adapter
un VS Code
d'un dev
go ou d'un dev front-end.
Il sera totalement différent.
Et pourtant, c'est la même base, c'est le même
socle. Mais de toute façon, après,
ça va être
spécifique à chaque dev. Il y a des devs
et ils utilisent, je pense, à des collègues
qui font du PHP.
C'est quoi ces PHP Storm?
Oui, il est très utilisé
PHP Storm en PHP.
Et du coup,
ils ne peuvent
pas discuter d'autre chose.
C'est impossible.
Il n'entend pas parler de...
Non, c'est PHP Storm.
Oui, mais
il y a des fonctions d'autocomplétion
qui sont vraiment utiles, surtout
sur certaines fonctions, des classes et tout.
En fait, classique,
l'éditeur va référencer
son projet, les classes, etc.
et après, il te fait d'autocomplétion
quand tu t'appelles le nom de la classe.
Donc c'est très pratique quand tu as beaucoup de classes,
beaucoup de codes.
Mais il existe en JS Storm,
mais JS Storm, je ne sais pas pourquoi, il a pas l'air
de percer des masses en fait.
Je ne sais pas, j'ai jamais utilisé,
donc je ne pourrais pas...
Je ne pourrais pas...
En même temps, il est payant.
Après,
après, c'est quoi la licence?
C'est quoi, 100 balles de 100 balles?
Ouais, c'est pas une fortune, ça doit être
100 euros par an ou un truc comme ça.
Enfin, pour un outil
que tu utilises tous les jours,
quand tu dèves, bon...
Tu connais les dèves, hein,
ils sont un peu tous ratins.
Après, si ça peut te faire gagner du temps,
et vraiment,
franchement,
c'est intéressant.
Mais ça reste...
C'est un choix personnel,
mais là, on est proche parfois
du dogme, quoi.
Donc, il faut même pas
chercher à essayer
d'évangéliser tout ça.
Je pense que c'est à chacun de tester,
chacun voit son truc.
Mais en tout cas, je ne sais pas
si ça serait intéressant de savoir
si les idéotypes PHP-Storm,
enfin, c'est quoi, c'est Intelligy
qui fait ça. Ils ont
des outils justement de pire coding
comme ça, je ne sais pas du tout.
Je sais pas, je sais pas, on n'a pas regardé,
mais c'est intéressant, si vous voulez.
Parce que, pour le coup,
je pense que si...
Alors, le Visual Studio,
ou non, c'est
Visual Code, l'IDE
chez Microsoft,
je pense que si ils l'ont fait sur Visual Studio Code,
je pense qu'ils l'ont fait sur Visual Studio Normal,
je pense.
Enfin, je pense que la version...
Oui, à la base, je pense que c'est bien,
elle doit... Ouais, c'était peut-être
même déjà en place
sur leur IDE
et après, ils ont décliné
sur la version VS Code.
Donc...
En tout cas,
super extension
à tester. Du coup, on recommande.
Ah ouais, on recommande, carrément.
Et puis, juste le fait aussi
de... Ouais,
de coder A2 sur la même code base,
c'est super intéressant.
Déjà, enfin, rien que
le pire coding, déjà,
c'est déjà trop bien.
Je pense que ça nous fait vachement évoluer
sur la manière de faire et de
confronter les idées et tout ça, donc ça va dessus, c'est clair.
Mais aujourd'hui,
il n'y a plus de frein techno, quoi.
La barrière technologique,
elle a sauté complet
et tout est intégré.
Bon, après, à ne pas faire, c'est à te chater
au niveau de la code base
et mettre des commentaires pour te chater.
Mais...
chose qu'on a fait, après, tu dis,
non, mais non. Les gars, il y a un chat,
on disait le chat, ouais, ok.
Mais en tout cas, ça marche
et donc c'est plutôt pas mal
et on recommande, fortement,
carrément.
Mais si vous arrivez à faire marcher le son, bah dites-le,
parce que...
Nous, on n'a pas réussi.
Mais bon, c'était pas très gênant avant.
Ok, très bien.
On voulait faire une petite partie aussi
news. Il y a eu quelques news
durant l'été, donc, revenir sur
quelques news intéressantes.
Donc, je vais les...
je vais les donner petit à petit, puis tu donnes
ton avis. Donc, la sortie
de WordPress 5.5, là, qui était...
qui est sortie il y a quelques jours,
en fait. Donc, c'est une... on parle
de WordPress un peu. Il y a
quelques nouveautés, il y a eu beaucoup
d'améliorations, alors ils ont dit
165 améliorations, 310 correctifs
de bugs. Il y a beaucoup d'améliorations
au niveau de l'accessibilité,
au niveau front et au niveau du timber.
Et il y a quelques nouveautés qui font
un petit peu polémique, style
mis à jour auto, des plugins
et des thèmes qui n'est pas
activé par défaut.
Les plans de site XML, qui sont natifs
maintenant, le VizioDing, tout ça.
La mis à jour auto,
ça fait un petit peu polémique, parce qu'il y a beaucoup de gens qui
revendiquent de ne pas
l'utiliser, en fait. Donc, je sais pas ce que
t'en penses, toi. Alors, j'ai pas compris,
excuse-moi, c'est de manière
maintenant native, c'est-à-dire
out of the box, il te fait
la mis à jour automatique.
C'est toi que, manuellement,
tu dois désactiver cette mis à jour automatique.
Non, pas défaut, elle est pas activée, justement,
pour éviter, déjà, qu'il y a des histoires.
Pour éviter encore plus d'histoires, c'est pas
activé par défaut. Après, c'est toi qui sélectionne
en fait les plugins et les thèmes
que tu décides
qui se mettent toujours
à jour, automatiquement. C'est-à-dire que tu fais
plus rien, en fait. Si un plugin, il y a
une nouvelle version, ça va se mettre à jour tout seul.
Il aime pour les thèmes.
Donc, moi, je trouve que c'est
très, très, très bien, puisque c'est
vraiment, franchement, quand t'as un WordPress,
quasiment tous les deux jours, t'as un truc
à mettre à jour, quand t'as quelques plugins
et tout ça. Et c'est une perte
de temps, mais incroyable, en fait, pour
juste cliquer sur un bouton. Donc,
moi, je trouve ça vraiment top.
Et j'utilisais déjà, avec
il y a déjà un plugin
d'automatique.
Je sais plus comment il s'appelle Jet,
mais j'ai pas envie de passer mon temps
à me connecter sur le WordPress tous les jours
et à mettre à jour les plugins.
J'ai d'autres choses à faire plus intéressantes.
Et voilà, après,
ce qui s'est passé, c'est qu'il y a
beaucoup de messages sur Twitter, etc.
ou sur LinkedIn. Je vous déconseille
de mettre à jour automatiquement vos plugins,
machin, tout ça.
Voilà.
Je vais vous donner un petit peu de


plus.
Mais après,
peut-être que
moi, ça fait très longtemps que je
n'ai pas fait de boardpress, donc je pourrais pas.
Mais je m'ai souvenir, c'est qu'il y avait parfois
des effets de board sur
des mises à jour
d'un plugin qui
venait créer un choc
avec un autre plugin.
Et donc,
c'est le fait que ça passe tout en
d'automatique.
Tu contrôles pas ça.

ça peut être
amatique.
Oui, effectivement, c'est peut-être un problème
si tu as beaucoup de plugins
et des choses un petit peu
bancalles. En gros,
si le boardpress n'est pas très bien codé,
qu'il n'y a pas de plugins,
forcément, ça peut péter ton site.
Mais
généralement, si le site est bien fait,
il n'y a pas de raison que ça pose
problème.
Après,
de là, à déconseiller
de mettre à jour la mises à jour
automatique.
Parce que les mises à jour, c'est aussi
sur tout ce qui est sécurité.
Il y a aussi tout ce qui est sécurité.

se tient.
Question, est-ce qu'il est plus rapide ?
Oui, petit à petit.
Moi, je trouve que le boardpress
va de mieux en mieux.
Le développement, il va dans le bon sens.
Oui, après,
il nettoie le codebase
pour enlever les vieux trucs.
Alors, ils prennent toujours en charge
PHP 5.6.
Et petit à petit, ils améliorent le code.
Donc oui, il va de plus en plus vite.
De toute façon, il va de mieux en mieux.
Clairement, et puis, si tu utilises
enfin après, toujours le même problème.
C'est comment tu fais ton thème, etc.
Mais
oui, c'est de mieux en mieux. Moi, je trouve que ça va dans le bon sens.
Il y a une nouveauté aussi qui est intéressante
puisque je suis plutôt fan de Gutenberg.
Ils ont fait un système, un bloc directori.
Donc un bloc directori,
c'est l'équivalent, c'est comme pour les extensions.
C'est-à-dire que maintenant,
tu vas pouvoir ajouter des blocs Gutenberg
dans ton boardpress, et ça sera répertorié.
Il y a une sorte de répertoire,
comme pour les plugins,
où tu vas aller pouvoir chercher un bloc
et pouvoir l'installer en fait, comme un plugin.
Et du coup, tu crées d'autres dépendances ?
Oui, avec des mises à jour.
Oui, c'est vrai.
Je te t'acquille.
Tu connais
les Team Builders,
les sites Builders.
Tu sais les problèmes qu'il y a,
d'autres, comment ils s'appellent,
Elementor.
Oui, Elementor,
Visual Code
Visual Code
Visual Code Editenance,
Visual Composers.
Oui, bien sûr.
Mais eux-mêmes, ils ont aussi des extensions.
Voilà, trop d'extensions,
d'Elementor, etc.
Ça devient vraiment un casse-tête au bout d'un moment.
Après, en fait,
en ayant un petit peu plus de distance
par rapport à tous ces projets-là,
ce que je vois aussi après,
c'est de trouver le bon combo
et la bonne
configuration.
Je vais prendre
tel plugin, avec tel plugin.
Les deux, ça répond
vraiment à ma problématique.
Et en fait, plus il y en a
et plus c'est difficile
de trouver la config
parfaite pour quelqu'un
qui est plus ou moins
novice ou débutant.
En fait, ça amène de la
complexité. C'est en ça
où je pense que
là après, ça devient compliqué.
Après, c'est beaucoup de choix. C'est bien,
ça amène du choix.
Mais plus il y a de choix,
plus il faut prendre le pour et le contre
et savoir
ce qui est intéressant, ce qui ne l'est pas.
Donc souvent, quand tu vas passer
plus de temps à chercher un plugin
qui a codé, ça peut arriver des fois.
Moi, je recommande plutôt
d'utiliser Guitembert
pour éviter
le contenu.
Parce que c'est natif, parce qu'il s'améliore
de version en version, parce qu'il marche très très bien
et qu'il va marcher de mieux en mieux
et qu'il rajoute des choses à chaque fois.
Et qu'en plus, maintenant, tu peux
rajouter des blocs
qui ont été codés, comme les plugins
qui ont été codés par des développeurs.
Et tu peux rajouter des blocs facilement.
Est-ce que toi, en tant que développeur,
tu peux proposer
ton bloc à la communauté ?
Tu l'opensoures ?
Ou pas ?
Est-ce qu'il y a déjà
des blocs qui sont
payants ?
Des blocs payants ?
Oui, je pense que ça existe certainement,
des packs de blocs.
Moi, je fais un bloc qui fait le taf
vraiment bien.
Je passe du temps.
Et du coup, je passe en mode commercial
et je le vends.
C'est possible de faire ça ?
Au même titre que les plugins payants
ou des thèmes payants, bien sûr.
Donc, en fait, il crée un
nouveau écosystème.
Oui, ça reste quand même des plugins.
C'est juste que
maintenant, tu peux trouver facilement
des blocs via cette directorie.
Et en plus,
qui t'évite de chercher
et de fouiller dans le GitHub.
Voilà, de mettre dans le porte.
En fait, j'ai testé, vite fait.
C'est pratique parce que
quand tu es dans Gutenberg,
tu cherches un bloc parce que tu sais
que tu as un système où tu vas chercher ton bloc
pour le rajouter dans ton contenu.
Et tu t'appelons
d'un testimonial.
Par exemple, je t'essais que Testimonial, c'était un bloc
qui a été existé.
Et je ne l'avais pas installé sur mon WordPress.
Du coup, il m'a proposé celui qui était
sur le directorie.
Et en un clic, je pouvais installer et le rajouter.
Donc, c'est assez transparent et j'ai trouvé ça vraiment pas mal.
En fait, moi, je suis plutôt
fan de Gutenberg.
Gutenberg ne fait pas l'unanimité,
mais je trouve ça encore, il y a
une amélioration de plus.
En tout cas, l'équipe de Gutenberg derrière,
ils sont plutôt bons.
Et je trouve qu'ils font du très bon travail.
Je vous encourage
à utiliser Gutenberg.
Cool.
Excellent.
Ensuite, on avait aussi...
Alors, ça bouge pas mal
au niveau des contenus statiques,
des sites statiques depuis quelques temps.
On en a beaucoup parlé.
Hashtag, hashtag jamstack.
Ça bouge beaucoup, beaucoup.
Donc, avec Gatsbyk,
il y a pris pas mal de parts
des marchés qui évoluent.
Qui grossient aussi.
Il y a eu une polémique la dernièrement.
On reviendra sur ça dans un autre épisode.
Sur la bundle phobia, non ?
Non.
Non, en fait,
ils sont en train de se structurer.
Ça grossit, ils ont fait des levées de fonds.
Ils changent un petit peu leur façon de fonctionner.
Ça n'appelait pas à tout le monde.
Mais
ils ont rassuré tout le monde,
en disant que de toute façon, ça restait open source.
C'est ça.
Mais ouais, on reviendra dessus
sur un autre épisode.
Mais du coup,
il y a pas mal de...
Il y a Next et Next,
qui existent, qui ont aussi pas mal bossé.
Next, c'est pour
les mecs qui font du vu.
Et Next, c'est pour les mecs qui font du react.
Et clairement,
ils font un peu le même taf.
On dirait que c'est une surcouche
du framework.js.
Donc soit une surcouche
de react pour Next,
soit une surcouche
de vu pour Next.
Mais ils amènent
pas mal de choses.
Et surtout,
du serveur side rendering.
En clair, pour pouvoir faire du
du rendu serveur.
Mais les deux aussi ont bien
développé
la partie génération de sites statiques.
C'est à dire du pure HTML.
Exactement. Ouais, ouais.
Les deux ont existé à la base
parce que c'était vraiment pour faire du
rendu serveur.
Ça facilité vraiment
les web-ups avec un rendu serveur.
Donc au début, il y avait une Next
et après, Next est sorti en s'inspirant
de Next.
Mais je trouve que Next, actuellement,
il est volu. Enfin, je trouve que Chopin,
comment il s'appelle, c'est Bastien Chopin, c'est ça ?
Les frères.
Oui, les frères.
Ils bossent vraiment bien,
ça bouge, ça évolue.
Tu vois le truc, Next, il évolue très vite.
Ouais. Ils ont fait une petite levée de fond
qu'ils ont annoncé.
Et donc je pense qu'ils ont
ce qu'il leur a permis d'accélérer
un petit peu tout ça.
Et il y a un module
qui est super sympa, qui est Next content.
Ouais. Justement,
qui permet de,
donc soit du markdown,
soit du
Dyson, du CSV,
voilà, qui permet
en fait de
mettre le contenu et derrière
c'est généré
de manière automatique.
Et le gros avantage,
c'est que le build
et en fait, il y a le build
qui vient construire la codebase
et il y a le generate qui vient
construire le contenu.
En clair, si on vient juste rajouter
que du contenu,
par exemple, on rajoute un markdown,
voilà, la codebase
n'a pas changé,
on va pouvoir dissocier
la génération de contenu
à la création de l'appli.
Et ça, c'est une sorte
d'incrémentale build et ça, c'est plutôt pas mal.
Oui, c'est ça, en fait c'est là où, justement,
là que tu viens de l'annoncer,
fin juillet, ils ont annoncé
cette façon
d'incrémenter du contenu statique,
c'est-à-dire quand tu... Parce que du coup,
Next et Noxt ont évolué
du USSR jusqu'au
à génération de sites statiques.
Et les deux, en fait,
ont bien bossé
contrairement à...
et à l'instar de Gatsbjs, en fait,
qui essaient d'implémenter
l'incrémentale build, etc.
Noxt, justement, ils ont annoncé que
si tu avais le contenu, comme tu dis,
qui a changé et pas forcément le code,
ça ne relance pas un build
ou un pack, mais ça génère
juste les nouvelles pages.
Mais ça, c'est top.
Et je pense, alors je ne sais pas,
c'est assez cordial sur les réseaux sociaux,
mais je pense que les deux, ils se tirent la bourre
et c'est plutôt bien, en fait.
Si il y en a un qui fait ça,
à l'autre idée, vas-y, ils l'ont fait, on nous l'ont fait.
Oui, c'est un peu ça.
Mais c'est parfait, en fait, je trouve, c'est super sain.
Et puis, comme ça,
il y a personne qui truste tout,
les mecs qui
sont plutôt vus,
ils vont aller sur Next,
les autres qui sont plutôt réactifs, ils vont aller sur Next
et tout le monde est content et on va retrouver
la même chose chez l'un, chez l'autre.
Donc, c'est parfait, quoi.
Je pense que ça, c'est trop bien.
Il y a vraiment, ils se tirent la bourre un peu tous les deux
et du coup, ça met un peu la pression
sur Gatsby, puisque
Gatsby aussi a annoncé les nouveautés par rapport
à la façon de générer les pages
parce que, comme tu as pu le voir
quand on faisait du Pierre Colline
sur Gatsby.js,
il y a pas mal de codes, en fait,
pour générer les pages qu'il faut écrire.
Je pense que tu n'as pas sur Next,
il y a pas mal de choses qui sont automatiques,
c'est beaucoup plus simple.
Après, moi, je suis un gros
fan de conventions
over configuration, quoi.
J'ai pas besoin de me prendre la tête,
ça fait le taf pour moi.
Alors,
on peut venir modifier
si on a besoin, mais
c'est un peu le sentiment que j'avais trouvé
sur Gatsby, c'est assez
lourd, il y a
beaucoup de fichiers, beaucoup de configs.
Après,
ça marche bien,
mais
je reste
un adept de vue et de
Next.
Après, c'est un choix
personnel, mais ça change rien.
Mais en tout cas,
je sais pas si on peut comparer
Gatsby et Next,
quoi.
Parce que,
Next a déjà passé
bien plus gros.
Je sais pas, moi, je mettrai si on voudrait faire
React Vue, ça serait Gridsome,
qui est un peu le site statique,
et qui reprend un peu le même délire.
On prend une source.
Cette source, on a converti en GraphQL.
Et depuis les pages, on appelle
le GraphQL et en génère
du statique. Ça, c'est le concept
de Gatsby, c'est le concept
de Gridsome.
C'est
des générateurs de sites statiques
qui
font staff.
Oui, c'est pas du tout la même chose.
Gatsby fait vraiment que du
statique. Contrairement à Next
ou Next, qui font un peu tout.
Moi,
je suis un grand fan, parce que
je trouve que l'outil est vraiment top,
parce que sur le même code, tu peux générer
soit un SSR, soit
de single page,
ou soit du statique. C'est quand même génial
de pouvoir faire les trois sur le même code.
Je trouve que
Next, moi, me plaît de plus en plus.
Avec le même outil.
Il y a des super plugins
modules.
Comme Next Content, il est vraiment pas mal.
Il y a plein de choses.
Franchement, et puis surtout,
ils ont l'air cool,
les deux frères Chopin, ils me semblent.
Et puis, mais bordot,
bordot French,
Frenchie, quoi.
C'est vraiment bien.
Je me rappelle, la première fois
qu'ils avaient présenté ça,
c'était un truc
sur YouTube.
La première conf
que j'ai vue, c'était
ils avaient fait un truc à The Family.
Et je t'ai dit, je comprends rien,
mais ça a l'air trop bien.
Et du coup, je t'ai dit, ok.
Et puis, au final, je suis passé d'abord par vue,
et puis après, tu arrives à Next,
et tu dis, ouais, ok.
Et donc,
c'est vraiment sympa.
Ouais, et donc, ouais, voilà.
Donc, Next, génération
de sites
sans lancer un build.
Et Next, c'est un petit peu différent.
Ils ont, bah ça a à peu près la même date,
en plus, ils ont, ils ont plus millé qu'il a tué.
Ils ont une sorte, ils appelaient à l'incrémentale
Static Generation.
Et ça ajoute du contenu
sans faire de build complet, pareil.
Donc ça, c'est déjà
équivalent à Next.
Mais ils ont une nouveauté, c'est la
régénération, en fait, tu mets un...
Donc ça, pour l'instant, ça marche que sur Versel.
Donc forcément, Next et Versel, c'est la même chose.
Puisque Next a été
lancé par Versel.
La ancienne m'a appelée, comment ça s'appelait déjà, non ?
ZEIT. C'est fou, on a tout dit.
ZEIT. C'est oublié, en fait. C'est comme quoi, c'est...
ZEIT. Ouais.
Et en fait, la nouveauté,
la régénération, c'est qu'ils arrivent
à cette secte, tu peux
mettre à jour le contenu
Static
sans faire un build,
donc ça, c'est pas mal du tout.
ZEIT. J'ai pas compris.
ZEIT. En fait, tu changes ton contenu,
donc ça te re-génère pas ton build,
mais c'est quoi la différence avec
du truc normal ? ZEIT. En fait,
tu t'as pas, imaginons, aller connecter
un CMS, n'importe quoi, et qu'il se met à te pour.
En fait, tu as un revalidate,
un paramètre dans ta page,
puisque tu sais, tu as une fonction
GetStatic, je crois, je ne sais plus comment
ça s'appelle, pour récupérer
le contenu d'un CMS ou n'importe.
ZEIT. Pour régénérer ton
fichier statique, enfin ta page.
ZEIT. Et là, tu lui rajoutes un revalidate
avec un temps en seconde,
et lui, automatiquement,
il va régénérer la page
tous les X secondes
que tu auras déterminé.
Donc, si jamais ton contenu
il change, il va refaire la page, sans que tu relance
un contenu, un build, en fait.
ZEIT. Ok, d'accord.
ZEIT. Il y a une démo par rapport
à une page qui est branchée sur GitHub,
tu as les stars, tout ça, et fort,
et puis, un
star qui se rajoute, et il fait voir que la
page en statique se
remet à jour. ZEIT. Ok. En fait,
c'est comme si tu venais automatiser
la génération de cette page,
toutes les
secondes, toutes les minutes, toutes les heures,
tu me régénères cette page.
ZEIT. Exactement.
ZEIT. C'est ça.
ZEIT. Alors, enfin, mon repire, c'est
comme du cache en PHP, et machin de ça.
C'est vrai, c'est pas loin de ça,
mais bon,
c'est un peu plus simple, et ça
marche tout ça le temps.
ZEIT. Excellent. Excellent.
ZEIT. Donc, voilà, les nouveautés au niveau.
En tout cas, on sent que
les sites statiques
prennent vraiment de l'ampleur.
En tout cas, moi, je sais pas
tout à l'heure, mais moi, j'en vois de plus en plus parler
même via LinkedIn, tout ça,
par des personnes qui sont pas du tout d'elles,
ou des choses comme ça.
ZEIT. Après, moi, je crois qu'il y a une grosse tendance
sur l'éco-conception.
Et on vous rappelle
un petit épisode avec
François Collin, où on parle justement
des co-conceptions. Et je pense que c'est
une tendance un petit peu globale.
Ok, comment on peut
rendre
le digital un petit peu
plus grim, et surtout
revenir à du bon sens, quoi.
Est-ce qu'on va laisser un serveur tourner
H24
avec une admine et tout ça,
alors qu'il y a
10 personnes qui viennent par jour
sur le site, et
objectivement, il n'y a pas besoin
d'avoir une admine qui tourne
avec
un CMS qui branche, qui est tourné
H24 pour faire une modif à l'année
pour changer les horaires
ou les tarifs, quoi. Donc
clairement, on reprend
un petit peu de bon sens
sur la gestion des serveurs
et
en plus, tout le monde y gagne,
parce que c'est un peu plus green
sans faire du greenwashing, mais c'est un peu
plus green, et puis surtout, c'est plus rapide.
On se fait moins chier la tête
avec les mises à jour.
C'est plus rapide,
tout le monde y gagne, quoi.
Oui, c'est vrai que t'as raison.
Il y a pas mal d'écoconsceptions qui se sont...
Il y a beaucoup de gens qui se spécialisent
même dans des développeurs qui se spécialisent dans
l'écoconsception. Il y en a plus en plus
en France, donc, les designs
plus légers, etc.
Évité d'utiliser WordPress, tout ça.
Il y a pas mal de débats d'ailleurs qui se sont lancés
cet été.
C'est toujours la même chose.
T'as des gens qui proposent différents systèmes,
machins, les Ventip, par exemple,
qui sont très bons
en génération de sites statiques,
qui génèrent des sites hyperlites.
Et qui est...
Je sais pas si t'as déjà vu, regardez un petit peu les...
Non, je connais de noms,
après, j'ai jamais joué avec, donc
je connais pas...
C'est plutôt pas mal, et...
Le truc est vraiment bien fait, et je pense que celui-là,
il faut le suivre, parce qu'il va monter...
On va le voir de plus en plus, c'est vraiment efficace.
Ok.
Et puis après, t'as toujours les gens qui
défendent WordPress, quoi.
Moi, je reviens toujours à la même chose, et
quand tu as un marteau, tout devient clou,
donc les gens qui ont des WordPress, ils font tout
avec WordPress.
Quand tu veux vendre du WordPress,
quand tu veux vendre des marteaux, tu vois des clous
partout.
Même si c'est le site, il fait 3 pages,
c'est un peu ridicule.
Mais bon.
Voilà, voilà, on va pas lancer un débat.
On est d'accord tous les deux, donc c'est réglé.
Oui.
On est d'accord.
Et stormkit,
tu m'en as parlé,
tu m'as dit, ouais, tu connais
et tout, je connais pas du tout.
Tu peux nous présenter
et nous dire ce que c'est.
Ouais, j'ai découvert ça. Je crois que j'avais déjà
vu ça il y a quelques temps, puis je suis retombé de suyer,
c'est pour ça que je t'ai envoyé le message.
Stormkit, c'est
l'équivalent à Netlify, en fait.
C'est un peu...
à la même chose, j'ai testé, ça fait à peu près la même chose.
Tu branches un compte GitHub, il te publie ça,
etc.
Différents en commandant, tu peux mettre un nombre de domaines, etc.
Il me semble pas qu'il y ait encore
un système de fonctions, comme Netlify.
D'accord, donc tu peux pas utiliser
du serverless, tu peux pas mettre tes fonctions.
Voilà, en tout cas,
j'ai pas trouvé dans la mine, donc ça a pas l'air
d'exister pour l'instant.
Par contre, la chose
par rapport à Netlify,
c'est que c'est Azure, sans suisse,
le stormkit. Donc c'est européen, déjà.
Donc c'est pas mal.
Et je l'aurais posé la question tout à l'heure sur Twitter.
Le serveur, c'est de la AWS
et sur Frankfurt.
Bon,
les questions, s'ils sont basées sur Azure,
qui est la question.
Et en termes de features,
moi, je sais que je suis fan de Netlify
pour le côté hyper facile, et surtout,
ça monte les PR automatiquement.
Exactement pareil.
Ce qui te crée un univers de staging
que tu peux partager avec ton client, donc ça,
c'est assez sympa.
Ils font ça aussi ? Oui, ça fait tout pareil.
En fait, ça fait quasiment tout pareil.
J'ai branché vitefaire, en compte, un code
de GitHub. Ça me l'a balancé en prod,
mais après, tu peux créer des environnements,
staging, etc.
Tu peux faire des poi automatiques ou
manuellement. Enfin, tu peux
partager. Il y a même un système
comme sur
Netlify, où tu peux injecter...
Tu as vu cette histoire, c'est pas mal du tout.
Tu peux injecter des snippets
au niveau de ton code,
pour qu'il est généré.
Du style, tu veux rajouter le code pour...
Post-build ? Oui.
Tu veux rajouter du Google Tag, par exemple.
Tu crées un snipe, tu vas te l'injecter
directement dans le HTML.
Il y a ça sur Netlify,
et Stormkit, je trouve ça
aussi. Non, ça fait
à peu près tout pareil.
Sauf, je te dis, les
fonctions.
J'ai pas l'impression que pour l'instant, ils fassent les fonctions.
Après, Netlify, ils ont aussi
toute la gestion des fichiers,
des larges files,
des systèmes, enfin, telleurs.
Tu peux versionner
les cours fichiers. Ils ont aussi la
transformation d'image. Ils ont aussi
des fonctions
de la lance.
Toutes les fonctions, ça va leur laisser.
Enfin, ils vont être toutes les fonctions. Ils ont
aussi un système de
identity, où tu peux gérer
tes...
Oui, oui, il y a beaucoup de choses.
Tu es GWT,
où tu peux intégrer en 3 lignes,
tu fais un copier collé du ton truc, et bim,
tu as un système
d'authentification assez
rapide. Après, ils ont
des CDN aussi partout,
répliqués, des choses comme ça.
Bonne question. Je sais pas,
c'est pas indiqué.
En tout cas,
ce qu'il faut comprendre,
c'est que c'est un projet
qui est très intéressant.
À regarder.
Ah oui, je pense
que c'est assez récent.
Ce que je vois, il y a
GWT-UPSTAR 52. Oui, c'est hyper récent.
Par contre, ils sont
sur un modèle payant.
Comme Netlify, tu as une version
gratuite,
ou tu as une app,
un team-site,
pour une petite app,
tout ça, ça peut suffire.
Après, tu as 9$, 90$ par mois
pour 3 apps
et 3...
À tester, à limite, on
fera peut-être un petit peu plus de temps
à jouer avec, et on pourra
peut-être faire des retours.
Oui, carrément, mais c'est intéressant de voir que
il n'y a pas que Netlify, il y a d'autres personnes qui se lancent
là-dedans, en plus, c'est européen.
Ça pousse un petit peu
cette compétition. Exactement.
De toute façon, plus l'écosystème
et large, mieux c'est.
Parce que quand ça se tire la bourre,
ça crée une émulation
et au final, c'est
tous les utilisateurs qui gagnent.
Exactement. Super.
Intéressant, on va tester tout ça.
Et donc,
après, on peut enchaîner
sur les commentaires. Si jamais
vous aimez le podcast,
pour nous soutenir, on vous demande
juste de nous laisser un petit commentaire,
une petite... comment s'appelle
un avis sur iTunes
5 étoiles, évidemment.
Non, il est totalement honnête,
mais si vous pouvez les avoir
un commentaire, ça serait cool.
Ça nous aide, au moins,
à échanger et à discuter
et à partager peut-être l'adresse du podcast
avec vos collègues.
En tout cas, on vous remercie
d'avoir écouté l'épisode
jusqu'au bout. A bientôt.
A bientôt, ciao ciao.
On va pas trouver double slash
sur vos plateformes de podcasts préférées.
Et sur le site internet du podcast,
www.slash-podcast.fr
Sur le site, vous allez retrouver
tous les liens d'épisodes, des références
évoquées durant l'émission.

Les infos glanées

Je suis une fonctionnalité encore en dévelopement

Signaler une erreur

DoubleSlashPodcast

Double Slash, un podcast sur le développement web. Retrouvez-nous régulièrement pour parler de sujets variés tels que la JAMStack, l’accessibilité, l’écoconception, React.js, Vue.js, Next.js, Nuxt.js, le CSS et des retours d’expériences sur des implémentations.
Tags
Card title

Lien du podcast

[{'term': 'Technology', 'label': None, 'scheme': None}, {'term': 'Technology', 'label': None, 'scheme': 'http://www.itunes.com/'}]

Go somewhere