Web-kehityksen haasteet : React-käyttöliittymäkirjaston ongelmat Stack Overflow -sivuston kysymyksissä
Niemi, Ville (2022)
2022
Tietojenkäsittelyopin maisteriohjelma - Master's Programme in Computer Science
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2022-12-13
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202211308761
https://urn.fi/URN:NBN:fi:tuni-202211308761
Tiivistelmä
Tässä tutkielmassa käsitellään web-kehityksessä kohdattuja haasteita, ongelmia ja virhetilanteita. Tutkimusosuudessa perehdytään React-käyttöliittymäkirjaston parissa kohdattuihin ongelmiin Stack Overflow -kysymysten perusteella. Kysymyksille suoritetaan LDA-analyysi.
React (myös ReactJS, React.js) on ilmainen avoimen lähdekoodin selainpuolen JavaScript-kirjasto, joka on tarkoitettu käyttöliittymien rakentamiseen. Stack Overflow on ohjelmointiin suuntautunut kysymys-vastaus-sivusto. Latent Dirichlet Allocation -menetelmän (LDA-menetelmä) avulla voidaan luokitella tekstidokumenteille aiheita ja aihemalleille olennaisimpia avainsanoja.
Stack Overflow -sivustolta ladataan vuoden ajalta kaikki reactjs-tunnisteella löytyvät kysymykset (96 698 kappaletta). Kysymyksille suoritetaan esikäsittely eli muun muassa siistimistä, sulkusanojen poisto ja stemmaus. Lopuksi käsitellyille kysymyksille suoritetaan LDA-analyysi. LDA-algoritmissa käytetään 11 aihetta ja tuloksia havainnollistetaan taulukko- ja kuvamuodossa.
Aiheet nimettiin manuaalisesti. Aiheiden nimet ja prosenttiosuudet kaikista kysymyksistä ovat seuraavat: komponenttien hahmontaminen (18,5), virheet projekteissa (15,2), data ja taulukot (12,6), kuvat (11,5), ohjelmointirajapinnat ja palvelinpuoli (10,6), komponentit (7,3), tila (6,3), käyttöliittymän ulkoasu (5,8), reititys (5,4), lomakkeet (4,7) ja node-moduulit (2,0). Suurin osa Reactin ongelmista koskivat komponentteja, mutta noin kolmannes liittyi palvelinpuoleen ja yleisiin virheisiin projekteissa.
Aivan samankaltaista LDA-menetelmää ja tietyn käyttöliittymäkirjaston kysymyksiä analysoivaa tutkimusta ei ole aiemmin tehty, mutta pientä yhtäläisyyttä tämän ja aiempien tutkimusten aiheiden prosenttiosuuksien kanssa löytyi. Aikaisempien tutkimusten kysymysten aihealueen ollessa eri, suuria yleistyksiä ei voida kuitenkaan tehdä.
React (myös ReactJS, React.js) on ilmainen avoimen lähdekoodin selainpuolen JavaScript-kirjasto, joka on tarkoitettu käyttöliittymien rakentamiseen. Stack Overflow on ohjelmointiin suuntautunut kysymys-vastaus-sivusto. Latent Dirichlet Allocation -menetelmän (LDA-menetelmä) avulla voidaan luokitella tekstidokumenteille aiheita ja aihemalleille olennaisimpia avainsanoja.
Stack Overflow -sivustolta ladataan vuoden ajalta kaikki reactjs-tunnisteella löytyvät kysymykset (96 698 kappaletta). Kysymyksille suoritetaan esikäsittely eli muun muassa siistimistä, sulkusanojen poisto ja stemmaus. Lopuksi käsitellyille kysymyksille suoritetaan LDA-analyysi. LDA-algoritmissa käytetään 11 aihetta ja tuloksia havainnollistetaan taulukko- ja kuvamuodossa.
Aiheet nimettiin manuaalisesti. Aiheiden nimet ja prosenttiosuudet kaikista kysymyksistä ovat seuraavat: komponenttien hahmontaminen (18,5), virheet projekteissa (15,2), data ja taulukot (12,6), kuvat (11,5), ohjelmointirajapinnat ja palvelinpuoli (10,6), komponentit (7,3), tila (6,3), käyttöliittymän ulkoasu (5,8), reititys (5,4), lomakkeet (4,7) ja node-moduulit (2,0). Suurin osa Reactin ongelmista koskivat komponentteja, mutta noin kolmannes liittyi palvelinpuoleen ja yleisiin virheisiin projekteissa.
Aivan samankaltaista LDA-menetelmää ja tietyn käyttöliittymäkirjaston kysymyksiä analysoivaa tutkimusta ei ole aiemmin tehty, mutta pientä yhtäläisyyttä tämän ja aiempien tutkimusten aiheiden prosenttiosuuksien kanssa löytyi. Aikaisempien tutkimusten kysymysten aihealueen ollessa eri, suuria yleistyksiä ei voida kuitenkaan tehdä.