{"id":231607,"date":"2023-01-09T12:15:00","date_gmt":"2023-01-09T09:15:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231607"},"modified":"2022-12-25T18:58:22","modified_gmt":"2022-12-25T15:58:22","slug":"paaskynda-skapandet-av-github-problem","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/paaskynda-skapandet-av-github-problem\/","title":{"rendered":"P\u00e5skynda skapandet av GitHub-problem"},"content":{"rendered":"<p>GitHub-problem \u00e4r fantastiska f\u00f6r att sp\u00e5ra nya funktioner eller buggar, vem som tilldelas, kategorisera dem, l\u00e4gga till projekt och s\u00e5 vidare. De \u00e4r ocks\u00e5 ganska l\u00e5ngsamma att skapa, och att skapa ett g\u00e4ng av dem tar alldeles f\u00f6r l\u00e5ng tid. S\u00e5 jag skapade ett litet verktyg f\u00f6r att p\u00e5skynda skapandet av problem och g\u00f6ra det enkelt.<\/p>\n<p>En av sm\u00e4rtpunkterna jag ser med <a href=\"https:\/\/startfunction.com\/tag\/github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub-<\/a> problem p\u00e5 jobbet \u00e4r att de \u00e4r besv\u00e4rliga att skapa, s\u00e4rskilt f\u00f6r de som inte \u00e4r utvecklare, som chefer, designers eller testare, och som helt enkelt vill rapportera ett fel men inte g\u00e5r igenom processen att skapa dem p\u00e5 GitHub.<\/p>\n<h3>Att skapa GitHub-problem b\u00f6r g\u00e5 snabbt<\/h3>\n<p>S\u00e5 vad \u00e4r den l\u00e4ttaste interaktionen med datorer, skrivande kanske? Jag vet inte om det \u00e4r l\u00e4ttast, men det \u00e4r definitivt l\u00e4tt. S\u00e5 i denna enkla textruta kan fr\u00e5gor skrivas och varje rad blir ett problem. Du bara skriver och skriver och lyfter inte h\u00e4nderna fr\u00e5n tangentbordet f\u00f6r att ta tag i musen. Du kan ocks\u00e5 klistra in en lista som skapats i en textredigerare eller ett kalkylblad.<\/p>\n<p>Det har flexibilitet: du kan tilldela problemet till n\u00e5gon (eller m\u00e5nga, separera anv\u00e4ndarnamn med kommatecken) som skiljer titeln fr\u00e5n anv\u00e4ndarnamnet med ett piptecken. Ett annat r\u00f6r skiljer beskrivningen \u00e5t, och ytterligare ett r\u00f6r separerar etiketterna, som kan vara m\u00e5nga, och skiljer dem \u00e5t med kommatecken.<\/p>\n<p><strong>Uppdatering:<\/strong> appen \u00e4r live p\u00e5 <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=\"P\u00e5skynda skapandet av GitHub-problem\" ><\/a><\/p>\n<h3>Teknisk \u00f6versikt<\/h3>\n<p>Detta projekt \u00e4r ~fortfarande inte helt f\u00e4rdigt men det \u00e4r redan~ offentligt kl<\/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>Som en allm\u00e4n \u00f6versikt:<\/p>\n<ul>\n<li>det \u00e4r en GitHub-app som kan installeras i arkivet d\u00e4r problemen kommer att skapas<\/li>\n<li>har en Node.js-backend med Express som server<\/li>\n<li>fronten \u00e4r byggd med React<\/li>\n<li>nyckelbibliotek f\u00f6r att fungera snabbt med GitHub i Node var <a href=\"https:\/\/github.com\/octokit\/app.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/octokit\/app.js<\/a> och <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>En sak att t\u00e4nka p\u00e5 \u00e4r att vi inte vill n\u00e5 API-gr\u00e4nserna. GitHub rekommenderar att du l\u00e5ter minst en sekund g\u00e5 mellan f\u00f6rfr\u00e5gningarna. Jag pausade skriptet 1,5 sekunder mellan varje beg\u00e4ran om att skapa problem, det \u00e4r d\u00e4rf\u00f6r du ser i GIF-bilden ovan att problemen inte skapas direkt.<\/p>\n<h3>Fler id\u00e9er<\/h3>\n<p>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 och jag letade efter ett s\u00e4tt att ta en sk\u00e4rmdump men inuti en React-app och hittade snabbt <a href=\"https:\/\/html2canvas.hertzen.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">html2canvas<\/a> som g\u00f6r det m\u00f6jligt att ta sk\u00e4rmdumpar och spara dem som PNG-filer.<\/p>\n<p>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. Bilden skulle fortfarande beh\u00f6va lagras p\u00e5 en annan server, f\u00f6r fr\u00e5n och med nu \u00e4r Issues API begr\u00e4nsad och till\u00e5ter inte uppladdning av bilder.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <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 \u00e4r fantastiska men l\u00e5ngsamma att skapa. Jag skapade ett litet verktyg som g\u00f6r det enkelt att skapa GitHub-problem med enbart vanlig text!<\/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":[838,848,776,901,787,724],"tags":[1173],"class_list":["post-231607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-foer-nyboerjare","category-handledningar","category-kaellkontroll","category-koda","category-programvara-med-oeppen-kaellkod","category-utvecklaren","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=231607"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/158128"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=231607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=231607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=231607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}