F\u00f6r ett tag sedan skrev jag om en app<\/a> jag skrev f\u00f6r att p\u00e5skynda skapandet av GitHub-problem. Jag bygger faktiskt appen men sedan gl\u00f6mde jag att skriva om den h\u00e4r, s\u00e5 h\u00e4r kommer det r\u00e4tta blogginl\u00e4gget. I det h\u00e4r inl\u00e4gget f\u00e5r vi se:<\/p>\n GitHub-gr\u00e4nssnittet \u00e4r vanligtvis ok f\u00f6r att skapa ett problem. Eller tv\u00e5. Och det \u00e4r ok f\u00f6r teknikkunniga m\u00e4nniskor, som utvecklare eller designers. Men i v\u00e5rt f\u00f6retag Reconnect, ibland efter att vi utvecklat en ny funktion, ber vi v\u00e5r icke-tekniska personal att testa den. Och det fungerar utm\u00e4rkt, eftersom de brukar hitta n\u00e5gra problem. Men det \u00e4r v\u00e4ldigt kr\u00e4vande f\u00f6r dem att g\u00e5 och hoppa igenom GitHub issues UI. Detta \u00e4r \u00e4nnu mer besv\u00e4rligt n\u00e4r de m\u00e5ste skapa mer \u00e4n ett problem och f\u00f6rmodligen i olika arkiv.<\/p>\n Om vi \u200b\u200bkvantifierar antalet g\u00e5nger vi flyttar v\u00e5r uppm\u00e4rksamhet f\u00f6r att skapa GitHub-<\/a> problem n\u00e4r vi har n\u00e5tt sidan f\u00f6r att skapa ett problem i arkivet d\u00e4r vi vill skapa dem, skulle det vara ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n Det \u00e4r 5 g\u00e5nger n\u00e4r vi flyttar v\u00e5r uppm\u00e4rksamhet fr\u00e5n omr\u00e5de till omr\u00e5de! F\u00f6r mycket uppm\u00e4rksamhetsf\u00f6rskjutning f\u00f6r en uppgift som i huvudsak \u00e4r att skriva och f\u00f6r mycket tid \u00e4gnas \u00e5t att fokusera om. Och vad h\u00e4nder om du m\u00e5ste skriva ett problem i ett annat arkiv? Du m\u00e5ste navigera till det f\u00f6rvaret i en ny flik eller i den nuvarande och det g\u00e5r f\u00f6rlorad mer tid.<\/p>\n S\u00e5 hur kan du skapa GitHub-problem l\u00e4ttare och snabbare? Skulle det inte vara l\u00e4ttare om vi kunde g\u00f6ra det fokuserat p\u00e5 en enda plats utan att beh\u00f6va flytta v\u00e5r uppm\u00e4rksamhet flera g\u00e5nger?<\/p>\n Att skriva \u00e4r en av de mest grundl\u00e4ggande f\u00e4rdigheterna i enheter, det \u00e4r mer grundl\u00e4ggande \u00e4n ens ber\u00f6ringsgester. F\u00f6r medan de \u00e4r specifika f\u00f6r pekenheter, m\u00e5ste du anv\u00e4nda en mus eller en styrplatta p\u00e5 andra. Men skrivandet \u00e4r oftast alltid detsamma. Och GitHub-problem \u00e4r text s\u00e5 varf\u00f6r inte anv\u00e4nda text f\u00f6r att skapa dem utan att n\u00e5gonsin l\u00e4mna v\u00e5rt tangentbord?<\/p>\n Den h\u00e4r appen g\u00f6r precis det: https:\/\/fast-issues.herokuapp.com\/<\/a><\/p>\n Du auktoriserar den h\u00e4r GitHub-appen och du kan b\u00f6rja skriva problem i alla dina arkiv. Du beh\u00f6ver bara v\u00e4lja ett arkiv d\u00e4r du vill skapa ett problem och b\u00f6rja skriva flera nummer, en p\u00e5 varje rad.<\/p>\n Och det st\u00f6der att skriva titeln och beskrivningen, tilldela den och m\u00e4rka den. Det kr\u00e4ver bara nummertiteln. Resten \u00e4r valfritt. Du beh\u00f6ver bara f\u00f6lja en viss konvention:<\/p>\n Den st\u00f6der flera tilldelade personer och etiketter genom att separera dem med kommatecken. S\u00e5 i princip:<\/p>\n N\u00e4r det \u00e4r klart \u00e4r det en fr\u00e5ga om att klicka p\u00e5 knappen G\u00e5!<\/strong> knappen och den skapar alla problem. Var och en kommer att ha dig som f\u00f6rfattare. Du kan senare redigera dem f\u00f6r att l\u00e4gga till bilder eller videor, memes, vad som helst.<\/p>\n Om du beh\u00f6ver skapa fler problem i ett annat arkiv, v\u00e4lj bara om det fr\u00e5n rullgardinsmenyn och b\u00f6rja skriva dessa problem. Inget mer att hoppa igenom sidorna!<\/p>\n Lagret f\u00f6r denna app finns p\u00e5 https:\/\/github.com\/eliorivero\/fast-issues<\/a><\/p>\n Den tekniska stacken \u00e4r s\u00e4rskilt enkel och helt baserad p\u00e5 JavaScript<\/a> :<\/p>\n En sak att komma ih\u00e5g \u00e4r att vi inte vill \u00f6verskrida gr\u00e4nsen f\u00f6r beg\u00e4randen som till\u00e5ts av GitHub Issues API<\/a>. De rekommenderar att man l\u00e5ter minst en sekund g\u00e5 mellan f\u00f6rfr\u00e5gningar s\u00e5 jag pausade exekveringen 1,5 sekunder mellan skapandet av varje nummer.<\/p>\n Fr\u00e5n den f\u00f6rsta prototypen jag gjorde till den slutliga versionen \u00e4ndrade jag den fr\u00e5n att vara en GitHub-app till en OAuth-app. Det \u00e4r f\u00f6r att det senare l\u00e5ter dig skapa problem och framst\u00e5 som f\u00f6rfattare.<\/p>\n Jag visade detta f\u00f6r en v\u00e4n och han ber\u00e4ttade f\u00f6r mig att han hade den h\u00e4r id\u00e9n att skapa ett Chrome-till\u00e4gg f\u00f6r att ta en sk\u00e4rmdump av ett fel, kommentera det och skicka in det som ett GitHub-problem. Jag tyckte det var en bra id\u00e9 s\u00e5 jag letade efter ett s\u00e4tt att ta en sk\u00e4rmdump men inuti en React-app och hittade snabbt html2canvas<\/a> som g\u00f6r det m\u00f6jligt att ta sk\u00e4rmdumpar och spara dem som PNG-filer.<\/p>\n Att kombinera n\u00e5got s\u00e5nt h\u00e4r med mitt verktyg f\u00f6r att skapa problem skulle vara en bra l\u00f6sning som skulle kunna vara tillg\u00e4nglig i en React-app under dess utvecklings- eller iscens\u00e4ttningscykel. Alla som testar appen kan aktivera problemrapporteringspanelen och skicka in ett GitHub-problem.<\/p>\n Det enda problemet med det f\u00f6r tillf\u00e4llet \u00e4r att GitHub API inte till\u00e5ter att ladda upp bilder, s\u00e5 de m\u00e5ste vara v\u00e4rd n\u00e5gon annanstans och ha l\u00e4nken till den platsen insatt i det h\u00e4r verktyget, men det \u00e4r definitivt en bra f\u00f6rb\u00e4ttring.<\/p>\n S\u00e5 \u00e5terigen, appen finns p\u00e5 https:\/\/fast-issues.herokuapp.com\/<\/a> och om du slutar anv\u00e4nda den, l\u00e5t mig veta om det i kommentarerna.<\/p>\n\n
Varf\u00f6r en app f\u00f6r att skapa GitHub-problem snabbare?<\/h2>\n
\n
Att skriva en grupp GitHub-problem med vanlig text<\/h2>\n
![\"Hur](\"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>\nTeknikstacken bakom appen<\/h2>\n
\n
Fler id\u00e9er f\u00f6r att f\u00f6rb\u00e4ttra skapandet av problem<\/h2>\n