Pieniä kysymyksiä ohjelmoinnista

[Makis]

Jos alan CRA:sta hankkiutua eroon, niin enköhän minä sitten mene manuaaliseen setuppiin. Mutta taitaa olla kaukana tulevaisuudessa se sitten.

 

[kolistelija]

Jos alan CRA:sta hankkiutua eroon, niin enköhän minä sitten mene manuaaliseen setuppiin. Mutta taitaa olla kaukana tulevaisuudessa se sitten.

Ei se kovin iso juttu useimmiten ole. Itse irrotin viime vuonna harrasteprojektin CRA:sta ja siihen meni noin tunti. Laitoin webpackilla ihan vaan koska se on tuttu töistä ja tarve saada nopeasti tehtyä. Mitä siinä tarvitsi tehdä oli vähän webpack konffeja loadereineen, uudet npm skriptat, svg wrapperi (jos niitä on käyttänyt cra tyyliin) ja muistaakseni jotain pientä syntaksimuutosta joka ei tarkemmin jäänyt mieleen.

En tehnyt ejectillä. Siitä seuraa vaan kauhea sotku siivottavaksi. Sen sijaan poistin vaan react-scripts paketin ja asensin käsin tarvittavat paketit.

 

[Makis]

Mikä on oikea tapa määritellä serverikohtaisia asetuksia Reactissa? Minulla on nyt sellainen ongelma, että olen määritellyt serverin ja API:n osoitteet ts-tiedostossa ja pitää aina muistaa käydä vaihtamassa nuo ennen kuin buildaan ja deployaan, mikä on virhealtista (en edes huomaa kehityskoneelta, jos tuo unohtuu korjata).

Minähän kysyin näköjään väärän kysymyksen ja tajusin vasta kun aloin tehdä tätä.

Minä siis käännän tuon paketin tässä samalla koneella ja kopioin sitten build-kansion suoraan serverille. Tuo .env on src-kansiossa (jotta dotenv löytää sen), joten sehän pitäisi jotenkin korvata ennen käännöstä.

Kokeilin kuitenkin tuota dotenviä (olisihan se siistimpi ratkaisu joka tapauksessa) ja taas on pitänyt rikkoa jotain, kun webpackissa ei ole enää polyfilliä. Stackoverflow tarjoaa tolkuttoman määrän eri korjausehdotuksia, joista mikään ei ilmeisesti toimi kaikilla ja osa vaatii melkoista tunkkaamista.

How to Polyfill node core modules in webpack 5

webpack 5 no longer do auto-polyfilling for node core modules. How to fix it please? BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longe...

stackoverflow.com

 

[ojisama]

Minä siis käännän tuon paketin tässä samalla koneella ja kopioin sitten build-kansion suoraan serverille. Tuo .env on src-kansiossa (jotta dotenv löytää sen), joten sehän pitäisi jotenkin korvata ennen käännöstä.

Et varsinaisesti tainnut kysyä tätä, mutta ehkä tämä hyvä mainita, ehkä siitä jollekin iloa: Usein versiohallinnassa on .env.example, joka sitten kopioidaan .env:iksi käyttöä varten. Täten sitä konffia ei yleensä tarvitse muokata päivitysten yhteydessä tms. Jos tulee joku oleellinen lisäparametri, niin voi olla hyvä tarkistaa, että se on määritelty (ei niin, etteikö muutenkin, mutta tuo on paikka missä nopeasti sohlatessa voi unohtua)

 

[kolistelija]

Kokeilin kuitenkin tuota dotenviä (olisihan se siistimpi ratkaisu joka tapauksessa) ja taas on pitänyt rikkoa jotain, kun webpackissa ei ole enää polyfilliä. Stackoverflow tarjoaa tolkuttoman määrän eri korjausehdotuksia, joista mikään ei ilmeisesti toimi kaikilla ja osa vaatii melkoista tunkkaamista.

How to Polyfill node core modules in webpack 5

webpack 5 no longer do auto-polyfilling for node core modules. How to fix it please? BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longe...

stackoverflow.com

Vähän sivuhuomiona:
Implisiittinen polyfillien lisääminen oli lähtökohtaisesti typerä ominaisuus. Hyvä vaan että poistivat sen.

 

[Makis]

Olisi kuitenkin kiva, että jos tekevät rikkovia muutoksia, että siihen olisi selkeämpi ratkaisu.

.env -tiedostot

Adding Custom Environment Variables | Create React App

Note: this feature is available with react-scripts@0.2.3 and higher.

create-react-app.dev

En näköjään ekalla lukemisella tajunnut tuota dokumenttia oikein. Vaati näköjään pari päivää taukoa että aukesi että annoit ihan oikean vastauksen.

 

