Le festival de WordPress
22 janvier 2021

Choisissez une langue

This is an archive of the January 2021 event

Étude de cas : Un voyage de contributeur de #Nocode sur le WordPress Gutenberg Github Repo

Moyens par lesquels un non-développeur peut contribuer via le dépôt GitHub.

Exemple : WordPress Gutenberg. Apprenez le jargon, créez et commentez les problèmes, recherchez des étiquettes et travaillez à trouver des solutions en commentant le design et les fonctionnalités. Il n'est pas nécessaire d'être un développeur pour contribuer à WordPress.

Le Président : Birgit Pauli-Haack

Heure : 21h00UTC
Région : Amériques
Scène : Scène mondiale

Je vous remercie donc d'être ici avec moi. C'est un peu bizarre de faire une discussion comme celle-ci en ligne. Si je parle en personne, nous serions dans la plus petite salle et nous pourrions avoir une discussion interactive et d'autres participants qui partageraient le voyage. Donc, en ce qui concerne la difficulté de faire du bénévolat, surtout en 2020 avec le travail à domicile dans une garderie, les défis et...

Soins aux autres parents ou pire, la dernière version, repres 5.6 et plus de 600 contributeurs. Je suis reconnaissant que ce nouveau discours ait été accepté à la Fête du travail. Et je tiens à remercier les organisateurs, les bénévoles, les conférenciers et les sponsors pour l'avoir rendu possible. Et merci à tous ceux qui sont intéressés à contribuer à WordPress ou au moins à en apprendre plus des contributeurs.

Venez donc travailler sur ce logiciel à source ouverte utilisé par des centaines de millions d'utilisateurs. Ainsi sur eux, le site make.wordpress.org. Il y a plus de 18 équipes qui ont leur bloc là et tous les manuels, euh, et comment l'équipe, euh, fonctionne. Toutes les équipes ne contribuent pas au code et toutes les équipes de codage ont, euh, un grand besoin de personnes qui ne savent pas comment contribuer au code, mais nos chefs de projet peuvent tester les fonctionnalités, faciliter les réunions, discuter des nouvelles fonctionnalités ou des nouveaux processus et organiser des rencontres et parler aux webcams.

Pourquoi contribuer. Tout d'abord, il y a l'analyse de rentabilité de nos systèmes commerciaux et politiques de développement web. Nous utilisons WordPress depuis une décennie maintenant et nous en avons tiré un bon profit. Et nous travaillons avec le logiciel sans aucun frais de licence ou autre. Euh, les coûts monétaires de mise à jour dans une communauté de personnes très généreuses.

Le fait de travailler sur ce projet nous a permis d'apprécier encore plus le travail et les personnes qui se trouvent derrière le projet. Nous sommes tous sur les épaules de géants, contribuer à la répression fait partie de la volonté de rendre le maximum. D'autres ont écrit à ce sujet. Plus récemment, l'équipe de Joe's a produit une très longue lecture. Sur la façon dont l'open source apporte de meilleures solutions et une société plus inclusive.

En dehors d'un certain crédit de rue et de la chute des badges contribuant à l'imprudence m'apporte la joie personnelle à ces cinq dernières années ont été très inspirantes. Et j'ai tellement appris pour ma croissance personnelle ou comment diriger et travailler à distance ainsi que pour rencontrer des gens du monde entier. La gentillesse, la patience et le professionnalisme sont rassurants.

Même si le reste du monde descend dans le chaos, la peur, l'incertitude et le doute. Je considère beaucoup de coéquipiers, d'amis, et dès que nous nous retrouverons dans des réunions en personne, il y aura une fête des câlins. L'équipe de marketing. Aussi, l'équipe du code n'a pas publié un billet plus long sur les raisons de contribuer aux avantages de WordPress, tout le monde, ou pourquoi les contributeurs donnent cette marchandise gratuitement ?

Permettez-moi de laisser cela pour une introduction à la contribution de con janvier, on vous a promis une étude de cas sur le voyage sans contributeur de code sur les travailleurs, obtenir le dépôt hub pour Gutenberg. Venons-en donc à l'essentiel. Hum, l'équipe d'éditeurs de blocs de barres obliques appartient à une équipe plus large, à l'équipe centrale plus large.

