Hace un tiempo escrib\u00ed sobre una aplicaci\u00f3n<\/a> que estaba escribiendo para acelerar la creaci\u00f3n de problemas de GitHub. De hecho, constru\u00ed la aplicaci\u00f3n, pero luego olvid\u00e9 escribir sobre ella aqu\u00ed, as\u00ed que aqu\u00ed est\u00e1 la publicaci\u00f3n de blog adecuada. En este post veremos:<\/p>\n La interfaz de usuario de GitHub generalmente est\u00e1 bien para crear un problema. O dos. Y est\u00e1 bien para personas con conocimientos de tecnolog\u00eda, como desarrolladores o dise\u00f1adores. Sin embargo, en nuestra empresa Reconnect, a veces, despu\u00e9s de desarrollar una nueva funci\u00f3n, le pedimos a nuestro personal no t\u00e9cnico que la pruebe. Y eso funciona muy bien, porque generalmente encuentran algunos problemas. Pero les consume mucho ir y saltar a trav\u00e9s de la interfaz de usuario de problemas de GitHub. Esto es a\u00fan m\u00e1s engorroso cuando tienen que crear m\u00e1s de un problema y probablemente en diferentes repositorios.<\/p>\n Si cuantificamos la cantidad de veces que cambiamos nuestra atenci\u00f3n para crear problemas de GitHub<\/a> una vez que hemos llegado a la p\u00e1gina para crear un problema en el repositorio donde queremos crearlos, ser\u00eda algo m\u00e1s o menos como esto:<\/p>\n \u00a1Son 5 veces cuando cambiamos nuestra atenci\u00f3n de un \u00e1rea a otra! Demasiado cambio de atenci\u00f3n para una tarea que es esencialmente escribir y demasiado tiempo dedicado a reenfocar. \u00bfY si tienes que escribir un problema en un repositorio diferente? Tienes que navegar a ese repositorio en una pesta\u00f1a nueva o en la actual y eso es m\u00e1s tiempo perdido.<\/p>\n Entonces, \u00bfc\u00f3mo puede crear problemas de GitHub de manera m\u00e1s f\u00e1cil y r\u00e1pida? \u00bfNo ser\u00eda m\u00e1s f\u00e1cil si pudi\u00e9ramos hacerlo enfocados en un solo lugar sin tener que cambiar nuestra atenci\u00f3n varias veces?<\/p>\n La escritura es una de las habilidades m\u00e1s b\u00e1sicas en los dispositivos, es m\u00e1s b\u00e1sica incluso que los gestos t\u00e1ctiles. Porque si bien esos son espec\u00edficos para dispositivos t\u00e1ctiles, debe usar un mouse o un trackpad en otros. Pero la escritura suele ser siempre la misma. Y los problemas de GitHub son texto, entonces, \u00bfpor qu\u00e9 no usar texto para crearlos sin tener que dejar nuestro teclado?<\/p>\n Esta aplicaci\u00f3n hace exactamente eso: https:\/\/fast-issues.herokuapp.com\/<\/a><\/p>\n Autorizas esta aplicaci\u00f3n de GitHub y puedes comenzar a escribir problemas en todos tus repositorios. Solo tienes que seleccionar un repositorio donde quieras crear un n\u00famero y comenzar a escribir varios n\u00fameros, uno en cada l\u00ednea.<\/p>\n Y admite escribir el t\u00edtulo y la descripci\u00f3n, asignarlo y etiquetarlo. Solo requiere el t\u00edtulo del problema. El resto es todo opcional. Solo necesita seguir una cierta convenci\u00f3n:<\/p>\n Admite m\u00faltiples asignados y etiquetas separ\u00e1ndolos con una coma. As\u00ed que b\u00e1sicamente:<\/p>\n Una vez hecho esto, es cuesti\u00f3n de hacer clic en Ir!<\/strong> y crear\u00e1 todos los problemas. Cada uno te tendr\u00e1 como autor. Luego puedes editarlos para agregar im\u00e1genes o videos, memes, cualquier cosa.<\/p>\n Si necesita crear m\u00e1s problemas en un repositorio diferente, simplemente vuelva a seleccionarlo en el men\u00fa desplegable y comience a escribir esos problemas. \u00a1No m\u00e1s saltos a trav\u00e9s de las p\u00e1ginas!<\/p>\n El repositorio de esta aplicaci\u00f3n se encuentra en https:\/\/github.com\/eliorivero\/fast-issues<\/a><\/p>\n La pila tecnol\u00f3gica es particularmente simple y completamente basada en JavaScript<\/a> :<\/p>\n Una cosa a tener en cuenta es que no queremos superar el l\u00edmite de solicitudes permitidas por la API de problemas de GitHub<\/a>. Recomiendan dejar pasar al menos un segundo entre solicitudes, por lo que paus\u00e9 la ejecuci\u00f3n 1,5 segundos entre la creaci\u00f3n de cada problema.<\/p>\n Desde el prototipo inicial que hice hasta la versi\u00f3n final, la cambi\u00e9 de una aplicaci\u00f3n de GitHub a una aplicaci\u00f3n de OAuth. Es porque este \u00faltimo te permite crear problemas y aparecer como el autor.<\/p>\n 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, as\u00ed que busqu\u00e9 una forma de tomar una captura de pantalla pero dentro de una aplicaci\u00f3n React y r\u00e1pidamente encontr\u00e9 html2canvas<\/a> que permite tomar capturas de pantalla y guardarlas como archivos PNG.<\/p>\n 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.<\/p>\n El \u00fanico problema con eso por ahora es que la API de GitHub no permite cargar im\u00e1genes, por lo que tendr\u00edan que estar alojadas en otro lugar y tener el enlace a esa ubicaci\u00f3n insertado en esta herramienta, pero definitivamente es una buena mejora.<\/p>\n De nuevo, la aplicaci\u00f3n est\u00e1 en https:\/\/fast-issues.herokuapp.com\/<\/a> y si terminas us\u00e1ndola, h\u00e1zmelo saber en los comentarios.<\/p>\n\n
\u00bfPor qu\u00e9 una aplicaci\u00f3n para crear problemas de GitHub m\u00e1s r\u00e1pido?<\/h2>\n
\n
Escribir un lote de problemas de GitHub con texto sin formato<\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157961-61e6c625122c6.jpg\")
<\/a><\/p>\n\n
This is the title | username1, username2 | This is the issue description, as long as you want it but without line breaks. | Label 1, Label 2<br>This is another issue | username3 | And another issue description | Bug<\/code><\/p>\nLa pila tecnol\u00f3gica detr\u00e1s de la aplicaci\u00f3n<\/h2>\n
\n
M\u00e1s ideas para mejorar la creaci\u00f3n de problemas<\/h2>\n