[Marquette]

(poistettu)

 

[Moilaps]

Onko kellään kokemusta noista arm pohjaisista vps:sistä? Toimiiko niillä dockerit ynnä muut hyvin vai onko ne epävakaita tai muita ongelmia.

 

[kolistelija]

Onko kellään kokemusta noista arm pohjaisista vps:sistä? Toimiiko niillä dockerit ynnä muut hyvin vai onko ne epävakaita tai muita ongelmia.

Ihan hyvin esim. docker toimii, mutta itseäni x86 käyttäjänä on ärsyttänyt aika paljon se veivaaminen arm/x86 konttien välillä. Ehkä siihenkin jonkun siistimmän ratkaisun saisi kuin skriptoilla sekoilun?

 

[Moilaps]

Miten paljon tuosta lighthouse tuloksista kannattaa välittää? Valittaa mm. Js blocking timesta ja liian monista dom nodeista. Mutta puhelimellakin toimii nopeasti. Sivulla on siis monta chartistilla tehtyä svg kaaviota. Voiko tuon jotenkin lazy loadata nuo kaavioden tekemisen?

 

[debuggeri]

Jos se toimii tarpeeksi nopeasti niin en stressaisi asiasta joka ei ketään haittaa. lozad.js voisi olla vaihtoehto tuohon.

 

[kolistelija]

Jos SEO:lla on väliä, pitäisin lighthouse tulosta tärkeänä, muuten oman prioriteetin mukaan.

 

[Paapaa]

Miten paljon tuosta lighthouse tuloksista kannattaa välittää? Valittaa mm. Js blocking timesta ja liian monista dom nodeista. Mutta puhelimellakin toimii nopeasti. Sivulla on siis monta chartistilla tehtyä svg kaaviota. Voiko tuon jotenkin lazy loadata nuo kaavioden tekemisen?

Se, että itsellä toimii hyvässä verkossa ei tietenkään tarkoita, että jollain toisella toimii paskemmalla yhteydellä toisella laitteella yhtä hyvin. Ja siellä voi olla ihan hyviä vinkkejä muutoinkin fiksata niitä virheitä. Oman maun mukaan tietenkin kun on harrasteprojekti, mutta sinänsä ne eivät ole vain jotain teoreettisia juttuja vaan ihan käytännön UX:ään liittyviä.

Tuosta Chartistista ei ole kyllä kokemusta.

 

[Moilaps]

Tuli just mieleen tuo intersection observable api, kun olen aikaisemmin sitä käyttänyt ja näköjään tuo lozad.js käyttää sitä myös. Javascript mikä liikkuu verkon yli taisi olla jotain 20kB, niin ei sen ainakaan verkon nopeudesta pitäisi olla kiinni. SEO:sta puutui vaan manifest, ja se oli jo 80 pojoa.

Mulla on muistaakseni 200 child diviä (plus niillä lisää childeja kuten svg), gridin sisällä, joten periaatteessa voisin tehdä "infinite pagination" tai virtualisoinnin jos olen oikein ymmärtänyt. Näistä ei kumminkaan ole kokemusta joten en tiedä toimisiko ne tässä.

 

[eiltanen]

Itse katsoisin selaimen devtoolsin benchmarkista mihin aika oikeasti menee.

 

[Paapaa]

Mulla on muistaakseni 200 child diviä (plus niillä lisää childeja kuten svg), gridin sisällä, joten periaatteessa voisin tehdä "infinite pagination" tai virtualisoinnin jos olen oikein ymmärtänyt. Näistä ei kumminkaan ole kokemusta joten en tiedä toimisiko ne tässä.

Tai joskus ihan vaan "Load more..." -namiska ajaa asiansa ja näin UI ei itsekseen lataile mitään pyytämättä. Tuo on helppo toteuttaa ja tyypillisesti välität bäkkärille limit ja offset -parametrit, joilla se osaa palauttaa oikean verran oikeaa tavaraa frontille piirrettäväksi. Infinite-versiossa sitten tekee saman mutta ilman nappia, eli frontti tsekkaa vain että ollaan skrollattu oikeaan kohtaan, mikä triggeröi haun.

 

[Moilaps]

Nyt laitoin nuo svg piirrot chartistilla intersectionobserverin taakse ja total blocking time meni 2500ms -> 200ms. Lighthouse perffi on 90+.

 

[emagdnim]