C'est l'équipe qui développe l'éditeur de bloc et l'éditeur de site. On me pose souvent la question. Quelle est la différence entre l'éditeur de bloc et Gutenberg. Donc, en soi, il n'y a pas vraiment de différence. Vous pouvez donc y réfléchir. L'éditeur de bloc est ce qui se trouve dans WordPress ou le noyau de WordPress, et Gutenberg est le plugin qui, euh, où il est développé.

Un Gutenberg, c'est aussi l'idée d'un remaniement plus important de toute l'expérience WordPress. Ainsi, le pool Weber publie des versions tous les trois ou quatre mois et les développeurs de Gutenberg, eux, publient. Une nouvelle version du plugin toutes les deux semaines. Ainsi, lorsque la prochaine version de WordPress sera disponible, toutes les fonctionnalités et corrections du plugin reçues depuis la dernière version majeure seront intégrées dans le code de base de repres.

Ainsi, pour la première 5.6, qui a été publiée en décembre. Elle intégrait les versions des plugins, 8.6 à 9.2. L'équipe de Gutenberg se réunit donc régulièrement sur les ins dans ce canal Slack le mercredi à 9h00. 6h du matin dans l'Est, dans le Pacifique, désolé, les gens de la côte Ouest. Et il est 1400, euh, UTC. Et le canal Slack est séparé du canal Slack, c'est le canal Slack de l'éditeur du slash core dash.

Euh, ce sont aussi des notes de réunion, publiées sur le blog de make dot dot org core. Donc, pour nous, le noyau, c'est le flash forward, et en dehors des réunions, la plupart des développeurs de Gutenberg communiquent sur get hub. Alors, commençons. Je ne contribue donc pas au projet. Je ne suis pas un développeur PHP et mes connaissances en JavaScript datent de 10 ans.

Je serais inutile en tant que développeur ou concepteur, mais j'utilise beaucoup l'éditeur de blocs. Je veux dire, j'ai passé beaucoup, beaucoup d'heures par semaine à y travailler. Et l'époque Goodman est à peu près le site de test en production pour le plugin Gutenberg. Ce que je fais, c'est que je crée des problèmes sur le dépôt GitHub. Hymne, l'écran que vous venez de voir est juste une capture d'écran, horrible, euh, de mes, mes problèmes.

Hum, mais nous entrons dans des situations un peu plus détaillées. Quelles sont les situations dans lesquelles je crée, euh, des problèmes, quand je, euh, rencontre un bug ou un ennui ou des incohérences, la plupart du temps j'arrête ce que je fais et je crée le problème ou je le fais. Euh, prenez-en note. Pour que je puisse y revenir. Je teste aussi de nouvelles fonctionnalités, euh, pour un article.

Donc, si je veux écrire sur le répertoire de blocs, je veux absolument le tester avant. Et de temps en temps, je rencontre des problèmes là-bas et j'écris, j'écris. J'ai acheté un rapport. Je fais aussi, euh, des tests de versions. Um, so release candidates from the plugin as though, um, and then, uh, the last but not the least is any idea have on feature, feature improvements.

Et c'est là que je pense qu'une approche différente pourrait rendre une fonctionnalité beaucoup plus utile pour les utilisateurs expérimentés ou s'il manque quelque chose que je trouve. Hum, alors regardons, hum, quelques exemples. Ne vous inquiétez pas. Je ne vais pas discuter du mérite des problèmes ou simplement approfondir un bon Makoto ou quelque chose comme ça. Je veux juste que vous partagiez, je veux vous montrer les chemins et l'engagement qu'ils peuvent prendre.

Donc le premier, euh, le premier exemple concerne, euh, les bugs et les ennuis. Quand je clique sur, sur ce lien. Ouais, Edworks excellent. Je dois l'avoir à droite. Ma puce indique un paragraphe normal. Et puis quand j'ai fini avec tous les points, je les convertis en. En une liste. Et jusqu'à l'été 2018, je trouvais très facile de faire ça dans un éditeur de bloc.

Et, euh, avec la prochaine version pour ça, j'ai rencontré que ça ne marchait plus. Euh, celle-là était quand vous faites défiler cette, euh, celle-là était assez vite résolue. Hum, Mathias m'a donné un indice qu'il a maintenant la tendance. Euh, je peux faire ça maintenant grâce au bouton de transformation qui était, euh, gros à l'époque, euh, vient d'être introduit.

