{"id":232211,"date":"2023-01-10T10:59:00","date_gmt":"2023-01-10T07:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232211"},"modified":"2023-01-10T10:59:26","modified_gmt":"2023-01-10T07:59:26","slug":"kuinka-luoda-github-ongelmia-5-kertaa-nopeammin","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-luoda-github-ongelmia-5-kertaa-nopeammin\/","title":{"rendered":"Kuinka luoda GitHub-ongelmia 5 kertaa nopeammin"},"content":{"rendered":"\n<p>GitHub-ongelmat ovat fantastisia uusien ominaisuuksien tai vikojen j\u00e4ljitt\u00e4miseen, nimettyjen henkil\u00f6iden luokitteluun, projekteihin lis\u00e4\u00e4miseen ja niin edelleen. Samalla ne ovat my\u00f6s melko hitaita luomaan ja niiden luominen vie liikaa aikaa.<\/p>\n<p>Yksi <a href=\"https:\/\/startfunction.com\/tag\/github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub<\/a> -ongelmista ty\u00f6ss\u00e4 havaitsemistani vaikeista on se, ett\u00e4 niiden luominen on vaivalloista, erityisesti niille, jotka eiv\u00e4t ole kehitt\u00e4ji\u00e4 tai suunnittelijoita, kuten esimiehi\u00e4 tai testaajia, jotka haluavat ilmoittaa virheest\u00e4 ilman niiden luomisprosessia. GitHubissa.<\/p>\n<p>Jokin aika sitten <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/nopeuta-github-ongelmien-luomista\/\" title=\"kirjoitin sovelluksesta\">kirjoitin sovelluksesta<\/a>, jota kirjoitin nopeuttaakseni GitHub-ongelmien luomista. Itse asiassa rakensin sovelluksen, mutta sitten unohdin kirjoittaa siit\u00e4 t\u00e4nne, joten t\u00e4ss\u00e4 on oikea blogikirjoitus. T\u00e4ss\u00e4 viestiss\u00e4 n\u00e4emme:<\/p>\n<ol start=\"2\">\n<li><a href=\"http:\/\/writing-issues\/\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">Kirjoitetaan joukko GitHub-ongelmia pelk\u00e4ll\u00e4 tekstill\u00e4<\/a><\/li>\n<li><a href=\"http:\/\/tech-stack\/\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">Sovelluksen takana oleva tekniikkapino<\/a><\/li>\n<li><a href=\"http:\/\/more-ideas\/\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">Lis\u00e4\u00e4 ideoita ongelmien luomisen parantamiseksi<\/a><\/li>\n<\/ol>\n<h2>Miksi sovellus luoda GitHub-ongelmia nopeammin?<\/h2>\n<p>GitHub-k\u00e4ytt\u00f6liittym\u00e4 on yleens\u00e4 ok ongelman luomiseen. Tai kaksi. Ja se sopii tekniikan taitaville ihmisille, kuten kehitt\u00e4jille tai suunnittelijoille. Kuitenkin yrityksess\u00e4mme Reconnect joskus uuden ominaisuuden kehitt\u00e4misen j\u00e4lkeen pyyd\u00e4mme ei-teknist\u00e4 henkil\u00f6kuntaa testaamaan sit\u00e4. Ja se toimii hyvin, koska he yleens\u00e4 l\u00f6yt\u00e4v\u00e4t joitain ongelmia. Mutta GitHub-ongelmien k\u00e4ytt\u00f6liittym\u00e4n l\u00e4pik\u00e4yminen on heille eritt\u00e4in ty\u00f6l\u00e4st\u00e4. T\u00e4m\u00e4 on viel\u00e4 hankalampaa, kun heid\u00e4n on luotava useampi kuin yksi ongelma ja luultavasti eri arkistoissa.<\/p>\n<p>Jos m\u00e4\u00e4rit\u00e4mme kuinka monta kertaa siirr\u00e4mme huomiomme <a href=\"https:\/\/startfunction.com\/tag\/github\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub<\/a> &#8211; ongelmien luomiseen, kun olemme saavuttaneet sivun luodaksemme ongelman arkistoon, johon haluamme luoda ne, se olisi jotain enemm\u00e4n tai v\u00e4hemm\u00e4n t\u00e4llaista:<\/p>\n<ul>\n<li>kirjoita otsikko<\/li>\n<li>Siirry ongelman tekstiruutuun ja sy\u00f6t\u00e4 kuvaus<\/li>\n<li>siirry sivupalkkiin m\u00e4\u00e4ritt\u00e4\u00e4ksesi ongelman jollekin<\/li>\n<li>Siirry sivupalkin Tunnisteet-lohkoon lis\u00e4t\u00e4ksesi tunnisteen<\/li>\n<li>klikkaa painiketta luodaksesi ongelman<\/li>\n<\/ul>\n<p>Se on 5 kertaa, kun siirr\u00e4mme huomiomme alueelta toiselle! Liian paljon huomion siirtymist\u00e4 teht\u00e4v\u00e4\u00e4n, joka on p\u00e4\u00e4asiassa kirjoittamista, ja liian paljon aikaa keskittymiseen. Ent\u00e4 jos sinun on kirjoitettava ongelma toiseen tietovarastoon? Sinun on navigoitava kyseiseen arkistoon uudella v\u00e4lilehdell\u00e4 tai nykyisess\u00e4 v\u00e4lilehdess\u00e4, jolloin menetet\u00e4\u00e4n enemm\u00e4n aikaa.<\/p>\n<p>Joten kuinka voit luoda GitHub-ongelmia helpommin ja nopeammin? Eik\u00f6 olisi helpompaa, jos voisimme tehd\u00e4 sen keskittyen yhteen paikkaan ilman, ett\u00e4 meid\u00e4n pit\u00e4isi siirt\u00e4\u00e4 huomiomme useita kertoja?<\/p>\n<h2>Kirjoitetaan joukko GitHub-ongelmia pelk\u00e4ll\u00e4 tekstill\u00e4<\/h2>\n<p>Kirjoittaminen on yksi laitteiden perustaidoista, se on perustaidot kuin edes kosketuseleet. Koska vaikka ne koskevat kosketuslaitteita, sinun on k\u00e4ytett\u00e4v\u00e4 hiirt\u00e4 tai ohjauslevy\u00e4 muissa. Mutta kirjoittaminen on yleens\u00e4 aina samaa. Ja GitHub-ongelmat ovat teksti\u00e4, joten miksi et k\u00e4ytt\u00e4isi teksti\u00e4 niiden luomiseen poistumatta n\u00e4pp\u00e4imist\u00f6st\u00e4mme?<\/p>\n<p>T\u00e4m\u00e4 sovellus tekee juuri sen: <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>Valtuutat t\u00e4m\u00e4n GitHub-sovelluksen ja voit alkaa kirjoittaa ongelmia kaikkiin arkistoihin. Sinun tarvitsee vain valita arkisto, johon haluat luoda ongelman, ja alkaa kirjoittaa useita kysymyksi\u00e4, yksi jokaiselle riville.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-157961-61e6c625122c6.jpg\" 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-157961-61e6c625122c6.jpg\" alt=\"Kuinka luoda GitHub-ongelmia 5 kertaa nopeammin\"><\/a><\/p>\n<p>Ja se tukee otsikon ja kuvauksen kirjoittamista, m\u00e4\u00e4ritt\u00e4mist\u00e4 ja merkitsemist\u00e4. Se vaatii vain ongelman otsikon. Loput ovat valinnaisia. Sinun tarvitsee vain noudattaa tietty\u00e4 k\u00e4yt\u00e4nt\u00f6\u00e4:<\/p>\n<ul>\n<li>otsikko tulee ensin<\/li>\n<li>sitten putkimerkki erottaa haltijat. Valitsin sen olevan n\u00e4in, koska tarvitset v\u00e4hint\u00e4\u00e4n ongelman ja jonkun, joka ty\u00f6skentelee sen parissa<\/li>\n<li>toinen putkimerkki erottaa ongelman kuvauksen. Sen pituus voi olla mik\u00e4 tahansa, mutta siin\u00e4 ei voi olla rivinvaihtoja, koska se aiheuttaisi uuden ongelman<\/li>\n<li>kolmas putkimerkki erottaa tarrat<\/li>\n<\/ul>\n<p>Se tukee useita valtuutettuja ja tunnisteita erottamalla ne pilkulla. Periaatteessa:<\/p>\n<p><code>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&lt;br&gt;This is another issue | username3 | And another issue description | Bug<\/code><\/p>\n<p>Kun se on tehty, sinun on napsautettava <strong>Go!<\/strong> -painiketta ja se luo kaikki ongelmat. Jokaisella on sin\u00e4 kirjoittaja. Voit my\u00f6hemmin muokata niit\u00e4 lis\u00e4t\u00e4ksesi kuvia tai videoita, meemej\u00e4 tai mit\u00e4 tahansa.<\/p>\n<p>Jos sinun on luotava lis\u00e4\u00e4 ongelmia eri arkistoon, valitse se uudelleen pudotusvalikosta ja aloita ongelmien kirjoittaminen. Ei en\u00e4\u00e4 sivuilla hyppimist\u00e4!<\/p>\n<h2>Sovelluksen takana oleva tekniikkapino<\/h2>\n<p>T\u00e4m\u00e4n sovelluksen arkisto sijaitsee osoitteessa <a href=\"https:\/\/github.com\/eliorivero\/fast-issues\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/eliorivero\/fast-issues<\/a><\/p>\n<p>Tekninen pino on erityisen yksinkertainen ja perustuu kokonaan <a href=\"https:\/\/startfunction.com\/category\/javascript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScriptiin<\/a> :<\/p>\n<ul>\n<li>Reactilla rakennettu <a href=\"https:\/\/startfunction.com\/tag\/react\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">k\u00e4ytt\u00f6liittym\u00e4<\/a><\/li>\n<li><a href=\"https:\/\/startfunction.com\/tag\/node-js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node.js<\/a> :ll\u00e4 rakennettu tausta<a href=\"https:\/\/startfunction.com\/tag\/node-js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/li>\n<li>k\u00e4ytt\u00e4\u00e4 <a href=\"https:\/\/expressjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Expressi\u00e4<\/a> palvelimena<\/li>\n<li>ja <a href=\"https:\/\/github.com\/octokit\/rest.js\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Octokit REST<\/a> kirjaston, joka toimii GitHub API:n kanssa<\/li>\n<\/ul>\n<p>Yksi asia on pidett\u00e4v\u00e4 mieless\u00e4, ett\u00e4 emme halua ylitt\u00e4\u00e4 <a href=\"https:\/\/developer.github.com\/v3\/issues\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub Issues API<\/a> :n sallimaa pyynt\u00f6jen rajaa. He suosittelevat, ett\u00e4 pyynt\u00f6jen v\u00e4lill\u00e4 on v\u00e4hint\u00e4\u00e4n yksi sekunti, joten keskeytin suorituksen 1,5 sekuntia kunkin numeron luomisen v\u00e4lill\u00e4.<\/p>\n<p>Tein alkuper\u00e4isest\u00e4 prototyypist\u00e4 lopulliseen versioon, vaihdoin sen GitHub-sovelluksesta OAuth-sovellukseksi. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 j\u00e4lkimm\u00e4isen avulla voit luoda ongelmia ja esiinty\u00e4 kirjoittajana.<\/p>\n<h2>Lis\u00e4\u00e4 ideoita ongelmien luomisen parantamiseksi<\/h2>\n<p>N\u00e4ytin t\u00e4m\u00e4n yst\u00e4v\u00e4lle, ja h\u00e4n kertoi minulle, ett\u00e4 h\u00e4nell\u00e4 oli idea luoda Chrome-laajennus, joka ottaa kuvakaappauksen virheest\u00e4, merkit\u00e4 siihen ja l\u00e4hett\u00e4\u00e4 sen GitHub-ongelmana. Minusta se oli loistava idea, joten etsin tapaa ottaa kuvakaappaus, mutta React-sovelluksen sis\u00e4ll\u00e4 l\u00f6ysin nopeasti <a href=\"https:\/\/html2canvas.hertzen.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">html2canvasin<\/a>, jonka avulla voit ottaa kuvakaappauksia ja tallentaa ne PNG-tiedostoina.<\/p>\n<p>T\u00e4m\u00e4nkaltaisen ty\u00f6kaluni yhdist\u00e4minen ongelmien luomiseen olisi mukava ratkaisu, joka voisi olla saatavilla React-sovelluksessa sen kehitys- tai vaiheistusjakson aikana. Kuka tahansa sovellusta testaava voi k\u00e4ynnist\u00e4\u00e4 ongelmaraportointipaneelin ja l\u00e4hett\u00e4\u00e4 GitHub-ongelman.<\/p>\n<p>Ainoa ongelma t\u00e4ll\u00e4 hetkell\u00e4 on, ett\u00e4 GitHub-sovellusliittym\u00e4 ei salli kuvien lataamista, joten ne pit\u00e4isi is\u00e4nn\u00f6id\u00e4 jossain muualla ja linkki kyseiseen sijaintiin on lis\u00e4tt\u00e4v\u00e4 t\u00e4h\u00e4n ty\u00f6kaluun, mutta se on ehdottomasti hyv\u00e4 parannus.<\/p>\n<p>Joten j\u00e4lleen, sovellus on osoitteessa <a href=\"https:\/\/fast-issues.herokuapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/fast-issues.herokuapp.com\/<\/a> ja jos p\u00e4\u00e4dyt k\u00e4ytt\u00e4m\u00e4\u00e4n sit\u00e4, kerro siit\u00e4 minulle kommenteissa.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <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-ongelmat ovat fantastisia uusien ominaisuuksien tai vikojen j\u00e4ljitt\u00e4miseen, nimettyjen henkil\u00f6iden luokitteluun, projekteihin lis\u00e4\u00e4miseen ja niin edelleen. Samalla ne ovat my\u00f6s melko hitaita luomaan ja niiden luominen vie liikaa aikaa. Olin kyll\u00e4stynyt hitaaseen prosessiin luoda GitHub-ongelma manuaalisesti, joten rakensin ilmaisen avoimen l\u00e4hdekoodin sovelluksen nopeuttamaan prosessia paljon.<\/p>\n","protected":false},"author":1,"featured_media":157962,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[782,750,1018,719,895,771,917,834],"tags":[1166],"class_list":["post-232211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avoimen-laehdekoodin-ohjelmisto","category-avoin-laehdekoodi","category-hyodyllisia-sivustoja","category-kehittaejae","category-koodi","category-laehteen-ohjaus","category-muut","category-opas-aloittelijoille","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=232211"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232211\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/157962"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=232211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=232211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=232211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}