H\u00e1 algum tempo , escrevi sobre um aplicativo<\/a> que estava escrevendo para acelerar a cria\u00e7\u00e3o de problemas no GitHub. Na verdade, eu construo o aplicativo, mas esqueci de escrever sobre isso aqui, ent\u00e3o aqui est\u00e1 o post apropriado no blog. Neste post veremos:<\/p>\n A IU do GitHub geralmente est\u00e1 correta para criar um problema. Ou dois. E tudo bem para pessoas com experi\u00eancia em tecnologia, como desenvolvedores ou designers. No entanto, em nossa empresa Reconnect, \u00e0s vezes, ap\u00f3s desenvolvermos um novo recurso, solicitamos que nossa equipe n\u00e3o t\u00e9cnica o teste. E isso funciona muito bem, porque eles geralmente encontram alguns problemas. Mas \u00e9 muito demorado para eles irem e pularem pela interface do usu\u00e1rio de problemas do GitHub. Isso \u00e9 ainda mais complicado quando eles precisam criar mais de um problema e provavelmente em reposit\u00f3rios diferentes.<\/p>\n Se quantificarmos o n\u00famero de vezes que mudamos nossa aten\u00e7\u00e3o para criar problemas no GitHub<\/a> depois de chegarmos \u00e0 p\u00e1gina para criar um problema no reposit\u00f3rio onde queremos cri\u00e1-los, seria algo mais ou menos assim:<\/p>\n S\u00e3o 5 vezes quando mudamos nossa aten\u00e7\u00e3o de uma \u00e1rea para outra! Muita mudan\u00e7a de aten\u00e7\u00e3o para uma tarefa que \u00e9 essencialmente escrita e muito tempo gasto refocalizando. E se voc\u00ea tiver que escrever um problema em um reposit\u00f3rio diferente? Voc\u00ea precisa navegar para esse reposit\u00f3rio em uma nova guia ou na atual e isso \u00e9 mais tempo perdido.<\/p>\n Ent\u00e3o, como voc\u00ea pode criar problemas no GitHub com mais facilidade e rapidez? N\u00e3o seria mais f\u00e1cil se pud\u00e9ssemos faz\u00ea-lo focado em um \u00fanico lugar sem ter que mudar nossa aten\u00e7\u00e3o v\u00e1rias vezes?<\/p>\n A escrita \u00e9 uma das habilidades mais b\u00e1sicas nos dispositivos, \u00e9 mais b\u00e1sica do que os gestos de toque. Porque, embora sejam espec\u00edficos para dispositivos de toque, voc\u00ea precisa usar um mouse ou um trackpad em outros. Mas a escrita geralmente \u00e9 sempre a mesma. E os problemas do GitHub s\u00e3o texto, ent\u00e3o por que n\u00e3o usar texto para cri\u00e1-los sem sair do teclado?<\/p>\n Este aplicativo faz exatamente isso: https:\/\/fast-issues.herokuapp.com\/<\/a><\/p>\n Voc\u00ea autoriza este aplicativo GitHub e pode come\u00e7ar a escrever problemas em todos os seus reposit\u00f3rios. Voc\u00ea s\u00f3 precisa selecionar um reposit\u00f3rio onde deseja criar um problema e come\u00e7ar a escrever v\u00e1rios problemas, um em cada linha.<\/p>\n E suporta escrever o t\u00edtulo e a descri\u00e7\u00e3o, atribu\u00ed-lo e rotul\u00e1-lo. Requer apenas o t\u00edtulo da edi\u00e7\u00e3o. O resto \u00e9 tudo opcional. Voc\u00ea s\u00f3 precisa seguir uma certa conven\u00e7\u00e3o:<\/p>\n Ele oferece suporte a v\u00e1rios destinat\u00e1rios e r\u00f3tulos, separando-os usando uma v\u00edrgula. Ent\u00e3o, basicamente:<\/p>\n Uma vez feito, \u00e9 uma quest\u00e3o de clicar no bot\u00e3o Go!<\/strong> bot\u00e3o e ele ir\u00e1 criar todos os problemas. Cada um ter\u00e1 voc\u00ea como autor. Mais tarde, voc\u00ea pode edit\u00e1-los para adicionar imagens ou v\u00eddeos, memes, qualquer coisa.<\/p>\n Se voc\u00ea precisar criar mais problemas em um reposit\u00f3rio diferente, basta selecion\u00e1-lo novamente no menu suspenso e come\u00e7ar a escrever esses problemas. Chega de pular p\u00e1ginas!<\/p>\n O reposit\u00f3rio para este aplicativo est\u00e1 localizado em https:\/\/github.com\/eliorivero\/fast-issues<\/a><\/p>\n A pilha de tecnologia \u00e9 particularmente simples e inteiramente baseada em JavaScript<\/a> :<\/p>\n Uma coisa a ter em mente \u00e9 que n\u00e3o queremos ultrapassar o limite de solicita\u00e7\u00f5es permitidas pela API de problemas do GitHub<\/a>. Eles recomendam deixar passar pelo menos um segundo entre as solicita\u00e7\u00f5es, ent\u00e3o pausei a execu\u00e7\u00e3o 1,5 segundos entre a cria\u00e7\u00e3o de cada problema.<\/p>\n Do prot\u00f3tipo inicial que fiz at\u00e9 a vers\u00e3o final, mudei de um aplicativo GitHub para um aplicativo OAuth. \u00c9 porque este \u00faltimo permite que voc\u00ea crie problemas e apare\u00e7a como autor.<\/p>\n Mostrei isso a um amigo e ele me disse que tinha a ideia de criar uma extens\u00e3o do Chrome para tirar uma captura de tela de um bug, anot\u00e1-lo e envi\u00e1-lo como um problema do GitHub. Achei uma \u00f3tima ideia, ent\u00e3o procurei uma maneira de fazer uma captura de tela, mas dentro de um aplicativo React e rapidamente encontrei o html2canvas<\/a> que permite fazer capturas de tela e salv\u00e1-las como arquivos PNG.<\/p>\n Combinar algo assim com minha ferramenta para criar os problemas seria uma boa solu\u00e7\u00e3o que poderia estar dispon\u00edvel em um aplicativo React durante seu ciclo de desenvolvimento ou teste. Qualquer pessoa que teste o aplicativo pode acionar o painel de relat\u00f3rios de problemas e enviar um problema do GitHub.<\/p>\n O \u00fanico problema com isso por enquanto \u00e9 que a API do GitHub n\u00e3o permite o upload de imagens, ent\u00e3o elas teriam que ser hospedadas em outro lugar e ter o link para esse local inserido nesta ferramenta, mas definitivamente \u00e9 uma boa melhoria.<\/p>\n Ent\u00e3o, novamente, o aplicativo est\u00e1 em https:\/\/fast-issues.herokuapp.com\/<\/a> e se voc\u00ea acabar usando, deixe-me saber sobre isso nos coment\u00e1rios.<\/p>\n\n
Por que um aplicativo para criar problemas do GitHub mais rapidamente?<\/h2>\n
\n
Escrevendo um lote de problemas do GitHub com texto simples<\/h2>\n
![\"Como](\"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>\nA pilha de tecnologia por tr\u00e1s do aplicativo<\/h2>\n
\n
Mais ideias para melhorar a cria\u00e7\u00e3o de quest\u00f5es<\/h2>\n