Pieniä kysymyksiä ohjelmoinnista

[Paapaa]

Mihin voisin hakeutua töihin ohjelmoinnissa nollaosaamisella? 4kk säädin C++ ohjelmoiden pienen koodin tekoon stackoverflowin avulla ja olisi aika töitä kalastella.

AMK:ssa suoritin opintoina Python, Java, C , C++, C#, Ruby, Kotlin. En tunne oppineeni mitää. Lähinnä copy&paste ja soveltamista.
Valmistun noin kuukauden päästä.

Jos et osaa mitään, niin silloin 3-6kk tehokoulutus voisi olla oikea osoite. Academic Work ja vastaavat. En usko, että nollaosaajaa halutaan edes kesätöihin. Enkä usko, että nollaosaaja juuri viihtyisi työssä.

 

[pappatech]

Niin.. tuosta ei oikein käy ilmi, että onko kyse opiskelijoilla perinteisesti olevasta harhasta, ettei oikein tunnisteta, mitä kaikkea loppuviimein osaa. Vai siitä, ettei oikeasti osaa koodata niinku yhtään, mitä vähän epäilen, jos kursseja on naputellut useampia ja useammalla kielellä plus jotain omaa harrastamista päälle.

Koulun penkiltä työelämään koodaamaan pomppaaminen on kyllä joka tapauksessa isohko harppaus suurimmalle osalle. Eikä välttämättä edes varsinaisen koodin osalta, vaan sen, että pelkän koodaamisen lisäksi tulee hemmetin paljon kaikkea muuta tauhkaa, joka pitää hanskata, että voi tehdä ylipäätään mitään. Kaikkeen pääsee kyllä lopulta sisään, jos pystyy vaan omaksumaan asioita kohtalaisella tasolla ja saa suutaan auki, jos ei ite jotain ymmärrä.

Sarasella on kanssa ihan hyviä koulutuksia, jos ei muuten natsaa ja haluaa kuitenkin hommiin päästä.

 

[opiskelija]

Sarasella on kanssa ihan hyviä koulutuksia, jos ei muuten natsaa ja haluaa kuitenkin hommiin päästä.

Meinaatko Saranen Oy konsultointi firmaa? Aika suorituskeskitteisellä painostuksella opiskellut ja suoriutunut asioista.
Enää ei fyysinen työ houkuta tes:sin minimillä ja korona aikaa ei ihmisiä tahtoisi paljoa kohdata ellei ole pakko.
Uudet asiat opin nopeasti, mutta palkkaa tahtoisin tes:sin minimiä enemmän ja oppia oikeasti hyödyllisen taidon pitkällä tähtäimellä, pitkää työllistymistä varten.

ict-asentajana tuli oltua vuoden ilmatteeks yhteensä erilaisissa huoltoliikkeissä korjaamassa koneita, telkkuja ja puhelimia, sekä asiakaskäyntejä tehty paljon. Silloin kiinnosti piiritasolla osaaminen, mutta opettaja lyttäsi haaveet ettei nykyää enää mitää osata oikeasti suunnitella ja myöhemmin löysin et suunnitellaan mut eri virkanimikkeellä ja uudelleen opettelu ei houkuttanut ja inttiin piiritason oppimiseen ei houkuttanut.

AMK aikana tuli kokeiltua sekalaisesti työharjottelussa 3kk tuotantoo ja kokoonpanoo, 4kk ohjelmistosuunnittelua, 2kk 3D-tulostusta ja CAD-sekoilua.

Sivutyöt ilman työtodistusta on pitkä... ajanut pakua 2kk, tehny muuttohommia, ollut lapsenvahtina, keräilly pulloja, tuunaillut auton ecua netissä, hiekoittanut maata ja auranut lunta pois, käyny kaupassa randomien puolest tori.fi kautta, laminoinu lattiaa tuntemattomille, ollut apulaisena seinämaalaajana, ollut puhelinmyyntiä ja myyny matkoja randomin firmassa kokeiluna, toiminu puhelinkorjaamona kaverin firmas, kuparia irrotellut purkukohteista ja myyny kilohintaa, jakelijana yhdelle firmalla hetken, ajellut autoi edes takas autoliikkeiden välillä, renkaita vaihdellut firmoille, myyny ja ostellut vähän kaikenlaista romuraudasta-elektroniikkaan. Pyörähuollossa ollut ja divareissa notkunut kaupittelijana. Autopesurin apupoikana ollut mitää oppimatta, kirppareilla hinnottelijana, korjanut sähkölaitteita ja muuntimia joskus sarjana, puuveistäjänä ja itsetehtyä saippuaa myyny, siivojana toiminu, kosteusmittaajana, kodinkone-asentajana, asiakaspalvelijana ja pienen elintarvikkeen ylläpitäjänä täydellä vastuulla useita kertoja ja ollut messukeskuksissa promoamassa yrityksiä ja tuotteita ym kaikenlaista pientä kivaa tehnyt pk-seudulla...

Tähän asti nautinnollisin työ ollut vapaus etänä toimia ja nauttia omasta seurasta ja aikatauluttomuudesta. Parasta oli ettei tarvinnu webcam olla ja sai käydä palavereissa omien ehtojen mukaan ja järjestää. Omaan tahtiin ohjelmoin C++ ympäri kellon ja merkannut vain työtunnit täyteen ja kirjottanut dokkaria tekemisistä ja revisiota lähetellyt. Ehkä jotain innovaatista työtä ohjelmoinnissa pitäisi etsiä, jossa nollakokemuksen omaavalle käyttöä plug and play tyylisesti jotain konfiguroimaan tai suunnittelee tms? Oppiihan ohjelmointia käytännön tekemisessä kuin harjottelemalla tyhjänpäiväsellä helloworld kurssilla, joka ei kehitä tai herätä mielenkiintoa juuri yhtään. (Samoja kursseja käyny peruskoulusta asti)

Tärkein asia, mitä opin ohjelmointityössä: "jos kopiot stackoverflowsta, muista muokkaa koodia ettei tule cc by-sa lisenssi vastaan."

 

[pappatech]

Meinaatko Saranen Oy konsultointi firmaa? Aika suorituskeskitteisellä painostuksella opiskellut ja suoriutunut asioista.
Enää ei fyysinen työ houkuta tes:sin minimillä ja korona aikaa ei ihmisiä tahtoisi paljoa kohdata ellei ole pakko.
Uudet asiat opin nopeasti, mutta palkkaa tahtoisin tes:sin minimiä enemmän ja oppia oikeasti hyödyllisen taidon pitkällä tähtäimellä, pitkää työllistymistä varten.