C'était donc, c'était facile. N'est-ce pas ? Donc le suivant était aussi un bug, mais il avait un rapport avec, euh, la méta-boîte. Et donc la boîte du milieu défilait en haut de l'éditeur au lieu de rester en bas. Et il semble que c'est ce qui a permis à un certain nombre de personnes de le reproduire. Yuan a dit : "Oh, hum, j'ai pu reproduire, donc c'était bien.

Et, euh, mais alors il a aussi dit qu'il voulait faire du bugging, euh, il a trouvé que c'était en fait un problème en amont d'un plugin. Ce problème a été fermé, mais voilà le problème. At the, uh, Yost, um, get hub repository. So I was able to, um, follow along there and then, uh, tested again when the new, um, Yoast plugin was in, in, uh, Released so, and the next, so those two bug reports, but then also test new features.

Et le premier exemple ici, c'est pour l'écran du widget. Il a donc été perdu récemment, en octobre. Hum, le bloc calendrier, euh, a déclenché une erreur des développeurs qui l'ont produit et l'ont étiqueté avec, euh, un widget calendrier et écran et débogage et bug. Et ensuite, euh, ce qui s'est passé, c'est qu'en octobre, il était reproductible.

Et puis il y a quelques jours, Robert Anderson l'a également testé à nouveau. Si c'est encore quelque chose dont il faut s'occuper. Et c'est évidemment le cas maintenant. Nous sommes passés au développement des candidats pour la sortie des tests. I have two examples, uh, wanting a for missing file, which was, um, instant, almost instantly resolved because it was a release candidate.

Et, euh, un jour plus tard, il y a eu une, euh, la réparation du plugin. And another one was in this one, it was issued the audio block, uh, did a disappearing act, uh, in the editor. Et ça aussi, ça a été réparé. Um, you can, you can imagine that it is increased the quality of the, uh, of the plugin when these kinds of bugs are caught before the final release, but it was hit and miss for me to be able to test the release candidates because there are only two days in between, um, since mid December, um, they changed.

Euh, la fréquence de celui-ci. Et donc maintenant que c'est une période de sept jours, euh, et que nous pouvons faire, euh, des tests plus, euh, cohérents des candidats à la libération. Um, and then I do, uh, feature improvements, um, issues, and, um, this one might interest a few. Hum, donc. Le raccourci clavier pour passer en HTML, l'édition au niveau du bloc.

Hum, il y a un raccourci clavier pour passer de l'éditeur visuel au code. Semblable à l'éditeur classique où vous avez votre texte et le type visuel d'onglets. Hum, mais j'ai trouvé avec une, euh, idée basée sur les blocs, hum,. Je ne suis normalement pas en train de parcourir tout le, euh, code de, de, de tout un billet. Je, si je veux le remplir avec un HTML d'un bloc, c'est surtout basé sur des blocs.

Alors, j'ai suggéré de le mettre en œuvre. Parce que cela faciliterait aussi le déroulement des choses. Ouais. Et OBO, euh, les éléments du menu ont en fait, euh, euh, des raccourcis clavier. Donc, ça rentrerait aussi dans la logique de ça. Um, well, uh, I suggested as soon as September, 2018 and, um, there were a lot of, um, yeah, uh, engagement there.

Une idée géniale qui a vraiment du sens : les matériaux ont été impliqués. Hum, oui. Donc, mais, hum, quand même, ouais, en décembre. Donc il y a eu une discussion à ce sujet en novembre. And, um, there were quite a few who, who tried it and then didn't get, uh, finished with the, uh, PR or with a code base. So, um, I hope that sooner or later, a developer finds time to book through.

C'est un exemple plastique qui, même si vous avez une bonne idée, ne l'a pas, ne la fait pas toujours entrer dans la tête d'un développeur. Il faut donc toujours trouver un développeur pour mettre en œuvre ces fonctionnalités. Hum, et la dernière que je partage avec vous est, euh, est une amélioration de fonctionnalité que vous pourriez vouloir aider, euh, soutenir.