Tai joskus ihan vaan "Load more..." -namiska ajaa asiansa ja näin UI ei itsekseen lataile mitään pyytämättä. Tuo on helppo toteuttaa ja tyypillisesti välität bäkkärille limit ja offset -parametrit, joilla se osaa palauttaa oikean verran oikeaa tavaraa frontille piirrettäväksi. Infinite-versiossa sitten tekee saman mutta ilman nappia, eli frontti tsekkaa vain että ollaan skrollattu oikeaan kohtaan, mikä triggeröi haun.

"loputon sivutus" on kyl rasittava yleensä. Joskus sitä vain haluaa sivun alareunaan, mut sivu vain latailee lisää sisältöä kokoajan.. "load more" on paljon parempi. Toki riippuu mistä roikkuu, ainaha eri tekniikoita ja ominaisuuksia väärinkäytetään.

 

[Slerbage]

Hieman erikoisempi kysymys. Olen tehnyt yritykselle ,missä työskentelen toimivan android sovelluksen ChatGPT:llä. Ollut testikäytössä kuukauden ja toiminut ongelmitta. Saman tyyppinen ohjelma olisi maksanut 15 000 - 60 000€, joten tein itse sellaisen, karsituin ominaisuuksien kanssa tietenkin. Minkälaisen palkkion tälläisestä kehtaa pyytää?

 

[Boulder]

Hieman erikoisempi kysymys. Olen tehnyt yritykselle ,missä työskentelen toimivan android sovelluksen ChatGPT:llä. Ollut testikäytössä kuukauden ja toiminut ongelmitta. Saman tyyppinen ohjelma olisi maksanut 15 000 - 60 000€, joten tein itse sellaisen, karsituin ominaisuuksien kanssa tietenkin. Minkälaisen palkkion tälläisestä kehtaa pyytää?

Onko teillä mitään keksintöihin yms. liittyvää linjausta? Jos on isompi firma niin yleensä sellainen löytyy ja sen mukaan voi saada erillisen palkkion.

 

[Zvona]

Hieman erikoisempi kysymys. Olen tehnyt yritykselle ,missä työskentelen toimivan android sovelluksen ChatGPT:llä. Ollut testikäytössä kuukauden ja toiminut ongelmitta. Saman tyyppinen ohjelma olisi maksanut 15 000 - 60 000€, joten tein itse sellaisen, karsituin ominaisuuksien kanssa tietenkin. Minkälaisen palkkion tälläisestä kehtaa pyytää?

Teitkö sovelluksen työajalla vai työajan ulkopuolella? Jos ulkopuolella niin työtunnit x firman maksama tuntilaskutus konsulteille on aikalailla se mitä ainakin perustellusti voi pyytää

 

[pappatech]

Kannattaa tosiaan ekana lukea työsoppari. Työajalla, työkoneella tai muita yrityksen resursseja käyttäen tehdystä sovelluksesta voi olla aika vaikeaa saada latiakaan ja työsopimuksessa voi olla jo ihan suoraan jotain tuohon liittyvää, niin kuin meillä esim. on.

Meillä oli vielä jotain vähän niinku vaikutukseltaan laajempiakin kirjauksia työsuhteen aikana tehtyyn softakehitykseen, vaikka ei tekis edes työajalla tai työkoneella, mutta en jaksa kaivaa sopparia ja kattoa, miten nuo meni..

muoks. joka tapauksessa ensimmäinen asia tuossa on minusta selvittää se, omistaako työnantaja jo lähtökohtaisesti tuon työsuhteen aikana kehitetyn softan ja siihen liittyvät oikeudet, jolloin siitä ei luonnollisestikaan makseta mitään, vai ei.

 

[Slerbage]

Onko teillä mitään keksintöihin yms. liittyvää linjausta? Jos on isompi firma niin yleensä sellainen löytyy ja sen mukaan voi saada erillisen palkkion.

Joo kyllä löytyy sellainen, mutta ei ole ennen tämän mittakaavan ideaa siinä ollut, lähinnä tarkoitettu todella pienille ideoille.

Teitkö sovelluksen työajalla vai työajan ulkopuolella? Jos ulkopuolella niin työtunnit x firman maksama tuntilaskutus konsulteille on aikalailla se mitä ainakin perustellusti voi pyytää

Olen tehnyt sovelluksen vapaa-ajalla. Kiitos vinkistä.

 

[embedded]

Nyt en osannut kysyä edes chatgpt:ltä oikeaa kysymystä joten laitetaan tähän;

Teen pientä php&mysql harrasteprojektia joka listaa dataa tietokannasta. Kun data on haettu se palautuu jsonina, ts. mysql kaikki palautetut rivit muutetaan arrayksi joka sisältää objekteja joka sarakkeesta.

Osa riveistä sisältää one-to-many suhteen. Eli aiheet. Tämä tieto pitäisi saada tuohon jsoniin sub-arrayna jotta se palautuisi järkevästi myös json-muodossa, vähintäänkin jokaisen valitun aiheen id.