Joo, niillä on noita erilaisia työllistäviä koulutuksia ja niitä on ollut aika monelle toimialalle, puhtaista IT-hommista on ollut kaiken sorttista kehittäjää, data-analytiikan osaajaa ja mitä lie. En oo enää vähään aikaan jaksanu seurata. Vaatimuksena todnäk se, että sun pitää ilmoittautua työkkäriin työttömäksi työnhakijaksi, mutta saattaa vaihdella vähän hakukohtaisesti. Kannattaa tsekata, onko noita omalla paikkakunnalla tai lähistöllä.

TES:n minimipalkoista ei tarvii murehtia, jos devaushommiin päätyy. Kyllä näistä yleensä varsin järkevästi maksetaan, mutta toki varianssia on työnantajasta ja kokemuksesta riippuen suht runsaasti.

Mitä tuohon loppuviestiin tulee, niin ehkä nää meidän integraatiohommat ei oo ihan täsmäosuma kerrotun kanssa. Meillä tehdään hommia pääasiassa virka-aikana, tiimeissä ja asiakkaankin kanssa pitää useimmiten pystyä kommunikoimaan järkevästi, ts. sosiaalisuutta ja kommunikaatiokykyä kautta halukkuutta kysytään jonkin verran. Töitä ei myöskään tehdä noilla matalan tason kielillä, vaan pääasiassa Java Spring Bootilla tai joillain valmiilla integraatiotyökaluilla. Julkiselle pilvelle, jollekin CI/CD työkalulle ja jollekin monitorointityökalulle altistuu todennäköisesti. Riippuen vähän, miten integraatioita ajellaan ja missä, voi altistua myös Dockerille, Kubernetekselle, OpenShiftille, Kafkalle jne.

Mutta tsemppiä hakuihin. Näin joskus gradua aihetta sivuten tehneenä, tuohon työnhakuun ois hyvä valmistautua paljon aikaisemmin kuin viittä vaille valmistuessa, ts. miettiä mitä oikeasti haluaa tehdä ja rakentaa polkua sitä kohden jo hyvissä ajoin opintojen aikana, mutta tokko tuossa peli on mihinkään menetetty. Kysyntää alalla ainakin on, siitä ei pitäs jäädä kiinni, kun vaan löytyy joku pesti, johon oma profiili ja kiinnostus natsaa.

Työkokemustahan sullakin oli harjoitteluista ja noi työllistävät koulutukset on kanssa hyviä mestoja saada jalkaa oven väliin.

 

[©©©]

Olisiko jotain no-code ratkaisua sellaisella hommalle jossa tarjottaisi simppeli web form (pääsy formiin olisi jonkinlaisen autentikaation takana ja se olisi internetistä saatavilla) jossa pari kenttää ja kun sen submittaa pitäisi kenttien tiedot lähettää turvallisesti eteenpäin yhteen toiseen REST rajapintaan joka on taas suojattu tokenilla. Ei jaksais alkaa tekemään mitään web appia tätä varten. Onko esim. Microsoftilla tai Googlella jotain suoraa palvelua tätä varten?

 

[Humanoid]

Olisiko jotain no-code ratkaisua sellaisella hommalle jossa tarjottaisi simppeli web form (pääsy formiin olisi jonkinlaisen autentikaation takana ja se olisi internetistä saatavilla) jossa pari kenttää ja kun sen submittaa pitäisi kenttien tiedot lähettää turvallisesti eteenpäin yhteen toiseen REST rajapintaan joka on taas suojattu tokenilla. Ei jaksais alkaa tekemään mitään web appia tätä varten. Onko esim. Microsoftilla tai Googlella jotain suoraa palvelua tätä varten?

Käykö Googlen Web Forms tähän tarpeeseen? Google Forms: Free Online Surveys for Personal Use

 

[©©©]

Käykö Googlen Web Forms tähän tarpeeseen? Google Forms: Free Online Surveys for Personal Use

Mä luulen, että vois käydä. Ton formin sitten liittää App scriptiin jossa joku tämmönen kai sitten: Class UrlFetchApp | Apps Script | Google Developers

 

[opiskelija]

Mitä tuohon loppuviestiin tulee, niin ehkä nää meidän integraatiohommat ei oo ihan täsmäosuma kerrotun kanssa. Meillä tehdään hommia pääasiassa virka-aikana, tiimeissä ja asiakkaankin kanssa pitää useimmiten pystyä kommunikoimaan järkevästi, ts. sosiaalisuutta ja kommunikaatiokykyä kautta halukkuutta kysytään jonkin verran. Töitä ei myöskään tehdä noilla matalan tason kielillä, vaan pääasiassa Java Spring Bootilla tai joillain valmiilla integraatiotyökaluilla. Julkiselle pilvelle, jollekin CI/CD työkalulle ja jollekin monitorointityökalulle altistuu todennäköisesti. Riippuen vähän, miten integraatioita ajellaan ja missä, voi altistua myös Dockerille, Kubernetekselle, OpenShiftille, Kafkalle jne.

Alan tutkimaan, mitä ovat integraatiotyökalut. Kuitenkin koodaaminen on aika suoraviivaista usein ymmärtääkseni ja nopeasti muuttuvaa. Mitä enemmän tekee, sitä helpompi mukautua muutoksiin oli amis opettajan neuvo aikanaan. Kyllä multa myyntipuheet onnistuu ja rutiininomainen työskentelykin. On vain hauskaa välillä tehdä oman aikatauluksen mukaan töitä.

 

[Paapaa]

@opiskelija, tämä on varmaan vähän väärä ketju työpaikkakeskusteluille. Tsekkaas mieluummin alla oleva ketju:

IT-alan työpaikat

Juuh elikkäs, YT-alan kuulumisia ja uusia tuulia :kahvi:

bbs.io-tech.fi

Sieltä saat paljon paremmin vinkkejä ja ideoita työnhakuun.

 

[Geven]

Pitäisi toteuttaa Mooc tehtävä regex mallilla. Eli löytää vain sajonoja, jotka sisältävät a, e, i, o ja u. Toteutin tuon käymällä sanat kirjain kerrallaan .matches("[aeiou]"); Mooc ei hyväksy tuota ratkaisua, niin osaisiko joku kertoa oikean regex lauseen tuohon?

edit: löysin netistä vastauksen .matches("[aeiou]*");

 

[pappatech]

^ oiskohan se oikea regex jotain tähän suuntaan:

^[aeiou]+$

Tuo mätsää koko riviin, jossa on vain noita mainittuja vokaaleja.