C'est une recherche déclenchée par l'utilisateur dans le répertoire de bloc. Donc, en ce moment, dans l'annuaire des blocs, vous n'avez pas, euh, si vous avez déjà un bloc pour un mot-clé. Vous ne pouvez pas voir ce qu'il y a d'autre dans le répertoire des blocs. Vous ne voyez que ce qui se trouve sur le vôtre. Nous avons donc passé en revue, euh, et c'est assez normal pour les demandes de fonctionnalités que vous avez d'abord besoin d'une idée de la façon dont vous pouvez réellement mettre en œuvre cela.

Et, euh, donc j'ai, j'ai posté quelques captures d'écran, des sortes de maquettes où j'ai mis le bouton, euh, et il y avait quelques idées et puis les concepteurs. Chimed in a aussi eu quelques idées. Ils sont un peu plus fantaisistes avec leurs... euh... leurs maquettes, et puis il y a des discussions en cours et... d'autres maquettes quand ils sont là.

Et puis ça se stolonise un peu. Oui, le dernier commentaire était le 2 septembre. Et, euh, j'ai commencé il y a quelques semaines à en discuter à nouveau ou à mettre un autre commentaire. And lo and behold, um, Kelly, uh, Dwan actually worked on something like that and, um, has already, um, uh, kind of, uh, uh, working, uh, design now.

Alors, c'est cool. Hum, tu vois, tu peux vraiment, hum, influencer la façon dont les choses fonctionnent quand tu étais un peu plus engagé dans le dépôt GitHub. Donc c'était un bon exemple de comment quelqu'un qui n'est pas un portage. Oh, l'équipe de développeurs peut contribuer pas mal au développement de WordPress. Donc avant de soulever un problème, vous pourriez envisager ce qui suit isoler le problème vers, vers l'éditeur de bloc de base ou le plugin ou le plugin Gutenberg.

Moi, l'icône que vous voyez là est en fait l'icône du plugin de contrôle de santé et de dépannage, ce qui est fantastique pour vous aider dans ce domaine. Hum, regardez ça parce que ça vous permettra de. Euh, allumer un site peut être un site de production, mais, euh, parce que c'est votre administrateur, vous seulement pour vous, vous pouvez éteindre tous les plugins et tous les thèmes.

Et Justin Aber, le plugin Goodman, et ont déjà un site de test et vous avez des visiteurs. Hum, et vos collègues éditeurs verront votre site tel qu'il était. Nous sommes donc très heureux. Nous avons beaucoup utilisé ce plugin, mais il pourrait aussi vous aider pour ceci. Hum, et puis l'étape suivante serait de faire une recherche sur les numéros existants.

Vous pouvez utiliser des étiquettes et des mots-clés, euh, comme votre âme, il y a des étiquettes pour les blocs et des étiquettes pour les caractéristiques. Vous pouvez, euh, explorer le livre de Goodman, euh, le dépôt, et ensuite, utiliser le modèle de rapport de bogue publié. Et cela a, euh, cinq composants. Le premier est. Mettez une, euh, une description de ce que vous trouvez et cette description, euh, devrait être concise, mais aussi complète.

Il faut donc trouver un équilibre à ce niveau. Hum, mais plus vous mettez de détails dans le pro, plus la personne qui le lit peut se mettre en tête. vos chaussures et de trouver ce qui pourrait aller mal. Il faut aussi savoir d'où vous venez, ce que vous essayez de faire et ce que vous avez trouvé et ensuite créer, euh, une liste des étapes pour reproduire le problème afin de faire ça bien.

Vous entrez, vous devez savoir. Comment cette chose se passe. Quelles, quelles, quelles sont les étapes que vous avez franchies ? Et c'est l'une des choses les plus difficiles à cerner. Donc quelqu'un d'autre peut avoir la même expérience, mais c'est une chose essentielle. Donc. Tous ces éléments peuvent aussi reproduire le problème. Hum, et ensuite ils peuvent décider où se trouve le, le vecteur d'attaque sur l'endroit où le code doit changer.

Euh, ce qui aide toujours, bien sûr, c'est, euh, comme une capture d'écran ou un fût d'écran. Et puis, euh, il, il y a une autre section là qui est le comportement attendu. Ça aide vraiment après. Mentalement après avoir franchi les étapes. Ok. Voilà ce qui se passe. J'essaie ça aussi. Alors, qu'est-ce que la personne s'attendait à voir se passer exactement ?