Vakionahan mysql laittaa left joinista vain saman päärivin useamman kerran ja
GROUP_CONCAT(t.id ORDER BY t.sort_order ASC, t.id ASC SEPARATOR ',') AS topic_ids,
onnistuin sentään saamaan pilkulla erotetun listan..

 

[debuggeri]

Eikö tuo ollut jo ihan hyvin muotoiltu kysymys?
Ehkä chatgpt osaisi antaa paremman vastauksen jos annat sille halutun esimerkki jsonin?

Chatgpt:
Hyvä että olet jo onnistunut saamaan aiheiden id:t pilkulla eroteltuna käyttämällä GROUP_CONCAT-funktiota. Mutta kuten sanoit, jos haluat palauttaa ne JSON-formaatissa sub-arrayna, sinun täytyy käsitellä tätä PHP:ssa. Tässä on esimerkki siitä, miten voit tehdä sen:

<?php
// Oletetaan, että olet suorittanut SQL-kyselyn ja saanut tuloksen $result

$rows = array();

while ($row = mysqli_fetch_assoc($result)) {
// Erottele topic_ids pilkulla ja muunna ne taulukoksi
$row['topic_ids'] = explode(',', $row['topic_ids']);
$rows[] = $row;
}

// Muunna taulukko JSON-muotoon
$json = json_encode($rows);

echo $json;
?>
Tässä esimerkissä explode-funktio muuntaa pilkulla erotetun merkkijonon taulukoksi. Sitten tämä taulukko lisätään alkuperäiseen tietoriviin, ja lopuksi kaikki rivit muunnetaan JSON-muotoon.

Tämä on yksinkertainen esimerkki, joka saattaa toimia sinun tapauksessasi. Jos sinulla on monimutkaisempi skenaario, saatat joutua soveltamaan tätä esimerkkiä eri tavoin.

Muista myös, että voit käyttää MySQL:n JSON-objekteja ja -funktioita, jos käytät MySQL 5.7.8 tai uudempaa versiota. Tämä voi mahdollistaa monimutkaisemman datan käsittelyn suoraan SQL-kyselyssäsi.

 

[embedded]

Eikö tuo ollut jo ihan hyvin muotoiltu kysymys?
...

Kiitos

Hullulla googlettamisella löytyi ehkä paras ratkaisu..

SELECT
      a.*,
      IFNULL(CONCAT('[',GROUP_CONCAT(topic_id),']'),'[]') as topic_ids
      ..tekee hienon stringin
      ja 
json_decode($r['topic_ids'], true);
tekee siitä arrayn eikä vain arrayta muistuttavan stringin

 

[debuggeri]

Chatgpt aproves:
Kyllä, tuo on erinomainen tapa tehdä se. GROUP_CONCAT-funktiolla luot ensin JSON-formaatin mukaisen merkkijonon ja käytät sitten PHP:n json_decode-funktiota muuntaaksesi merkkijonon takaisin PHP-taulukoksi. Tässä on esimerkki siitä, miten voit tehdä sen:


<?php
// Oletetaan, että olet suorittanut SQL-kyselyn ja saanut tuloksen $result

$rows = array();

while ($row = mysqli_fetch_assoc($result)) {
// Muunna topic_ids JSON-merkkijonosta taulukoksi
$row['topic_ids'] = json_decode($row['topic_ids'], true);
$rows[] = $row;
}

// Muunna taulukko JSON-muotoon
$json = json_encode($rows);

echo $json;
?>


Kuten mainitsit, tässä esimerkissä MySQL-kysely muodostaa JSON-tyyppisen merkkijonon ja PHP sitten muuntaa sen taulukoksi. Tämä on erittäin joustava tapa hallita JSON-dataa, koska voit käsitellä sitä sekä MySQL:ssä että PHP:ssä.

Muista, että json_decode palauttaa arvon NULL, jos annettu merkkijono ei ole validi JSON. Jos sinulla on ongelmia tämän kanssa, kannattaa varmistaa, että merkkijonosi on todella JSON-formaatissa.

kysyin miksi ei heti ehdottanut tuota:
Pahoittelut, että en maininnut tätä menetelmää ensimmäisessä vastauksessani. Alkuperäisen kysymyksen ja esittämäsi tiedot pohjalta lähdin ehdottamaan yleisempää tapaa, jolla tällainen ongelma voitaisiin ratkaista.