Tätä käytän välillä ite testailuun, jos tarvii regexien kanssa temppuilla:

regex101: build, test, and debug regex

Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.

regex101.com

muoks. ja jos ei kelpaa Moocin testeille, niin kato mikä syöte feilaa ja testaa tuon sivuston avulla.

toinen muoks. ja joo, tuo oli näköjään osajonoja tuo yks sana. Tuo editoitu mätsää siihen.

 

[Kuka_kusi_muroihini]

Heipä hei taas.

Osaiskohan joku ohjeistaa seuraavassa ongelmassa. Alla oleva pätkä lähettää halutusta kansiosta viimeisimmäin valokuvan sähköpostiin aina kun asia x tapahtuu. Miten tätä pätkää pitäisi muuttaa, jotta kuvakansiosta lähetettäisiin viimeisin tiedosto, joka alkaa nimellä "frontdoor"?
Nyt kansiossa on siis muutaman kameran tuottamia kuvia joilla on kamerakohtainen nimi. Oletan, että tätä kohtaa pitäisi jotenkin muuttaa, mutta miten?

"$latest = Get-ChildItem -Path $dir | Sort-Object LastAccessTime -Descending | Select-Object -First 1 #Take the last created image
$filename = $latest.name"

Tässä snippi koko koodista.

$date = get-date -format yyyy-MM-dd
$time = get-date -format H-mm-ss
$filename = $date+”_$time.jpg” #We need to define the way the files are named. In my case, iSpyConnect would create images in this format: yyyy-MM-dd_H-mm-ss.jpg
$dir = “C:\BlueIris\Aiinput” #Change this to the patch your iSpyConnect saves the images to
$latest = Get-ChildItem -Path $dir | Sort-Object LastAccessTime -Descending | Select-Object -First 1 #Take the last created image
$filename = $latest.name

add-content C:\Users\XXXXXXX\Documents\Kamerat\Etuovi_ovikello\camlog.txt “Snapshot $date $time” #I just created a log
$file = “C:\BlueIris\Aiinput\$filename” #Define the file to be attached to the e-mail
$EmailFrom = “XXXXXXXXXXXXXX@gmail.com” #Change this to your e-mail address, for example john.doe@doe.com
$EmailTo = “XXXXXXXXXXX@gmail.com” #This is the e-mail the message will be sent to, change to your own e-mail or whatever e-mail you want the alert sent to
$Subject = “Ovikello soi...” #Define a subject
$Body = “Ovikello soi klo $time , $date.” #Define a body (optional)
$SMTPServer = “smtp.gmail.com” #define the SMTP server your host is using (smpt.gmail.com for example)
$SMTPMessage = New-Object System.Net.Mail.MailMessage($EmailFrom,$EmailTo,$Subject,$Body)