Et il est utile de répéter cela, euh, et de montrer comment vous pensez, euh, que cela peut être résolu au mieux. Et puis la dernière partie, la cinquième partie, c'est votre information sur l'environnement. Uh, what operating system you use, what browser you use on which version also, if you use the groupers, um, Uh, repres quart without the plugin or a plugin and the Gutenberg plugin, and then also, which version of the plugin.

Hum, donc, euh, quand vous allez dans le dépôt et que vous allez dans les nouveaux numéros et que vous cliquez sur le rapport de bogue c'est euh, quand vous voyez, euh, la section, décrivez le bogue, comment reproduire les captures d'écran du comportement attendu. Hum, et ensuite la version de l'éditeur, le bureau. Et puis, euh, si vous êtes sur un smartphone aussi quel appareil et, euh, système d'exploitation et une autre itération, euh, les rapports, les problèmes de sécurité, pas sur, levez-vous, allez voir le hacker.

Un, représente un programme unique. Nous les signalons ici parce qu'il s'agit d'informations publiques et que, euh, les patients de la sécurité ne devraient pas être divulgués publiquement. Hum, avant que je... Euh, la correction est disponible. Donc, ce serait le modèle de rapport de problème du plugin. D'accord. Alors comment on commence ? Vous, vous avez besoin d'un sac à main ou c'est juste une liste de contrôle pour s'assurer que vous avez tout.

Vous avez besoin d'un repost du compte org et des liens pointant vers les endroits où vous pouvez le faire. Vous avez besoin d'un CRA euh, créez un compte GitHub. Et puis, euh, vous devez aussi créer un, un compte Slack et ensuite connecter votre profil WordPress à votre compte GitHub. C'est comme ça que vous obtenez tous les crédits pour cela.

Donc sur mon profil, j'ai ici le compte GitHub quand je vais modifier mon profil, euh, je peux révoquer l'accès. Il y a donc un nom d'utilisateur GitHub et vous devriez être, euh, connecté aux deux. Donc vous pouvez directement connecter les deux John D. Rogers a, euh, aussi publié un post sur le bloc central à propos de, euh, comment c'est arrivé et tout ça.

Donc c'est, euh, Donc après avoir créé des problèmes, euh, les quatre variations et vous, oui, vous pouvez vous arrêter là. Vous pouvez faire ça toute la journée ou une fois par semaine. Et personne ne vous dira quoi faire. Ouais. Vous pouvez avoir, euh, c'est tout auto motivé et auto dirigé, euh, ça. On ne s'attend probablement pas à ce que vous répondiez à certaines des questions.

S'ils apparaissent sur le dépôt GitHub, une notification est mise en place, mais que se passe-t-il ensuite ? Que pouvez-vous faire ensuite ? Donc, euh, la première serait, euh, de vérifier les tests de besoins en main d'oeuvre. Qu'est-ce que cela implique ? Euh, un test de besoins. Ça implique que vous alliez voir les problèmes. Oui, je lis la description et je passe par les étapes ici, euh, pour, et, et je découvre si vous voyez aussi le même événement.

Si vous partagez vos informations, faites savoir que vous pouvez les reproduire. Et, euh, donc quelqu'un en tant que développeur est un, est plus sûr que c'est vraiment ce qui doit être résolu. Ce n'est pas causé par autre chose. C'est un problème sous-jacent ou quelque chose comme ça. Vous pourriez aussi participer aux discussions. C'est donc un endroit fascinant pour moi.

Hum, et je fais de la procrastination progressive, euh, de la procrastination productive sur ce sujet. Je suis fasciné par les discussions sur les solutions possibles pour une nouvelle fonctionnalité ou une amélioration. Et, euh, parfois c'est tout ce qu'il y a dans les discussions, mais parfois j'ai en fait une opinion ou une idée différente et, euh, je la partage.

J'y mets mon grain de sel et le plus souvent mes idées. Il se peut que je ne parvienne pas à la version finale d'une nouvelle fonctionnalité, mais je me sens toujours blessé et aucun aspect de mon idée n'a été pris en compte. Et, euh, j'en tire une grande satisfaction. Hum, donc un exemple pourrait être, hum, cette amélioration du bloc liste. Donc, avons-nous besoin de plus de versions de ça ?