Olet aivan oikeassa, että MySQL:n CONCAT- ja GROUP_CONCAT -funktioiden yhdistelmä ja PHP:n json_decode -funktio ovat tehokas tapa muuntaa pilkulla erotettu merkkijono suoraan JSON-muodossa olevaksi taulukoksi. Tämä on erittäin hyvä ratkaisu ja se toimii erinomaisesti monissa tilanteissa.

Tulevaisuudessa pyrin tarjoamaan laajemman valikoiman vaihtoehtoja heti ensimmäisessä vastauksessani. Kiitos palautteestasi!

Sori tämä chatgpt ripulointi, innostuin vain koittamaan kun mainitsit yrittäneesi…

 

[embedded]

Varmaan en osannut itsekään kysyä tuota aluksi oikein.. muistelin vaan että jos ei olisi mysql vaan postgresql niin siinä voisi olla yksi sarake suoraan jsonia ja postgre osaisi käsitellä sitä paremmin.
Mutta siinäkin oli jotain toimimattomuuksia joten nyt mielummin mysqlillä

 

[ojisama]

Varmaan en osannut itsekään kysyä tuota aluksi oikein.. muistelin vaan että jos ei olisi mysql vaan postgresql niin siinä voisi olla yksi sarake suoraan jsonia ja postgre osaisi käsitellä sitä paremmin.
Mutta siinäkin oli jotain toimimattomuuksia joten nyt mielummin mysqlillä

Postgressin jsonb-kentät on muuten sikäli hauskoja, että ne tukee indeksejä suhteellisen nätisti.

8.14. JSON Types

8.14. JSON Types # 8.14.1. JSON Input and Output Syntax 8.14.2. Designing JSON Documents 8.14.3. jsonb Containment and Existence 8.14.4. jsonb …

www.postgresql.org

 

[Moilaps]

Onko nuo openid:n mukaiset id:t aina stabiileja per oauth tarjoaja omalla sivullani? En halua tietokantaani mitään muuta kuin tuon id:n niin en tallenna sähköpostia tai edes nimeä esim. Discordista.

Aiheuttaako tuo anonyymiys vaatimus muita ongelmia? Vai onko ne vain pieniä ongelmia, kuten käyttäjä ei voi nähdä millä nimellä on kirjautunut sivun puolella.

Sitten vielä noista magic linkeistä, että tarviiko niissä tallentaa sähköpostia tietokantaan? En kyllä keksi miten ne tunnistavat jo rekisteröityneen käyttäjän ilman että sähköpostia tallennetaan.

 

[ojisama]

Onko nuo openid:n mukaiset id:t aina stabiileja per oauth tarjoaja omalla sivullani? En halua tietokantaani mitään muuta kuin tuon id:n niin en tallenna sähköpostia tai edes nimeä esim. Discordista.

Aiheuttaako tuo anonyymiys vaatimus muita ongelmia? Vai onko ne vain pieniä ongelmia, kuten käyttäjä ei voi nähdä millä nimellä on kirjautunut sivun puolella.

Sitten vielä noista magic linkeistä, että tarviiko niissä tallentaa sähköpostia tietokantaan? En kyllä keksi miten ne tunnistavat jo rekisteröityneen käyttäjän ilman että sähköpostia tallennetaan.

En ole aivan varma, mitä haet, mutta oletettavasti saisit openid:ltä sen käyttäjänimen (ja emailin), jota voisit käyttää ui:ssa ilman sen tallentamistakin?

Mailin taas voisit varmaan tallentaa hashinakin, ja lähettää magic linkin käyttäjän antamaan osoitteeseen, jos hash mätsää?

E. ja toi sub on stabiili
"sub REQUIRED. Subject Identifier. A locally unique and never reassigned identifier within the Issuer for the End-User, which is intended to be consumed by the Client "

 

[Moilaps]

En ole aivan varma, mitä haet, mutta oletettavasti saisit openid:ltä sen käyttäjänimen (ja emailin), jota voisit käyttää ui:ssa ilman sen tallentamistakin?

Mailin taas voisit varmaan tallentaa hashinakin, ja lähettää magic linkin käyttäjän antamaan osoitteeseen, jos hash mätsää?

E. ja toi sub on stabiili
"sub REQUIRED. Subject Identifier. A locally unique and never reassigned identifier within the Issuer for the End-User, which is intended to be consumed by the Client "

Periaatteessa voisin kai tallentaa localstorageen käyttäjän nimen, mutta se vaatisi auth.js:n muokkaamista todennäköisesti. Emailia en pyydä scopessa, koska en tarvitse sitä ja anonyymiys kärsii. Mietin tuota magic linkin hashaamista, mutta täytyy katsoa miten sen saisi toimimaan auth.js:n kanssa.

Onko noissa nodemailereissa mitään rajoituksia lähetysten määrästä tai meneekö ne helposti roskapostiin?