$SMTPMessage.Attachments.Add($file) #We attach the latest image
$SMTPClient = New-Object Net.Mail.SmtpClient($SmtpServer, 587)
$SMTPClient.EnableSsl = $true
$SMTPClient.Credentials = New-Object System.Net.NetworkCredential(“XXXXXXXXXXXX@gmail.com”, “XXXXXXXXX"); #careful, your making your password visible to anyone who can access this script…
$SMTPClient.Send($SMTPMessage)

Niin ja lisätäkseni vielä. Kansiossa tiedoston nimi itse asiassa on: frontdoorcamera.20210428_143856173
Ja alunperin tämä em. pätkä on Ispy-ohjelman kanssa toiminut ja tiedoston nimeämistapa on ollut hieman erilainen. Nyt Blueirisin kanssa tiedostot nimetään eri lailla ja koodinpätkä tosiaan lähettää viimeisimmän tiedoston kansiosta mutta ei ota kantaa siihen minkä niminen se on. Ymmärtääkseni tämä kohtakaan ei voi pitää paikkaansa koska tiedostot eivät ole esimerkin mukaisesti nimettyjä:

"$filename = $date+”_$time.jpg” #We need to define the way the files are named. In my case, iSpyConnect would create images in this format: yyyy-MM-dd_H-mm-ss.jpg"

 

[edup]

Heipä hei taas.

Osaiskohan joku ohjeistaa seuraavassa ongelmassa. Alla oleva pätkä lähettää halutusta kansiosta viimeisimmäin valokuvan sähköpostiin aina kun asia x tapahtuu. Miten tätä pätkää pitäisi muuttaa, jotta kuvakansiosta lähetettäisiin viimeisin tiedosto, joka alkaa nimellä "frontdoor"?
Nyt kansiossa on siis muutaman kameran tuottamia kuvia joilla on kamerakohtainen nimi. Oletan, että tätä kohtaa pitäisi jotenkin muuttaa, mutta miten?

"$latest = Get-ChildItem -Path $dir | Sort-Object LastAccessTime -Descending | Select-Object -First 1 #Take the last created image
$filename = $latest.name"

Lisää tuohon filtteri, joka rajaa tiedostonimen perusteella, eli esim:
$latest = Get-ChildItem -Path $dir -Filter frontdoor* | Sort-Object LastAccessTime -Descending | Select-Object -First 1

EDIT: Ja tuohon muokkaamaasikin kysymykseen...

Ymmärtääkseni tämä kohtakaan ei voi pitää paikkaansa koska tiedostot eivät ole esimerkin mukaisesti nimettyjä:

"$filename = $date+”_$time.jpg” #We need to define the way the files are named. In my case, iSpyConnect would create images in this format: yyyy-MM-dd_H-mm-ss.jpg"

Tuo kyseinen $filename-muuttuja ylikirjoitetaan tuossa 3 riviä myöhemmin eikä sitä ensimmäisellä kerralla määriteltyä arvoa sieltä muuttujasta koskaan edes käytetä mihinkään. Tuon koko rivin voinee poistaa.

 

[Kuka_kusi_muroihini]

Lisää tuohon filtteri, joka rajaa tiedostonimen perusteella, eli esim:
$latest = Get-ChildItem -Path $dir -Filter frontdoor* | Sort-Object LastAccessTime -Descending | Select-Object -First 1

Tämä näyttää toimivan. Olipas (joillekin) yksinkertaista ja helppoa nyt meiliin napsahtaa kansiosta viimeisin kyseisen kameran taltioima kuva ja meilissä saatesanoina h-hetki (klo ja päivämäärä). Danke.

 

[SRP]

Miten vastataan koulutehtävään koneoppimisen osalta, että miksi neuroverkko tunnistaa itse kuvatunnistuksessa tapahtuneet virheet, vaikka ei tunnistanutkaan kuvasta oikeaa numeroa?

En löytänyt teoriamateriaalista tähän vastausta ja en vain viitsi palauttaa tehtäviä ilman mitään vastausta tuohon kysymykseen.

 

[Re@per]

Onko tietoa pitäiskö Herokussa pystyä luomaan (väliaikaisia) tiedostoja? Mulla on työn alla yksi Python kikkare joka tallentaa dataframen to_pickle komennolla tiedostoksi ja se toimii ihan hyvin omalla koneella, mutta kun ajan samaa Herokussa tiedostoa ei generoidu... Tämän verran jo selvisi googlettamalla: Why are my file uploads missing/deleted? - Heroku Help ja tiedostoa ei ole tarvetta sen pidempää aikaa varastoida.

 

[Makis]

Oletko tarkistanut Herokun login?

 

[Re@per]

Oletko tarkistanut Herokun login?

Joo ei näkynyt logeilla mitään tuohon liittyvää... Nooo pitää vielä testailla vähän lisää. Ainakin bashin kautta näköjään pystyy luomaan tiedoston app kansioon eli ei sen pitäisi olla read-only tai vastaavaa

 

[pappatech]

@Re@per ootko saanu varmistuttua, sovelluksen lokituksesta tai muuten, siitä, että se tiedoston kirjoitusoperaatio kuitenkin onnistuu?

Tämmönen tuli vastaan, kun aikaa tappaakseni tätä nopeasti vilkaisin:

writing file in heroku filesystem and reading it with web app

I have a worker process in my app running a script every hour. This script writes data to the file system which the web app uses to update its contents. I've noticed that although the worker runs the

stackoverflow.com

 

[Re@per]

@Re@per ootko saanu varmistuttua, sovelluksen lokituksesta tai muuten, siitä, että se tiedoston kirjoitusoperaatio kuitenkin onnistuu?

Tämmönen tuli vastaan, kun aikaa tappaakseni tätä nopeasti vilkaisin:

writing file in heroku filesystem and reading it with web app

I have a worker process in my app running a script every hour. This script writes data to the file system which the web app uses to update its contents. I've noticed that although the worker runs the

stackoverflow.com

Käsittääkseni tuo to_pickle (pandas.DataFrame.to_pickle — pandas 1.2.4 documentation) ei anna ainakaan oletuksena mitään sen kummempaa logille, mutta joo siis ilmeisesti se tiedosto myös Herokussa johonkin folderiin menee, koska kun testailin niin read_pickle osaa sen lukea ja sisältökin näytti ihan oikealta... Outoa vaan että miksi se ei siellä app kansiossa näy Noh tätä ei nyt tarvi ainakaan tässä vaiheessa sen enempää selvitellä

 

[Makis]

Taitaa johtua just tuosta etherealista. Suomeksi se tarkoittaa että se tiedostojärjestelmä on vain muistissa. Sinä katselet sitä versiota joka on levyllä, et sitä joka on ajossa. Siitä levyversiosta siis luodaan se ajettava image mutta sitä ei voi muokata ohjelmallisesti. Pysyvät tiedostot luodaan S3:een jos olen oikein ymmärtänyt.

 

[Markqq]

Vasta-alkaja kotisivujen tekemisessä. Kuinka mä saan skaalautumaan nettisivun niin että kun mä pienennän selaimen ikkunaa, kaikki sisältö skaalautuu mukana ja pienenee, eikä lähde "vuotamaan" yli toisistaan? Nyt on tehty siis laatikoita joiden sisällä sisältöä. Ylivuoto pitäisi saada pois.

 

[Macu]

Vasta-alkaja kotisivujen tekemisessä. Kuinka mä saan skaalautumaan nettisivun niin että kun mä pienennän selaimen ikkunaa, kaikki sisältö skaalautuu mukana ja pienenee, eikä lähde "vuotamaan" yli toisistaan? Nyt on tehty siis laatikoita joiden sisällä sisältöä. Ylivuoto pitäisi saada pois.

Lähtökohtaisesti suunnittelet sivun toimimaan responsiivisesti ruudun koon mukaan: Flexbox tai Grid

Jos kyse on vaan noista ylivuodoista, niin CSS:n eri overflow-attribuutteja, mm: overflow ja overflow-wrap

 

[Markqq]

Lähtökohtaisesti suunnittelet sivun toimimaan responsiivisesti ruudun koon mukaan: Flexbox tai Grid

Jos kyse on vaan noista ylivuodoista, niin CSS:n eri overflow-attribuutteja, mm: overflow ja overflow-wrap

Kiitos. Kokeilin myös tätä ilman tulosta: HTML Responsive Web Design

Mutta nähtävästi tässä pari tuntia pelleillyt tuon overflown kanssa ja kun tarkemmin tutkailin niin väärään paikkaa sitä tungin ja ihmettelin kun ei vaan toimi.. Kyllä nää on joskus pienistä kiinni ja itse ei vain tajua..

 

[pappatech]

Kyllä nää on joskus pienistä kiinni ja itse ei vain tajua..

Hyvät uutiset: et oo ainut, kelle käy tuollai.

Huonot: ei oo takuulla viimeinen kerta, kun käy noin

 

[Makis]

Noiden debuggaukseen ei taida olla hyvää konstia? Itselläkin vaikka editori osaa sisentääkin nuo, niin silti joku hukassa oleva tagi aiheuttaa välillä turhan paljon työtä.

 

[negge]

Noiden debuggaukseen ei taida olla hyvää konstia? Itselläkin vaikka editori osaa sisentääkin nuo, niin silti joku hukassa oleva tagi aiheuttaa välillä turhan paljon työtä.

Ainakin Chromella pystyy kehittäjän työkaluista tarkastelemaan sivuston eri elementtejä ja et mitkä css-säännöt niihin kohdistuu. Jos siis sellaista debuggausta meinaat?

 

[Makis]

Lähinnä sellaista, että jos layout on rikki, niin mistä se johtuu. Vähän vaikea välillä vähänkin mutkikkaamassa tapauksessa huomata, mistä välistä se </div> oikein puuttuu.

 

[totallynotrobot]

Lähinnä sellaista, että jos layout on rikki, niin mistä se johtuu. Vähän vaikea välillä vähänkin mutkikkaamassa tapauksessa huomata, mistä välistä se </div> oikein puuttuu.

The W3C Markup Validation Service

W3C's easy-to-use markup validation service, based on SGML and XML parsers.

validator.w3.org

Tuo tekee aikalailla juuri sen mitä kaipaat. Löytyy myös CSS-validaattori: The W3C CSS Validation Service

 

[Paapaa]

Vähän vaikea välillä vähänkin mutkikkaamassa tapauksessa huomata, mistä välistä se </div> oikein puuttuu.

Jos kirjoitat Reactia Typescriptillä (TSX), niin kääntäjä kyllä herjaa editorissa (VSC), jos on puuttuva lopetustägi. Ja varmaan webpack viimeistään herjaa samasta jos kirjoitat Reactia JavaScriptillä (JSX). Eli ei pitäisi webappista kirjoittaessa päästä puuttuvat tägit läpi.

 

[pappatech]

Oletan, että puhutaan jonkun puhtaan HTML-dokkarin editoimisesta. Minusta fiksut editorit osaa lisätä automaattisesti tuon sulkevan tägin koodia kirjoitettaessa, mutta oma veikkaukseni, missä näitä tilanteita tulee, on silloin, kun muokataan / uudelleen järjestellään koodia ja leikataan tavaraa paikasta toiseen. Jos on jotain kompleksisempaa sisäkkäistä rakennetta, on helppo leikata silmät ristissä väärästä paikkaa ja sit pukkaa virhettä. Sama juttu sulkevien aaltosulkeiden tai vaikka pom.xml:n tägien kanssa.

Pitäs jaksaa tehdä vaan silmät auki ja ajatuksella, niin ei mene aikaa em. virheiden kanssa turaamiseen nimimerkillä kun muistais itekin aina..

 

[Makis]

Nimenomaan tuo tuppaa olemaan ongelma, kun siirtelee blokkeja eri paikkoihin. Kuten tästä: Makistos/suomisf

En ole oikein keksinyt, miten tuota siistimmin tekisi, ellen mene makroilulinjalle ja laita aina tuollaista yhtä datablokkia omaan "funktioon", mutta en ole ihan vakuuttunut että se välttämättä ainakaan helpottaisi muokkaamista. Ja tuota sivua pitäisi muokata vielä.

 

[hkultala]

C/C++-esiprosessorista:

Minulla on luokka/tietotyyppi nimeltään jutunnimi_FOO, joka liittyy toiseen nimeen/tietotyyppiin jutunnimi.

Yritän tehdä macroja:

#define NAME jutunnimi
#define N_FOO NAME ## _FOO

Oletan että tuon pitäisi expandoida tuo NAME_FOO jutunnimi_FOO:ksi, mutta näin ei käy. Kun tuota N_FOO-macroa kutsuttaan, se jättää expandoimatta NAME-macron ja tulee error "NAME_FOO not declared", kun yritän käyttää tuota N_FOO:ta koodissani.

Mitä teen väärin/miten tämä pitäisi tehdä?.

Tuo eka define-rivi on siis lopulliseen kooodiin tulossa ihan muualle, yritän tehdä koodia joka toimii millä tahansa nimellä ja siihen liityvällä _FOO -toisella nimellä.

 

[Gulffi]

C/C++-esiprosessorista:

Minulla on luokka/tietotyyppi nimeltään jutunnimi_FOO, joka liittyy toiseen nimeen/tietotyyppiin jutunnimi.

Yritän tehdä macroja:

#define NAME jutunnimi
#define N_FOO NAME ## _FOO

Oletan että tuon pitäisi expandoida tuo NAME_FOO jutunnimi_FOO:ksi, mutta näin ei käy. Kun tuota N_FOO-macroa kutsuttaan, se jättää expandoimatta NAME-macron ja tulee error "NAME_FOO not declared", kun yritän käyttää tuota N_FOO:ta koodissani.

Mitä teen väärin/miten tämä pitäisi tehdä?.

Tuo eka define-rivi on siis lopulliseen kooodiin tulossa ihan muualle, yritän tehdä koodia joka toimii millä tahansa nimellä ja siihen liityvällä _FOO -toisella nimellä.

Täällä on mainittu, että pitää kutsua toisella makrolla tota makroa missä on concatenate, että se tulee voimaan. Toimisko tämä sinun tapauksessa:

#define NAME jutunnimi
#define N_FOO(x) x ## _FOO
#define N_FOO_EXP(x) N_FOO(x)

class jutunnimi_FOO{
};

void fn(){
  auto juttu = new N_FOO_EXP(NAME);
}

 

[hkultala]

Täällä on mainittu, että pitää kutsua toisella makrolla tota makroa missä on concatenate, että se tulee voimaan. Toimisko tämä sinun tapauksessa:

#define NAME jutunnimi
#define N_FOO(x) x ## _FOO
#define N_FOO_EXP(x) N_FOO(x)

class jutunnimi_FOO{
};

void fn(){
  auto juttu = new N_FOO_EXP(NAME);
}

Juu, tuo toisen makron kautta kutsuminen toimi, kiitos.

 

[Nigel]

Pitäisi saada automatisoitua screenshotin ottaminen yhdestä pelistä. Ajanhetkellä X ohjelman tulisi laittaa peli-ikkuna aktiiviseksi ja ottaa heti yksi screenshotti ja sen jälkeen scrollata alaspäin ja ottaa toinen screenshotti. Voisiko tämä onnistua Nodella vai vaatisitko C#-osaamista?

 

[Makis]

Minä kyllä tutkisin ensin, että onnistuuko tuo PowerShellillä tai suoraan jollain ohjelmalla. Jos siis kyse ei ole omasta pelistä. Näyttää ainakin ajastettu kuvan ottaminen onnistuvan suoraan ohjelmasta: How to schedule screenshots on Windows 10

Ikkunan aktivointi: Maximize window and bring it in front with powershell

Tietämättä kohdepelistä sen enempää, mutta esimerkiksi IE:n ikkunan skrollaaminen onnistuu näin: Scrolling Internet Explorer with Powershell

Vissiin PowerShellillä voi lähettää myös näppäimen painalluksia sovelluksille.

 

[Markqq]

Lightboxin kanssa säädän ja 6 kuvaa laittanut suoraa näkyviin sivulleni. Jokainen hieman eri kokoa. 3 albumia eli jokaisessa kaksi erillistä kuvaa jotka tulevat näytölle vierekkäin väleineen ja eri kokoineen. Width 500px ja height auto jolloin saan ne suurinpiirtein vierekkäin nätisti, mutta haluaisin näkymään niin että 2 kuvaa ovat peräkkäin (toinen yläpuolella ja toinen heti alapuolella kiinni, display:grid toiminnolla). No näin saan joka ikisen albumin hienosti peräkkäin alaspäin, mutta kun jokainen albumi pitäisi saada näkyvään vierekkäin. Eli 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) niin että ne kuvasarjat ovat vierekkäin, ei allekkain. Varmasti hyvin yksinkertainen komento mutta aivot ei raksuta juuri nyt yhtään. Kiitos auttaneille Eli spoilerin alla on koodia ja kuvaa.. Eli tuolla grid saan nuo kuvat allekain ja tietenkin se koko linkin klikkausalue oikeaan reunaan asti.. Siellä on sitten välit kuvien välissä allekain, kuinka saan nuo vierekkäin?

