{"id":231786,"date":"2023-01-09T12:05:00","date_gmt":"2023-01-09T09:05:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231786"},"modified":"2022-11-10T05:12:33","modified_gmt":"2022-11-10T02:12:33","slug":"acelere-la-creacion-de-problemas-de-github","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/acelere-la-creacion-de-problemas-de-github\/","title":{"rendered":"Acelere la creaci\u00f3n de problemas de GitHub"},"content":{"rendered":"\n<p>Los problemas de GitHub son fant\u00e1sticos para rastrear nuevas funciones o errores, qui\u00e9n est\u00e1 asignado, categorizarlos, agregarlos a proyectos, etc. Tambi\u00e9n son bastante lentos de crear, y crear un mont\u00f3n de ellos lleva demasiado tiempo. As\u00ed que cre\u00e9 una peque\u00f1a herramienta para acelerar la creaci\u00f3n de problemas y hacerlo muy f\u00e1cil.<\/p>\n<p>Uno de los puntos d\u00e9biles que veo con los problemas de <a href=\"https:\/\/startfunction.com\/tag\/github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub<\/a> en el trabajo es que son engorrosos de crear, especialmente para aquellos que no son desarrolladores, como gerentes, dise\u00f1adores o evaluadores, y que simplemente quieren informar un error pero no lo hacen. el proceso de creaci\u00f3n en GitHub.<\/p>\n<h3>La creaci\u00f3n de incidencias en GitHub deber\u00eda ser r\u00e1pida<\/h3>\n<p>Entonces, \u00bfcu\u00e1l es la interacci\u00f3n m\u00e1s f\u00e1cil con las computadoras, escribir, tal vez? No s\u00e9 si es lo m\u00e1s f\u00e1cil, pero definitivamente es f\u00e1cil. Entonces, en este cuadro de texto simple, se pueden escribir problemas y cada l\u00ednea ser\u00e1 un problema. Simplemente escriba y escriba y no levante las manos del teclado para agarrar el mouse. Tambi\u00e9n puede pegar una lista creada en un editor de texto o una hoja de c\u00e1lculo.<\/p>\n<p>Tiene flexibilidad: puede asignar el problema a alguien (o a muchos, separando los nombres de usuario con comas) separando el t\u00edtulo del nombre de usuario con un car\u00e1cter de tuber\u00eda. Otra tuber\u00eda separa la descripci\u00f3n, y otra tuber\u00eda m\u00e1s separa las etiquetas, que pueden ser muchas, separ\u00e1ndolas con comas.<\/p>\n<p><strong>Actualizaci\u00f3n:<\/strong> la aplicaci\u00f3n est\u00e1 activa en <a href=\"https:\/\/fast-issues.herokuapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/fast-issues.herokuapp.com\/<\/a><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-158127-61e6ca66df766.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-158127-61e6ca66df766.png\" alt=\"Acelere la creaci\u00f3n de problemas de GitHub\" ><\/a><\/p>\n<h3>Resumen t\u00e9cnico<\/h3>\n<p>Este proyecto ~todav\u00eda no est\u00e1 completamente desarrollado pero ya es~ p\u00fablico en<\/p>\n<p><a href=\"https:\/\/github.com\/eliorivero\/first-five\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/eliorivero\/fast-issues_<\/a> <a href=\"https:\/\/github.com\/eliorivero\/fast-issues\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">_<\/a><\/p>\n<p>Como resumen general:<\/p>\n<ul>\n<li>es una aplicaci\u00f3n de GitHub que se puede instalar en el repositorio donde se crear\u00e1n los problemas<\/li>\n<li>tiene un backend Node.js con Express como servidor<\/li>\n<li>el front-end est\u00e1 construido con React<\/li>\n<li>Las bibliotecas clave para trabajar r\u00e1pido con GitHub en Node fueron <a href=\"https:\/\/github.com\/octokit\/app.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/octokit\/app.js<\/a> y <a href=\"https:\/\/github.com\/octokit\/rest.js\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/octokit\/rest.js\/<\/a><\/li>\n<\/ul>\n<p>Una cosa a tener en cuenta es que no queremos llegar a los l\u00edmites de la API. GitHub recomienda dejar pasar al menos un segundo entre solicitudes. Paus\u00e9 el script 1,5 segundos entre cada solicitud de creaci\u00f3n de problemas, es por eso que ver\u00e1 en el GIF anterior que los problemas no se crean instant\u00e1neamente.<\/p>\n<h3>M\u00e1s ideas<\/h3>\n<p>Le mostr\u00e9 esto a un amigo y me dijo que ten\u00eda la idea de crear una extensi\u00f3n de Chrome para tomar una captura de pantalla de un error, anotarlo y enviarlo como un problema de GitHub. Pens\u00e9 que era una gran idea y busqu\u00e9 una forma de tomar una captura de pantalla pero dentro de una aplicaci\u00f3n React y r\u00e1pidamente encontr\u00e9 <a href=\"https:\/\/html2canvas.hertzen.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">html2canvas<\/a> que permite tomar capturas de pantalla y guardarlas como archivos PNG.<\/p>\n<p>Combinar algo como esto con mi herramienta para crear los problemas ser\u00eda una buena soluci\u00f3n que podr\u00eda estar disponible en una aplicaci\u00f3n React durante su ciclo de desarrollo o preparaci\u00f3n. Cualquiera que pruebe la aplicaci\u00f3n podr\u00eda activar el panel de informe de problemas y enviar un problema de GitHub. La imagen a\u00fan tendr\u00eda que almacenarse en otro servidor, porque a partir de ahora, la API de problemas es limitada y no permite cargar im\u00e1genes.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GitHub son fant\u00e1sticos pero lentos de crear. \u00a1Cre\u00e9 una peque\u00f1a herramienta que hace que la creaci\u00f3n de problemas de GitHub sea muy f\u00e1cil usando solo texto sin formato!<\/p>\n","protected":false},"author":1,"featured_media":158128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,716,768,831,779,840],"tags":[1172],"class_list":["post-231786","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-desarrollador","category-fuente-de-control","category-guia-para-principiantes","category-software-de-codigo-abierto","category-tutoriales","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/231786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=231786"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/231786\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/158128"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=231786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=231786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=231786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}