Sub tulee näköjään kun scope=openid, eli stabiiliuiden suhteen ei taida sitten olla ongelmia.

 

[ojisama]

Onko noissa nodemailereissa mitään rajoituksia lähetysten määrästä tai meneekö ne helposti roskapostiin?

Nodemailerissa ei itsessään rajoituksia. Lähettävän palvelun omasta luotettavuudesta (ja mahdollisista rajoituksista, mutta tuskin ihan määrättömästi lähettelet..?) kiinni. Toki lähetettävä viesti kannattaa tsekata.

Esim. Newsletters spam test by mail-tester.com antaa aika kattavaa palautetta. Huomioitavaa on, että ilmaisia kokeiluja (jollakin ajanjaksolla jota en nyt muista) on rajoitetusti. (e. ei tarvitse olla newsletter)

 

[Moilaps]

1. Onko kellään mitään hyvää linkkiä/linkkejä miten tyylitellään css "hienosti"? Semmoisia "yleisiä sääntöjä" fonttien, white spacen, sijoittelun suhteen yms..

2. Voiko lokaalisti pyörittää ubuntu serveriä jolle kasaisi ansiblet, jotta saa vps:n nopeasti pystyyn ja appit deployattua? Voihan tuota tehdä live vps:lläkin, mutta ainakin joissain on rajoituksia uudelleen formatoinnin suhteen.

 

[kolistelija]

1. Onko kellään mitään hyvää linkkiä/linkkejä miten tyylitellään css "hienosti"? Semmoisia "yleisiä sääntöjä" fonttien, white spacen, sijoittelun suhteen yms..

Esim. material designista voi hakea inspiraatiota. Yleisiä ohjeita on tietenkin mahdollisimman luettava fontti ja yhdenmukainen whitespace koko sivulla (käytetään kertoimia, esim. 8 px/16px/24px tai vastaavia em/rem tarpeen mukaan). Sijoittelu on haastavempaa, koska se vaatii käyttötapauksen mukaista suunnittelua ja sellaista yleistä sääntöä on vaikeampi löytää.

Material design: Material Design

2. Voiko lokaalisti pyörittää ubuntu serveriä jolle kasaisi ansiblet, jotta saa vps:n nopeasti pystyyn ja appit deployattua? Voihan tuota tehdä live vps:lläkin, mutta ainakin joissain on rajoituksia uudelleen formatoinnin suhteen.

Mikä tarkoitat lokaalilla? Sisäverkossa olevaa konetta vai esim. virtuaalikonetta?

 

[Moilaps]

Esim. material designista voi hakea inspiraatiota. Yleisiä ohjeita on tietenkin mahdollisimman luettava fontti ja yhdenmukainen whitespace koko sivulla (käytetään kertoimia, esim. 8 px/16px/24px tai vastaavia em/rem tarpeen mukaan). Sijoittelu on haastavempaa, koska se vaatii käyttötapauksen mukaista suunnittelua ja sellaista yleistä sääntöä on vaikeampi löytää.

Material design: Material Design

Mikä tarkoitat lokaalilla? Sisäverkossa olevaa konetta vai esim. virtuaalikonetta?

Virtuaalikonetta.

 

[kolistelija]

Virtuaalikonetta.

Ei siihen ole mitään estettä, mutta vaatii tietty säätämistä.

Onko joku tietty syy miksi esim. Docker (tai jopa K8s ja haluaa tosissaan säätää) ei olisi vaihtoehto?

 

[Paapaa]

Voiko lokaalisti pyörittää ubuntu serveriä jolle kasaisi ansiblet, jotta saa vps:n nopeasti pystyyn ja appit deployattua? Voihan tuota tehdä live vps:lläkin, mutta ainakin joissain on rajoituksia uudelleen formatoinnin suhteen.

Kyllä VM (esim. VirtualBox) on tuohon oikein hyvä väline. Eli voit pyörittää lokaalia virtuaalikonetta ja asentaa sen Ansiblella kuntoon. VM pystyyn ja sitten pitää joku port forward tehdä, jotta voit ottaa siihen yhteyden. Käytännössä pitää laittaa NAT päälle Virtual Boxin asetuksista ja luoda port forward, jolloin määrittelet sun oman koneen portin - esim. 2222 - johon menevä liikenne forwardoidaan sen VM:n porttiin 22 (SSH). Kun tuo on tehty ja kunhan siinä VM:ssä on SSH-serveri päällä, voit ottaa siihen yhteyden osoitteeseen 127.0.0.1:2222 tai localhost:2222.

Sitten kun tuo SSH-linkki toimii, voit alkaa räpeltää Ansiblen kanssa. Googlella löydät tarkat ohjeet tuolle.