Spoileri: Apujaa

<a class="a1" href="images/kuva1.jpg" data-lightbox="Lomailua lapissa" data-title="Levin rinteeltä"><img style="width: 300px; height: auto;" src="images/kuva1.jpg"/></a></a>
<a class="a1" href="images/kuva2.jpg" data-lightbox="Lomailua lapissa" data-title="Huskyajelu"><img style="width: 300px; height: auto;" src="images/kuva2.jpg"/></a>
<br>
<a class="a2" href="images/kuva3.jpg" data-lightbox="Ulkomailta" data-title="Flrorida"><img style="width: 300px; height: auto;" src="images/kuva3.jpg"/></a></a>
<a class="a2" href="images/kuva4.jpeg" data-lightbox="Ulkomailta" data-title="Kroatia"><img style="width: 300px; height: auto;" src="images/kuva4.jpeg"/></a></a>
<br>
<a class="a3" href="images/kuva5.jpg" data-lightbox="Suomessa lomailua" data-title="Turku"><img style="width: 300px; height: auto;" src="images/kuva5.jpg"/></a></a>
<a class="a3" href="images/kuva6.jpg" data-lightbox="Suomessa lomailua" data-title="Ilmailumuseo"><img style="width: 300px; height: auto;" src="images/kuva6.jpg"/></a></a>