Hum, oui. Et comment il va y avoir, et que, euh, toutes les discussions comme ça, vous n'avez pas besoin d'intervenir, vous pouvez juste le lire et, mais j'apprécie vraiment combien c'est réfléchi. Dans chaque numéro, il y a... Et combien de personnes ont des idées ou ont déjà, euh, testé ça ou ont un, euh, un exemple de mise en œuvre de ça, comme ici, euh, Jeffrey Carradine a déjà, euh, quelque chose dans son blog.

Et donc, euh, c'est vraiment intéressant de lire certaines des discussions. Hum, et si vous n'avez pas d'opinion, n'ayez pas d'opinion, mais, euh, parfois oui, vous en avez une, et c'est un moment où vous pouvez vraiment être entendu, faire connaître vos opinions, euh, même si ça ne se passe pas comme ça. Euh, tout à fait, mais vous vous mettez à contribution et, euh, euh, l'équipe est très patiente et elle est très concernée et très réfléchie sur la façon de répondre, euh, à certaines suggestions.

Donc c'est certainement, euh, une autre façon de contribuer, euh, et vous pouvez rejoindre l'équipe de triage. Donc l'équipe de triage est. Euh, un groupe ouvert de personnes qui étiquettent tous les problèmes et les guident, euh, plus ou moins à travers ce processus. Hum, vous pouvez lire ça dans le, euh, manuel des contributeurs, euh, le manuel. Donc, c'est certainement une autre façon de contribuer et d'adhérer.

Pour cela, vous devez obtenir une autorisation supplémentaire. Et, euh, ils vous disent comment faire et suivent ce lien. Ils le feront aussi. Hum, ça, ça vous montre ce que ça implique pour l'équipe de triage et quelles sont les attentes et, hum, comment elles se réalisent et tout ça. Donc, euh, maintenant, si vous avez besoin d'une plus grande attention sur la valeur, travailler en groupe sur un ensemble de choses qui est aussi le FSC complet signifie un programme de sensibilisation à l'édition de site complet.

C'est l'un des responsables des relations avec les développeurs ou Wrangler et McCarthy. Et il est, euh, il est destiné aux personnes qui construisent des sites pour les autres, mais qui n'écrivent pas de code. On fait des tests de script pour les versions alpha de, et on partage notre expérience. Hum, vous rencontrez tout le monde dans un canal Slack séparé. C'est une sorte de moyen de savoir si les gens qui l'utiliseraient, obtiendraient tout ce dont ils ont besoin.

Il ne s'agit pas seulement du flux d'édition du site. Oui, il s'agit de savoir si les interfaces ont un sens. Hum, ou vous vous embrouillez, hum, vous savez, comment passer d'une section à l'autre. Hum, mais aussi comment migrer, euh, des thèmes vers la nouvelle façon de faire ? Ou pouvez-vous mélanger et faire correspondre, euh, l'ancienne façon avec la nouvelle et tout ce genre de choses sera discuté là-bas ?

C'est donc un petit groupe et c'est une expérience. Hum, c'est la première. Hum, un programme de sensibilisation que, hum, le courtier a eu. Donc c'est, euh, c'est une façon intéressante de contribuer aussi. Hum, elle va vraiment travailler sur le bord saignant d'une grande fonctionnalité qui va changer la façon dont les gens interagissent avec WordPress et construisent leurs sites.

Sans aucun doute. Donc, oui. Alors c'est tout ce que j'ai pour vous aujourd'hui. Bien sûr, j'attends vos questions avec impatience. Maintenant, vous pouvez rester en contact avec moi. Sur, euh, le travailleur Slack sur Twitter, euh, les buts ou la messagerie privée ou la messagerie directe est ouverte. Euh, vous pouvez envoyer un e-mail à me@ponyatgutenbergtimes.com ou suivre le Gutenberg times, euh, Twitter handle.

Vous pouvez également trouver toutes les émissions de Q et R sur notre vie. Sur la chaîne YouTube "Good Times". Et si vous voulez vous tenir au courant de, euh, ce qui se passe, euh, chaque semaine, euh, nous publions une édition du week-end de, euh, des liens de la communauté et de l'équipe. Hum, et comme je l'ai dit, les sites sont à Bitly

Très bien. Merci beaucoup. Et. A vous.

Partager cette session

Partager sur facebook
Partager sur twitter
Partagez sur linkedin
Partagez sur pinterest
Partager sur le courrier électronique