{"id":231514,"date":"2023-01-09T12:16:00","date_gmt":"2023-01-09T09:16:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231514"},"modified":"2022-12-25T18:58:21","modified_gmt":"2022-12-25T15:58:21","slug":"przyspiesz-tworzenie-problemow-z-github","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/przyspiesz-tworzenie-problemow-z-github\/","title":{"rendered":"Przyspiesz tworzenie problem\u00f3w z GitHub"},"content":{"rendered":"\n<p>Problemy z GitHubem s\u0105 fantastyczne do \u015bledzenia nowych funkcji lub b\u0142\u0119d\u00f3w, kto jest przypisany, kategoryzowania ich, dodawania do projekt\u00f3w i tak dalej. S\u0105 te\u017c do\u015b\u0107 powolne w tworzeniu, a tworzenie ich wielu zajmuje zbyt du\u017co czasu. Stworzy\u0142em wi\u0119c ma\u0142e narz\u0119dzie, aby przyspieszy\u0107 tworzenie problem\u00f3w i sprawi\u0107, \u017ce b\u0119dzie to pestka.<\/p>\n<p>Jednym z problem\u00f3w, kt\u00f3re widz\u0119 w przypadku problem\u00f3w z <a href=\"https:\/\/startfunction.com\/tag\/github\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GitHub<\/a> w pracy, jest to, \u017ce ich tworzenie jest k\u0142opotliwe, szczeg\u00f3lnie dla tych, kt\u00f3rzy nie s\u0105 programistami, takimi jak mened\u017cerowie, projektanci lub testerzy, i kt\u00f3rzy chc\u0105 po prostu zg\u0142osi\u0107 b\u0142\u0105d, ale nie przechodz\u0105 przez proces tworzenia ich na GitHub.<\/p>\n<h3>Tworzenie problem\u00f3w na GitHubie powinno by\u0107 szybkie<\/h3>\n<p>Wi\u0119c jaka jest naj\u0142atwiejsza interakcja z komputerami, mo\u017ce pisanie? Nie wiem, czy to naj\u0142atwiejsze, ale zdecydowanie \u0142atwe. Tak wi\u0119c w tym prostym polu tekstowym mo\u017cna pisa\u0107 problemy, a ka\u017cdy wiersz b\u0119dzie problemem. Po prostu piszesz i piszesz, i nie odrywasz r\u0105k od klawiatury, \u017ceby chwyci\u0107 mysz. Mo\u017cesz tak\u017ce wklei\u0107 list\u0119 utworzon\u0105 w edytorze tekstu lub arkuszu kalkulacyjnym.<\/p>\n<p>Ma elastyczno\u015b\u0107: mo\u017cesz przypisa\u0107 problem do kogo\u015b (lub wielu, oddzielaj\u0105c nazwy u\u017cytkownik\u00f3w przecinkami) oddzielaj\u0105c tytu\u0142 od nazwy u\u017cytkownika znakiem kreski pionowej. Kolejna kreska oddziela opis, a jeszcze inna oddziela etykiety, kt\u00f3rych mo\u017ce by\u0107 wiele, oddzielaj\u0105c je przecinkami.<\/p>\n<p><strong>Aktualizacja:<\/strong> aplikacja jest dost\u0119pna pod <a href=\"https:\/\/fast-issues.herokuapp.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">adresem 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=\"Przyspiesz tworzenie problem\u00f3w z GitHub\" ><\/a><\/p>\n<h3>Przegl\u0105d techniczny<\/h3>\n<p>Ten projekt ~nadal nie jest w pe\u0142ni dopracowany, ale ju\u017c ~publiczny na<\/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>Jako og\u00f3lny przegl\u0105d:<\/p>\n<ul>\n<li>jest to aplikacja GitHub, kt\u00f3r\u0105 mo\u017cna zainstalowa\u0107 w repozytorium, w kt\u00f3rym b\u0119d\u0105 tworzone zg\u0142oszenia<\/li>\n<li>ma backend Node.js z Express jako serwerem<\/li>\n<li>prz\u00f3d jest zbudowany z React<\/li>\n<li>kluczowe biblioteki do szybkiej pracy z GitHub w Node to <a href=\"https:\/\/github.com\/octokit\/app.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/github.com\/octokit\/app.js<\/a> i <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>Nale\u017cy pami\u0119ta\u0107, \u017ce nie chcemy przekracza\u0107 limit\u00f3w API. GitHub zaleca pozostawienie co najmniej jednej sekundy mi\u0119dzy \u017c\u0105daniami. Wstrzyma\u0142em skrypt na 1,5 sekundy pomi\u0119dzy ka\u017cdym \u017c\u0105daniem utworzenia zg\u0142oszenia, dlatego w powy\u017cszym GIF-ie zobaczysz, \u017ce zg\u0142oszenia nie s\u0105 tworzone od razu.<\/p>\n<h3>Wi\u0119cej pomys\u0142\u00f3w<\/h3>\n<p>Pokaza\u0142em to znajomemu, a on powiedzia\u0142 mi, \u017ce wpad\u0142 na pomys\u0142 stworzenia rozszerzenia Chrome, aby zrobi\u0107 zrzut ekranu b\u0142\u0119du, opisa\u0107 go i przes\u0142a\u0107 jako problem z GitHub. Pomy\u015bla\u0142em, \u017ce to \u015bwietny pomys\u0142 i szuka\u0142em sposobu na zrobienie zrzutu ekranu, ale w aplikacji React szybko znalaz\u0142em <a href=\"https:\/\/html2canvas.hertzen.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">html2canvas<\/a>, kt\u00f3ry pozwala robi\u0107 zrzuty ekranu i zapisywa\u0107 je jako pliki PNG.<\/p>\n<p>Po\u0142\u0105czenie czego\u015b takiego z moim narz\u0119dziem do tworzenia problem\u00f3w by\u0142oby fajnym rozwi\u0105zaniem, kt\u00f3re mog\u0142oby by\u0107 dost\u0119pne w aplikacji React podczas jej cyklu rozwoju lub postoju. Ka\u017cdy, kto testuje aplikacj\u0119, mo\u017ce uruchomi\u0107 panel zg\u0142aszania problem\u00f3w i zg\u0142osi\u0107 problem na GitHubie. Obraz nadal musia\u0142by by\u0107 przechowywany na innym serwerze, poniewa\u017c obecnie interfejs Issues API jest ograniczony i nie pozwala na przesy\u0142anie obraz\u00f3w.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <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 s\u0105 fantastyczne, ale powolne w tworzeniu. Stworzy\u0142em ma\u0142e narz\u0119dzie, kt\u00f3re sprawia, \u017ce \u200b\u200btworzenie problem\u00f3w na GitHubie jest dziecinnie proste, u\u017cywaj\u0105c tylko zwyk\u0142ego tekstu!<\/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":[721,897,773,784,836,845],"tags":[1169],"class_list":["post-231514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-kod","category-kontrola-zrodla","category-oprogramowanie-open-source","category-przewodnik-dla-poczatkujacych","category-samouczki","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=231514"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231514\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/158128"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=231514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=231514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=231514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}