.a1 {
display:grid;
}
.a2 {
display:grid;
}
.a3 {
display:grid;
}

esim

esim

aijaa.com

 

[null]

Lightboxin kanssa säädän ja 6 kuvaa laittanut suoraa näkyviin sivulleni. Jokainen hieman eri kokoa. 3 albumia eli jokaisessa kaksi erillistä kuvaa jotka tulevat näytölle vierekkäin väleineen ja eri kokoineen. Width 500px ja height auto jolloin saan ne suurinpiirtein vierekkäin nätisti, mutta haluaisin näkymään niin että 2 kuvaa ovat peräkkäin (toinen yläpuolella ja toinen heti alapuolella kiinni, display:grid toiminnolla). No näin saan joka ikisen albumin hienosti peräkkäin alaspäin, mutta kun jokainen albumi pitäisi saada näkyvään vierekkäin. Eli 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) niin että ne kuvasarjat ovat vierekkäin, ei allekkain. Varmasti hyvin yksinkertainen komento mutta aivot ei raksuta juuri nyt yhtään. Kiitos auttaneille Eli spoilerin alla on koodia ja kuvaa.. Eli tuolla grid saan nuo kuvat allekain ja tietenkin se koko linkin klikkausalue oikeaan reunaan asti.. Siellä on sitten välit kuvien välissä allekain, kuinka saan nuo vierekkäin?

Spoileri: Apujaa

<a class="a1" href="images/kuva1.jpg" data-lightbox="Lomailua lapissa" data-title="Levin rinteeltä"><img style="width: 300px; height: auto;" src="images/kuva1.jpg"/></a></a>
<a class="a1" href="images/kuva2.jpg" data-lightbox="Lomailua lapissa" data-title="Huskyajelu"><img style="width: 300px; height: auto;" src="images/kuva2.jpg"/></a>
<br>
<a class="a2" href="images/kuva3.jpg" data-lightbox="Ulkomailta" data-title="Flrorida"><img style="width: 300px; height: auto;" src="images/kuva3.jpg"/></a></a>
<a class="a2" href="images/kuva4.jpeg" data-lightbox="Ulkomailta" data-title="Kroatia"><img style="width: 300px; height: auto;" src="images/kuva4.jpeg"/></a></a>
<br>
<a class="a3" href="images/kuva5.jpg" data-lightbox="Suomessa lomailua" data-title="Turku"><img style="width: 300px; height: auto;" src="images/kuva5.jpg"/></a></a>
<a class="a3" href="images/kuva6.jpg" data-lightbox="Suomessa lomailua" data-title="Ilmailumuseo"><img style="width: 300px; height: auto;" src="images/kuva6.jpg"/></a></a>

.a1 {
display:grid;
}
.a2 {
display:grid;
}
.a3 {
display:grid;
}

esim

esim

aijaa.com

Laita vaikka tonne näytille nykyinen koodi ja jaa linkki. Hieman helpompi auttaa.

 

[emagdnim]

Lightboxin kanssa säädän ja 6 kuvaa laittanut suoraa näkyviin sivulleni. Jokainen hieman eri kokoa. 3 albumia eli jokaisessa kaksi erillistä kuvaa jotka tulevat näytölle vierekkäin väleineen ja eri kokoineen. Width 500px ja height auto jolloin saan ne suurinpiirtein vierekkäin nätisti, mutta haluaisin näkymään niin että 2 kuvaa ovat peräkkäin (toinen yläpuolella ja toinen heti alapuolella kiinni, display:grid toiminnolla). No näin saan joka ikisen albumin hienosti peräkkäin alaspäin, mutta kun jokainen albumi pitäisi saada näkyvään vierekkäin. Eli 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) / 2 kuvaa (kuva ylä- ja alapuolella) niin että ne kuvasarjat ovat vierekkäin, ei allekkain. Varmasti hyvin yksinkertainen komento mutta aivot ei raksuta juuri nyt yhtään. Kiitos auttaneille Eli spoilerin alla on koodia ja kuvaa.. Eli tuolla grid saan nuo kuvat allekain ja tietenkin se koko linkin klikkausalue oikeaan reunaan asti.. Siellä on sitten välit kuvien välissä allekain, kuinka saan nuo vierekkäin?

Spoileri: Apujaa