VM vastaa tuossa täysin 1:1 sitä VPS:ää joten siinä mielessä tuo on hyvä tapa testata se Ansible playbook kuntoon.

 

[Moilaps]

Ei siihen ole mitään estettä, mutta vaatii tietty säätämistä.

Onko joku tietty syy miksi esim. Docker (tai jopa K8s ja haluaa tosissaan säätää) ei olisi vaihtoehto?

Ajattelin laittaa ansiblen kautta nuo perus linux säädöt mitä vpslle tehdään turvallisuuden suhteen. Itse appit pyörii dockerilla. Lähinnä idea on se että saan hyvän ansiblen joka asentaa kaiken hyvin että voin laittaa vaikka koko vpsn uudestaan alusta alkaen pyörimään jos tulee uutta palvelinta yms.

 

[dome]

Ajattelin laittaa ansiblen kautta nuo perus linux säädöt mitä vpslle tehdään turvallisuuden suhteen. Itse appit pyörii dockerilla. Lähinnä idea on se että saan hyvän ansiblen joka asentaa kaiken hyvin että voin laittaa vaikka koko vpsn uudestaan alusta alkaen pyörimään jos tulee uutta palvelinta yms.

Vagrant ja virtualbox on ihan hyvä combo moiseen testailuun ansiblen kanssa. VM:n luonti ja ansible playbookin ajo onnistuu yhdellä vagrant konffilla jolloin luonti/tuhoaminen tapahtuu yhdellä komennolla ja helpottaa huomattavasti ns. alusta aloittamisessa.

Vagrant Guide — Ansible Community Documentation

docs.ansible.com

 

[pitkae]

Ei nyt varsinaisesti ohjelmointiongelma, mutta sinnepäin.

sed ei ole eirtyisen tuttu, enkä millään keski miten saisi tämän toimimaan:

sed -E "s/.*\((.*)\,.*(\d{4})\)/\1 (\2)/" <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"

Lopputuloksen pitäisi olla: "Kissakala seikkailee jälleen (2023)", mutta tuo ulostaa alkuperäisen inputin sellaisenaan. Jokuhan tossa kusee, mutta en millään oo keksinyt mikä tossa mättää.

 

[dome]

Ei nyt varsinaisesti ohjelmointiongelma, mutta sinnepäin.

sed ei ole eirtyisen tuttu, enkä millään keski miten saisi tämän toimimaan:

sed -E "s/.*\((.*)\,.*(\d{4})\)/\1 (\2)/" <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"

Lopputuloksen pitäisi olla: "Kissakala seikkailee jälleen (2023)", mutta tuo ulostaa alkuperäisen inputin sellaisenaan. Jokuhan tossa kusee, mutta en millään oo keksinyt mikä tossa mättää.

sed ei osaa \d, käytä [[:digit:]], tai [0-9]

$ sed -E 's/.*\((.*)\,.*([[:digit:]]{4})\)/\1 (\2)/' <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"
Kissakala seikkailee jälleen (2023)

 

[Hyrava]

sed ei osaa \d, käytä [[:digit:]], tai [0-9]

$ sed -E 's/.*\((.*)\,.*([[:digit:]]{4})\)/\1 (\2)/' <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"
Kissakala seikkailee jälleen (2023)

Tuo on sellainen miina mihin itsekin on tullut monesti astuttua. noita \d ja vastaavia ei välttämättä hirveästi kannata käyttää ellei ole ihan varma että kyseinen regex kyseisen osaa. Itse olen jokusen kerran samaan miinaan polkaissut ja sitten esim [0-9] muuttamalla on lähtenyt toimimaan. Itse olen todennut että noita lyhimpiä muotoja ei kannata käyttää kuin regex-golfissa.

 

[pitkae]

sed ei osaa \d, käytä [[:digit:]], tai [0-9]

$ sed -E 's/.*\((.*)\,.*([[:digit:]]{4})\)/\1 (\2)/' <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"
Kissakala seikkailee jälleen (2023)

Kiitoksia. Ois saattanut omin avuin mennä tovi, kas kun ei googletellessa tullut vastaan.

 

[Barbarossa]

Kiitoksia. Ois saattanut omin avuin mennä tovi, kas kun ei googletellessa tullut vastaan.

GNU sed ja POSIX regexpit ovat tosiaan aika pylleröstä, heitämpä täältä sivusta toisen vaihtoehdon mitä itse käytän kun tarvitsen jotakin sedin kaltaista mutta vaadittava regexp ei ole mallia käpylehmä:

perl -pe "s/.*\((.*)\,.*(\d{4})\)/\1 (\2)/" <<< "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (Kissakala seikkailee jälleen, Foobar 2023)"

E: Vaatii luonnollisesti perlin mutta en muista edes milloin olisi tullut vastaan ympäristö josta löytyy sed mutta ei perliä...

 

[Moilaps]

1. Teettekö te "hamburger menu"n fixed vai absolute sijoituksella? fixed vaikutti ihan hyvältä vaihtoehdolta, kun tein samanlaisen kuin io techissa että se tulee tuolta sivulta.

2. Kannattaako menu tehdä niin kuin sivun ulkopuolelle, vai lisätä uusi dom node kun menu avataan ja poistaa kun suljetaan?

3. Laitoin vielä niin että menun voi sulkea takaisin navigoinnilla sekä tietty sulkemis napista tai ohi klikkaamalla. Takaisin navigointi sulkeminen on tehty query parametreillä. Onko tuosta ominaisuudesta mitään haittaa? Käytännössä mikään saitti ei toimi samalla tavalla menun osalta. Minusta se on ainakin ihan kätevä kun androidilla sulkee kaiken muutenkin takaisin gesturella.

 

[embedded]

Mitenkäs te pro-koodarit teette nykyiaikaisen many-to-many relaation ?

Aiemminhan se meni mysql-tietokantaan omana taulunaan ja muoto oli esim parts_machines (part_id, machine_id)
Mutta nykyiset web-sovellukset frontissa käsittelee dataa objekteina. Eli bäckendille lähtee data jsonina.
Pitäisikö relaatiot tallentaa nykyisin sovellukseen suoraan json-tekstinä. Jos taas näin on, niin eikö se vaikeuta yksinkertaisten hakujen tekemistä huomattavasti kun join täytyy tehdä jsonia parsettamalla.
Muistaakseni mariadb/mysql ei aiemmin osannut tuota tehdä helposti...

 

[oongee]

Mitenkäs te pro-koodarit teette nykyiaikaisen many-to-many relaation ?

Aiemminhan se meni mysql-tietokantaan omana taulunaan ja muoto oli esim parts_machines (part_id, machine_id)
Mutta nykyiset web-sovellukset frontissa käsittelee dataa objekteina. Eli bäckendille lähtee data jsonina.
Pitäisikö relaatiot tallentaa nykyisin sovellukseen suoraan json-tekstinä. Jos taas näin on, niin eikö se vaikeuta yksinkertaisten hakujen tekemistä huomattavasti kun join täytyy tehdä jsonia parsettamalla.
Muistaakseni mariadb/mysql ei aiemmin osannut tuota tehdä helposti...

Yksi mahdollinen lähestymistapa asiaan on käyttää perinteisen SQL-relaatiotietokannan sijaan jotain modernimpaa NoSQL "document oriented" tietokantaa, kuten vaikka MongoDB, johon voi puskea objektit suoraan JSON:ina ja jossa one-to-many tai many-to-many -relaatiot onnistuvat suoraan ilman ylimääräistä "välitaulua".

Esim. tuolta löytyy esimerkkiä: Many-to-Many Relationship in MongoDB - Model Intricate Data

 

[Paapaa]

Aiemminhan se meni mysql-tietokantaan omana taulunaan ja muoto oli esim parts_machines (part_id, machine_id)
Mutta nykyiset web-sovellukset frontissa käsittelee dataa objekteina. Eli bäckendille lähtee data jsonina.

Se, miten se data palautetaan clientille ei tarvitse suoraan vastata sitä, miten se data on siellä kannassa. Eli kun frontti tekee pyynnön, niin bäkkäri voi hakea relevantin datan kannasta, mankeloida sen juuri sellaiseen muotoon joka on frontin toiminnan kannalta järkevintä ja frontti sitten käsittelee vain sitä mankeloitua versiota tietämättä mitään siitä, miten se on kantaan tallennettu. Mutta olisiko sulla joku yksinkertainen esimerkki, niin voisi ehkä paremmin miettiä, mitä eri tapoja sen toteuttamiseen on?

Dataa voi ehdottomasti tallentaa jsonina kantaan, mutta siinä on aina myös huonot puolensa.

 

[Moilaps]

En ole pro koodari, mutta ainakin olen tuollaiset query builderilla www.kysely.dev kirjastolla. Frontista tulevan json voi tallentaa tuolla esim. Etsimällä ensin nimen perusteella parts_idn ja machine_idn ja tallentamalla ne js objektina jolloin esim {part_id: 23, machine-id: 16} menee parts_machine tauluun, 23 part_id sarakkeelle jne. Ulos ne saa sitten joinaamalla josta tulee js objekti tai rivi objekteja.