{"id":232334,"date":"2023-01-09T11:49:00","date_gmt":"2023-01-09T08:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232334"},"modified":"2022-11-10T08:48:45","modified_gmt":"2022-11-10T05:48:45","slug":"velocizza-la-creazione-di-problemi-con-github","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/velocizza-la-creazione-di-problemi-con-github\/","title":{"rendered":"Velocizza la creazione di problemi con GitHub"},"content":{"rendered":"\n<p>I problemi di GitHub sono fantastici per tenere traccia di nuove funzionalit\u00e0 o bug, a chi viene assegnato, classificarli, aggiungerli a progetti e cos\u00ec via. Sono anche piuttosto lenti da creare e crearne un mucchio richiede troppo tempo. Quindi ho creato un piccolo strumento per velocizzare la creazione di problemi e renderlo un gioco da ragazzi.<\/p>\n<p>Uno dei punti deboli che vedo con i problemi di <a href=\"https:\/\/startfunction.com\/tag\/github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub<\/a> al lavoro \u00e8 che sono ingombranti da creare, in particolare per coloro che non sono sviluppatori, come manager, designer o tester, e che vogliono semplicemente segnalare un bug ma non passare attraverso il processo di creazione su GitHub.<\/p>\n<h3>La creazione di problemi con GitHub dovrebbe essere veloce<\/h3>\n<p>Quindi qual \u00e8 l&#8217;interazione pi\u00f9 semplice con i computer, la scrittura, forse? Non so se \u00e8 il pi\u00f9 semplice, ma \u00e8 sicuramente facile. Quindi, in questa semplice casella di testo, \u00e8 possibile scrivere problemi e ogni riga sar\u00e0 un problema. Basta digitare e digitare e non sollevare le mani dalla tastiera per afferrare il mouse. Puoi anche incollare un elenco creato in un editor di testo o in un foglio di calcolo.<\/p>\n<p>Ha flessibilit\u00e0: puoi assegnare il problema a qualcuno (o pi\u00f9, separando i nomi utente con virgole) separando il titolo dal nome utente con un carattere pipe. Un&#8217;altra pipe separa la descrizione, e un&#8217;altra pipe separa le etichette, che possono essere molte, separandole con virgole.<\/p>\n<p><strong>Aggiornamento:<\/strong> l&#8217;app \u00e8 attiva su <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=\"Velocizza la creazione di problemi con GitHub\" ><\/a><\/p>\n<h3>Panoramica tecnica<\/h3>\n<p>Questo progetto ~non \u00e8 ancora completamente sviluppato ma \u00e8 gi\u00e0~ pubblico a<\/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>Come panoramica generale:<\/p>\n<ul>\n<li>\u00e8 un&#8217;app GitHub che pu\u00f2 essere installata nel repository in cui verranno creati i problemi<\/li>\n<li>ha un backend Node.js con Express come server<\/li>\n<li>il frontale \u00e8 costruito con React<\/li>\n<li>le librerie di chiavi per lavorare velocemente con GitHub in Node erano <a href=\"https:\/\/github.com\/octokit\/app.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/octokit\/app.js<\/a> e <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 da tenere a mente \u00e8 che non vogliamo raggiungere i limiti dell&#8217;API. GitHub consiglia di lasciar trascorrere almeno un secondo tra le richieste. Ho messo in pausa lo script 1,5 secondi tra ogni richiesta di creazione del problema, ecco perch\u00e9 vedrai nella GIF sopra che i problemi non vengono creati all&#8217;istante.<\/p>\n<h3>Pi\u00f9 idee<\/h3>\n<p>L&#8217;ho mostrato a un amico e mi ha detto che aveva l&#8217;idea di creare un&#8217;estensione di Chrome per fare uno screenshot di un bug, annotarlo e inviarlo come problema con GitHub. Ho pensato che fosse un&#8217;ottima idea e ho cercato un modo per fare uno screenshot ma all&#8217;interno di un&#8217;app React e ho trovato rapidamente <a href=\"https:\/\/html2canvas.hertzen.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">html2canvas<\/a> che permette di fare screenshot e salvarli come file PNG.<\/p>\n<p>Combinare qualcosa del genere con il mio strumento per creare i problemi sarebbe una buona soluzione che potrebbe essere disponibile in un&#8217;app React durante il suo ciclo di sviluppo o staging. Chiunque stia testando l&#8217;app pu\u00f2 attivare il pannello di segnalazione dei problemi e inviare un problema con GitHub. L&#8217;immagine dovrebbe comunque essere archiviata in un altro server, perch\u00e9 al momento l&#8217;API Issues \u00e8 limitata e non consente di caricare immagini.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <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 sono fantastici ma lenti da creare. Ho creato un piccolo strumento che rende la creazione di problemi GitHub un gioco da ragazzi usando solo testo normale!<\/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":[896,772,835,783,720,844],"tags":[1168],"class_list":["post-232334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-controllo-della-fonte","category-guida-per-principianti","category-software-open-source","category-sviluppatore","category-tutorial","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232334"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/158128"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}