<a class="a1" href="images/kuva1.jpg" data-lightbox="Lomailua lapissa" data-title="Levin rinteeltä"><img style="width: 300px; height: auto;" src="images/kuva1.jpg"/></a></a>
<a class="a1" href="images/kuva2.jpg" data-lightbox="Lomailua lapissa" data-title="Huskyajelu"><img style="width: 300px; height: auto;" src="images/kuva2.jpg"/></a>
<br>
<a class="a2" href="images/kuva3.jpg" data-lightbox="Ulkomailta" data-title="Flrorida"><img style="width: 300px; height: auto;" src="images/kuva3.jpg"/></a></a>
<a class="a2" href="images/kuva4.jpeg" data-lightbox="Ulkomailta" data-title="Kroatia"><img style="width: 300px; height: auto;" src="images/kuva4.jpeg"/></a></a>
<br>
<a class="a3" href="images/kuva5.jpg" data-lightbox="Suomessa lomailua" data-title="Turku"><img style="width: 300px; height: auto;" src="images/kuva5.jpg"/></a></a>
<a class="a3" href="images/kuva6.jpg" data-lightbox="Suomessa lomailua" data-title="Ilmailumuseo"><img style="width: 300px; height: auto;" src="images/kuva6.jpg"/></a></a>

.a1 {
display:grid;
}
.a2 {
display:grid;
}
.a3 {
display:grid;
}

esim

esim

aijaa.com

Ihan sivumainintana; sulla on noi kaikki linkit ja kuvat samoilla tyyleillä, mutta kolme eri luokkaa samoilla tyyleillä + inline-styletkin joka kuvassa samat?
eli esim.

a.kuvalinkki {
     display:grid;
}
a.kuvalinkki img {
    width: 300px;
    height: auto;
}

ajanee saman asian.

Lisäksi a-tageilla on tupla-lopetukset ja <br> lienee turha.

 

[Markqq]

^ Yllä oleville kiitos avusta. Ratkaisin osittain ongelman jo.

Seuraava ongelma videon kaltainen:

Spoileri: Video

Tähän jos sais apuja niin saan homman kasaan.. Kiitokset jo etukäteen! Sen verran päätä jo hakannut seinään tän kanssa

Tässä nyt vielä kopsattuna koodia: .https://codepen.io/Markqqq/pen/xxqpWpG

Pahoittelen jo valmiiks kuinka sekava tuo on. "Putsaaminen" vasta alkaa.

E: Sain jo overflow komennolla asiaa eteenpäin mutta kuinka saan hyvin skaalautuu kaiken pienemmäksi? Eli kun pienennän resoluutioo niin palikat hieman hajoo toisistaan. Otan videoo huomenna.

 

[Moilaps]

Miten saisin korjattua sellaisen ongelman että yksi reacting komponentin tarvitsemista arvoista on undefined, ja muuttuu arvoksi vasta kun ohjelma on suorittanut useEffect -> dispatch (redux) -> async funktio reducerissa (thunk) ja tämän jälkeen saan vasta saan arvon. Helpoin ratkaisu olisi jos ohjelma ei suorittaisi komponenttia ennen kuin se olisi käynyt ton rundin läpi.

//App

useEffect(() => {
    dispatch(initBlogs());
    dispatch(checkLogIn());
  }, [dispatch]);

//reducer

export const initBlogs = () => {
  return async (dispatch) => {
    const blogs = await BlogService.getAll();
    dispatch({ type: "INIT_BLOGS", blogs: blogs });
  };
};

EDIT: tää olikin logiikka ongelma jonon kanssa, consoli logit vaan ajoi tässä suhteessa harhaan.

 

[Paapaa]

@Moilaps, ja ihan yleisesti jos esim. lataat kamaa netistä, näytät käyttäjälle jonkun spinnerin ennen kuin se data on saapunut. Eli oikeastaan sun pitää sellaisessa tilanteessa hoitaa komponentissa 4 eri tilaa: dataa ei ole vielä edes alettu ladata, dataa ollaan lataamassa, data on saatu, lataus kaatui virheeseen. Kaikki on mahdollisia tiloja, jotka pitää voida hoitaa käyttäjän näkökulmasta siististi. Noihin voi keksiä vaikka sopivia tyyppejä, jotka kapseloivat tiedon tuosta tilasta ja mahdollisesta datasta nättiin pakettiin. Ohjelmointikielestä riippuen. Esim. Elmissä: https://package.elm-lang.org/packages/krisajenkins/remotedata/latest/RemoteData

Mutta ei välttämättä sovi omaan ongelmaasi, jonka taisit saada ratkottua.

 

[Ruohonjuuri]

Tervehdys tällekin osastolle.
Minulla on tuossa pieni projekti, jossa luen flatfilestä lokidataa sisään vien sen eteenpäin (Zabbix) valvontaan. Pientä säätöä on ilmassa, kun ei aivan fluent tuon pythonin kanssa ole ja ajattelin siksi pyytää vähän siistimisapua. Alla pätkä, jolla CSV luetaan sisään Pandas-frameen. Siinä Date ja Time -sarakkeet yhdistetään ja konvertoidaan epoch-aikaan. Homma toimii kyllä, mutta on vaan ainakin omiin silmiini susiruma kun dataa vatuloidaan väliaikaisiin kenttiin ja vaikka mitä.
Olisiko jollain ihan oppimisen kannalta ideaa miten tuosta saisi vähän tiiviimmän ja jotenkin selkeämmän:

    # Read file in
    df = pd.read_csv(f, sep='\t', skiprows=2, names=headings)
    # Insert temp datetime column
    df.insert(0, 'DT-temp', pd.to_datetime(df['Date'] + " " + df['Time'], format='%Y-%m-%d %H:%M:%S'))
    # Say we are at EEST
    df['DT-temp'] = df['DT-temp'].dt.tz_localize('Europe/Helsinki')
    # New col at Unix-time
    df.insert(0, 'Datetime', df['DT-temp'].view('int64')/1000000000)
    # Convert from float to integer
    df['Datetime'] = df['Datetime'].astype('int64')
    # Clean out leftovers
    df.pop('Date')
    df.pop('Time')
    df.pop('DT-temp')

Tässä pätkä originaalia dataa:

Divisors                1       1       10      10      10      10    
Date    Time    version(43001)  R-version(44331)        BT1(40004)    
2021-06-14      07:54:50        7994    2       269     242     235    
2021-06-14      07:55:50        7994    2       270     242     235    
2021-06-14      07:56:50        7994    2       270     243     235    
2021-06-14      07:57:50        7994    2       270     242     235    
2021-06-14      07:58:50        7994    2       269     242     235    
2021-06-14      07:59:50        7994    2       269     242     235    
2021-06-14      08:00:50        7994    2       268     242     235    
2021-06-14      08:01:50        7994    2       268     242     235

Ja tässä vastaava (ei sama data) kun ollaan sitten Pandas framessa:

     Datetime  Version  R-version  BT1
0  1623732868     7994          2  216
1  1623732928     7994          2  216
2  1623732988     7994          2  216
3  1623733048     7994          2  218
4  1623733108     7994          2  216

Jatketaan vielä versiotiedoilla siltä varalta, että se on oleellista:

pi@mlppi:~ $ grep PRETTY /etc/os-release
PRETTY_NAME="Raspbian GNU/Linux 10 (buster)"
pi@mlppi:~ $ uname -a
Linux mlppi 5.10.17+ #1421 Thu May 27 13:58:02 BST 2021 armv6l GNU/Linux
pi@mlppi:~ $ python3 --version
Python 3.7.3
pi@mlppi:~ $ pip3 list | grep -i pandas
pandas              0.23.3+dfsg

 

[Preo]

@Ruohonjuuri
Date- ja Time-sarakkeiden yhdistämisen voi (annetulla aikaformaatilla) delegoida Pandalle ja koko höskä tiivistyisi sitten muutamalle riville.
Tuottaa saman dataframen kuin esimerkki koodisi.

import pandas as pd

headings= ['Date', 'Time', 'Version', 'R-Version', 'BT1']

with open('f.csv') as f:
    df = pd.read_csv(f, sep='\t', skiprows=2, names=headings, \
        parse_dates={'Datetime':['Date', 'Time']}, infer_datetime_format=True)
    df['Datetime'] = (df['Datetime']
        .dt.tz_localize('Europe/Helsinki')
        .astype('int64') // 10**9
    )
    print(df)
    df.info()

Tulostus:

     Datetime  Version  R-Version  BT1
0  1623646490     7994          2  269
1  1623646550     7994          2  270
2  1623646610     7994          2  270
3  1623646670     7994          2  270
4  1623646730     7994          2  269
5  1623646790     7994          2  269
6  1623646850     7994          2  268
7  1623646910     7994          2  268
<class 'pandas.core.frame.DataFrame'>
RangeIndex: 8 entries, 0 to 7
Data columns (total 4 columns):
#   Column     Non-Null Count  Dtype
---  ------     --------------  -----
0   Datetime   8 non-null      int64
1   Version    8 non-null      int64
2   R-Version  8 non-null      int64
3   BT1        8 non-null      int64
dtypes: int64(4)
memory usage: 384.0 bytes

f.csv:

Divisors    1    1    10    10    10    10 
Date    Time    Version    R-version    BT1
2021-06-14    07:54:50    7994    2    269
2021-06-14    07:55:50    7994    2    270
2021-06-14    07:56:50    7994    2    270
2021-06-14    07:57:50    7994    2    270
2021-06-14    07:58:50    7994    2    269
2021-06-14    07:59:50    7994    2    269
2021-06-14    08:00:50    7994    2    268
2021-06-14    08:01:50    7994    2    268

 

[Ruohonjuuri]

@Preo, aika kova! Ajattelinkin, että tuolta CSV:stä se Datetime pitäisi jotenkin saada nostettua suoraan käyttöön, mutta en tuota parse_dates:a osannut käyttää. Samoin tuo tupla-slash, en edes tiennyt moisesta.
Kahdeksasta rivistä kahteen. Hieno nätitys. Kiitos ja kumarrus

 

[Starglazer]

ASP.NET koodailua aloin opettelemaan. Miten ehmetissä nuo asp: komponentit saa näkyviin selaimessa?
Eli mulla on tällainen koodinpätkä index.cshtml tiedostossa:

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
<body>
   <form id="form1" runat="server">
      <h3>Button Example</h3>
      Click on the submit button.<br /><br />
 
      <asp:Button id="Button1"
           Text="Submit"
           OnClick="SubmitBtn_Click" 
           runat="server"/>
       
      <br />
      <asp:label id="Message" Text = "Silvuplee" runat="server"/>
 
   </form>
</body>

mutta tuo asp:Button tai Asp:Label eivät näy webbisivulla.
Projekti on rääpäisty kasaan Googlen ja yritys erehdys menetelmän avustuksella Visual Studio: Code:en joten en ehkä osaa edes kysyä oikein?

 

[TheDaavidi]

Moikku! Tein painoindeksilaskurin javascriptiä käyttämällä, ja keksin idean että tekisin alle tavallisen bmi taulukon missä sitten näkyisi käyttäjän saama painoindeksi vaikkapa pisteellä. Olen tutkinut chart.js ja uskon että saisin sillä tehtyä taulukon. Miten tekisitte spoilerissa olevan taulukon? Itselleni hankalaksi osoittautuu noiden kurvien tekeminen ilman tarkkaa dataa..

Spoileri

 

[ojisama]

Moikku! Tein painoindeksilaskurin javascriptiä käyttämällä, ja keksin idean että tekisin alle tavallisen bmi taulukon missä sitten näkyisi käyttäjän saama painoindeksi vaikkapa pisteellä. Olen tutkinut chart.js ja uskon että saisin sillä tehtyä taulukon. Miten tekisitte spoilerissa olevan taulukon? Itselleni hankalaksi osoittautuu noiden kurvien tekeminen ilman tarkkaa dataa..

Spoileri

Ne kurvit muodostunee joidenkin tiettyjen bmi-raja-arvojen perusteella, eli varmaan jonkun funktion saat pituudesta?

 

[Paapaa]

Moikku! Tein painoindeksilaskurin javascriptiä käyttämällä, ja keksin idean että tekisin alle tavallisen bmi taulukon missä sitten näkyisi käyttäjän saama painoindeksi vaikkapa pisteellä. Olen tutkinut chart.js ja uskon että saisin sillä tehtyä taulukon. Miten tekisitte spoilerissa olevan taulukon? Itselleni hankalaksi osoittautuu noiden kurvien tekeminen ilman tarkkaa dataa..

Spoileri

Ehkä kokeilisin Line Chart Stackedia: Line Chart Stacked | Chart.js

Siitä sitten lasket BMI-kaavallasi arvot graafin vasemmassa ja oikeassa laidassa (150cm:lle ja 210 cm:lle) ja plottaat ensin punaisen ja siitä sitten kohti sinistä.

Ja se kaava johon pituuden pistät on sellainen, joka antaa tulokseksi painon, jolla haluttu BMI-threshold ylittyy. Esim. BMI 25, lievä ylipaino:

BMI = w/(h^2) -> BMI*(h^2) = w -> 25*(h^2) = w. 1.5 metrillä tulos on 56.25kg ja 2.1 metrillä 110.25kg. Noilla voit piirtää tuon harmaan alueen. Tuon toistat sitten haluamillesi BMI-rajoille.