Webbidevaus.fi

134. Niko Heikkilä: Ryhmäkoodaus

Mitä parikoodaus on? Entä pahamaineinen mob programming? Kuinka perustella asiakkaalle/kollegoille/pomolle, että itse asiassa 1 + 1 on enemmän kuin 2? Niko Heikkilä kertoo sinulle pari- ja porukkaohjelmoinnista kaiken, mitä siitä tarvitsee tietää. * nikoheikkila.fi [https://nikoheikkila.fi] * fosstodon.org/@nikoheikkila [http://fosstodon.org/@nikoheikkila] * https://fi.linkedin.com/in/nikoheikkila [https://fi.linkedin.com/in/nikoheikkila] NIKON LINKKIVINKIT * Kirjallisuus * Software Teaming: A Mob Programming, Whole-Team Approach by Woody Zuill [https://www.goodreads.com/book/show/63285154-software-teaming] * Code with the Wisdom of the Crowd: Get Better Together with Mob Programming by Mark Pearl [https://www.goodreads.com/book/show/41044604-code-with-the-wisdom-of-the-crowd] * Artikkelit * The Costs and Benefits of Pair Programming. Cockburn, A; Williams, L. [https://collaboration.csc.ncsu.edu/laurie/Papers/XPSardinia.PDF] * InfoQ: From Async Code Reviews to Co-Creation Patterns [https://www.infoq.com/articles/co-creation-patterns-software-development/] * Gregor Riegler: Solo Programming Considered Harmful [https://gregorriegler.com/2023/01/30/solo-programming-considered-bad.html] * Videot * Dragan Stepanović: Async code reviews are choking your company’s throughput [https://vimeo.com/774651621] * Muut * Remote Mob Programming [https://www.remotemobprogramming.org/] * mob.sh — tool for smooth Git handover [https://mob.sh/]

133. Twitter tulessa

Hieman pidemmän podcast-paussin aikana IT-maailmassa on tapahtunut paljon! Jakso alkaa ei niin mieltä nostattavissa tunnelmissa Big Tech -irtisanomisten muodossa. Muita aiheita ovat Twitterin nykytilanne Elon Muskin johdossa, Anti-SPA-liike ja React-vastaisuus, iOS Web Push Notifikaatioiden ja Container Queryjen saapuminen, uudenlainen lähestyminen web-sivuihin Arc-selaimen muodossa sekä tekoälyn nostama huomio. Jakson linkit: * Big Tech irtisanomiset * CSS Tricksin mahdollinen arkistointi - https://twitter.com/AdamRackis/status/1626403356116656128 [https://twitter.com/AdamRackis/status/1626403356116656128] * Suurten Amerikkalaisten yritysten kasvu irtisanomisista huolimatta -https://www.businessinsider.com/impact-of-big-tech-layoffs-amazon-meta-microsoft-google-salesforce-2023-2 [https://www.businessinsider.com/impact-of-big-tech-layoffs-amazon-meta-microsoft-google-salesforce-2023-2] * Twitterin tapahtumat aikajanalla - https://twitterisgoinggreat.com/ [https://twitterisgoinggreat.com/] * Web Push notifikaatiot iOS Safariin * Push Notifikaatiot iOS 16.4 Betassa - https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/ [https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/] * Apple Developer video web Pushista - Meet Web Push for iOS [https://developer.apple.com/videos/play/wwdc2022/10098/] * Container queryt nyt kaikissa selaimissa [https://web.dev/cq-stable/] * Arc [https://arc.net/]-selain * Anti-SPA-liike * Josh Collinsworth: The self-fulfilling propechy of React [https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react] * Eric Bailey: Modern Health, frameworks, performance, and harm [https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/] * Alex Russell: The Market for Lemons [https://infrequently.org/2023/02/the-market-for-lemons/] * Zach Leatherman: A Historical Reference of React Criticism [https://www.zachleat.com/web/react-criticism/] * AI * Github Copilot [https://github.com/features/copilot] * DALL-E 2 [https://openai.com/dall-e-2/] * Midjourney [https://www.midjourney.com/home/] * Stable Diffusion [https://stability.ai/blog/stable-diffusion-public-release] * ChatGPT [https://chat.openai.com]

132. Yksinkertaiset miehet monimutkaisessa maailmassa

Jakson kantavana teemana toimii yksinkertaistaminen. Kesän aikana Tommi päivitti omaa sivuprojektiaan poistamalla Tailwindin ja lisäämällä Typescriptin. Antti päätyi käyttämään omassa sivuprojektissaan Ansiblea ja Dokkua. Loman virkistämä Tommi päätyi pohtimaan monoliitin ja mikropalvelun käyttöä ja ennenaikaista optimointia. JAKSON NOSTOT * Tommi * Matt Pocock Typescript -videot [https://www.youtube.com/c/MattPocockUk] * Overloads vs. Generics [https://youtu.be/Vr1BUFw6dJM] * Antti * Anssi Kelan kitarat [https://www.youtube.com/watch?v=o8Kz9wdv0oE] * B-bender [https://en.wikipedia.org/wiki/B-Bender]

131. Koodari huutaa pilville

Onko logien lukeminen webbisovelluksista ylipäätään mahdollista Azuressa? Miten käy selainkehitykselle, jos Apple joutuu sallimaan WebKitin lisäksi muita selainmoottoreita iOS:lle? Kuinka syvä on Tommin tuska TypeScript-polulla? Miksi tässä on vain kysymyksiä? JAKSON LINKIT * EU ja iOS:n selainmoottorit [https://www.techspot.com/news/94625-leak-suggests-eu-fight-ios-webkit-dominance.html] * Webbisivujen transitiot [https://www.youtube.com/watch?v=JCJUPJ_zDQ4] * SolidJS [http://solidjs.com/] * Selainten natiivi datetime-komponentti [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local] * Node.js fetch-API [https://blog.logrocket.com/fetch-api-node-js/] * Parse, don’t validate [https://lexi-lambda.github.io/blog/2019/11/05/parse-don-t-validate/] * Validaattorit: Zod [https://zod.dev/], Yup [https://github.com/jquense/yup] ja Purify [https://gigobyte.github.io/purify/] * TypeScriptin utility-tyypit [https://www.typescriptlang.org/docs/handbook/utility-types.html] * Virheiden nappaus try-catchissa [https://medium.com/geekculture/how-to-strongly-type-try-catch-blocks-in-typescript-4681aff406b9] JAKSON NOSTOT * Antti * Helix [https://helix-editor.com/] * AstroNvim [https://astronvim.github.io/] * Tommi * Corridor Digital, vanha Batman uuteen Batmaniin [https://www.youtube.com/watch?v=NzLafsZWKxA]

130. Webbikomponenttidevaus!

Onko The Year of Web Components vihdoin täällä?! Ovatko varjo-DOM ja kaverit lupaus uudesta ja mahtavasta vai onko lisävauhdin tarve edelleen läsnä? Mitä ovat HTML-nokat? Vieraana mahtava Matias Huhta Suomen Turusta. JAKSON LINKIT * Matias Twitterissä [https://twitter.com/matsuuu_] * https://webbidevaus.fi/57 [https://webbidevaus.fi/57] * https://open-wc.org/discover/slack/ [https://open-wc.org/discover/slack/] * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements [https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements] * https://github.com/mdn/web-components-examples/blob/main/popup-info-box-web-component/main.js [https://github.com/mdn/web-components-examples/blob/main/popup-info-box-web-component/main.js] * https://lit.dev [https://lit.dev/] * https://shoelace.style/ [https://shoelace.style/] * https://github.com/github/time-elements [https://github.com/github/time-elements] * Matiaksen talkki React Finland 2021:ssä [https://www.youtube.com/watch?v=fgtS_nfMOtw] * Suomen kotiolutdiscord [https://discord.gg/khHCs9Bfvx] * Matiaksen olut-IOT-laite [https://www.kegland.com.au/rapt-pill-hydrometer-thermometer-wifi-bluetooth.html] * Matiaksen podcast Shy Boys [https://soundcloud.com/lauri-huhta-644887599/shy-boys-podcast-ep1-the-pilot] JAKSON FIILIKSET * Tommi: ESP32 + Ikea [https://www.ikea.com/fi/fi/p/vindriktning-ilmanlaaduntunnistin-70498242/] ilmanlaaduntunnistin = ilmanlaatusensori [https://esphome.io/components/sensor/pm1006.html] * Antti: Nintendo 3DS [https://www.nintendo.fi/nintendo-3ds-perhe] * Matias: Olut-IOT-laite [https://www.kegland.com.au/rapt-pill-hydrometer-thermometer-wifi-bluetooth.html]

129. Fronttimaailman ajatuksia ja etäältä työskentelyä

CSS on kohta valmis! Tommi linkkihaavista löytyi pari kiinnostavaa twiittiä; tämän vuoden aikana Chromeen tulevat uudet CSS-ominaisuudet ja Steven Pembertonin kannanotto !importantin käytöstä. Jakson React-osiossa vilkaistiin, mitä React 18 tuo mukanaan. Lisäksi vinkataan VS Coden käyttäjille Koodiklinikan kuratoitu laajennuslista. Loppupuolella keskustellaan etätyöskentelystä ja aikavyöhykkeiden yli työskentelystä. JAKSON LINKIT * Nicole Sullivanien twiitti CSS:n tulevista ominaisuuksista [https://twitter.com/stubbornella/status/1508690609917206532] * CSS :has( ) A Parent Selector Now blogipostaus [https://matthiasott.com/notes/css-has-a-parent-selector-now] * Steven Pembertonin twiitti !importatista [https://twitter.com/stevenpemberton/status/1505839184287870981] * React 18 jukaistiin [https://reactjs.org/blog/2022/03/29/react-v18.html] * Koodiklinikan VS Code -laajennoslista [https://resources.koodiklinikka.fi/vs-code-extensionit] JAKSON FIILIKSET Tommi: Severance [https://tv.apple.com/fi/show/severance/umc.cmc.1srk2goyh2q2zdxcx605w8vtx] Antti: LEGO Masters Suomi [https://www.mtv.fi/sarja/lego-masters-suomi-10004077]

128. Monorepolaiset ja HTML like it's 1999

Tommi jakaa viimeaikaisia sähköpostin tyylittelyyn ja dark modeen liittyviä kokemuksia. Palataan hetkeksi jaksoon 110 muistelemaan FLoCia, kun Google on palannut piirrustuspöydälle idean kanssa. Antti kertoo miten helppoa ts-koodin jakaminen on monorepossa, ja lopuksi mietitään rikkooko Firefoxin ja Chromen 100-versiot internetin (ja kuinka pahasti). JAKSON LINKIT * Litmus.comin blogi eri sähköpostien dark mode käsittelystä [https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/] * Google hylkää FLoCin [https://www.theverge.com/2022/1/25/22900567/google-floc-abandon-topics-api-cookies-tracking] * Googlen blogaus Topicseista [https://blog.google/products/chrome/get-know-new-topics-api-privacy-sandbox/] * React SVGR [https://react-svgr.com] * TypeScript project references [https://www.typescriptlang.org/docs/handbook/project-references.html] * Turborepo [https://turborepo.org/] * Chrome versio 100 voi rikkoa internetin [https://9to5google.com/2021/12/28/google-chrome-100-break-websites-solutions/] JAKSON FIILIKSET Tommi: Pirre-kissa Antti: Trailer Park Boys [https://www.netflix.com/fi-en/title/70153385]

127. JavaScriptin tila 2021

Antilla on tarve tallennella kaikenlaista mediaa verkkolevylle ja Tommi kertoo omasta mediaserveristään. Lisäksi Antti pääsee opiskelemaan uusia PostgreSQL-asioita nykyisen projektinsa myötä. Jakson pääaiheena pureuduttiin State of JavaScriptin vastauksiin ja vedettiin niistä hieman johtopäätöksiä. JAKSON LINKIT * TrueNAS [https://www.truenas.com/] * Synology DS220+ [https://www.synology.com/en-us/products/DS220+] * Postgres - Faster LIKE/ILIKE [https://www.depesz.com/2011/02/19/waiting-for-9-1-faster-likeilike/] * PostgreSQL Full-Text Search [https://arctype.com/blog/postgres-full-text-search/] * Ordering fuzzy search results by relevancy using trigrams [https://dev.to/anakbns/ordering-fuzzy-search-results-by-relevancy-using-trigrams-9bk] * The Art of PostgreSQL [https://theartofpostgresql.com/] * State of JavaScript 2021 [https://2021.stateofjs.com/en-US/] * The Third Age of JavaScript [https://www.swyx.io/js-third-age/] * State of JS 2021 awards * Most Adopted Feature: Nullish Coalescing [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator] * Most Adopted Technology: esbuild [https://esbuild.github.io] * Highest Satisfaction: Vite [https://vitejs.dev] * Highest Interest: Vite * Most Write-Ins: Elm [https://elm-lang.org] JAKSON FIILIKSET Antti: Parks & Recreation [https://www.imdb.com/title/tt1266020/] Tommi: Arduino-koodailut [https://www.arduino.cc]

126. Tommi vastaan TypeScript

Tommi päätti sukeltaa TypeScriptin maailmaan pari kuukautta takaperin. Mihin haasteisiin hän törmäsi, mitkä ovat fiilikset ja kuinka syvään päätyyn tuli sukellettua? Tuliko Tommista TypeScript-käännytetty? Vai aiheuttavatko tyypitykset liikaa kohinaa koodiin? Preshown aikana ihmetellään iOS:n betaversiossa olevaa PWA-push-notifikaatiotukea ja JavaScriptin pipeline operaattoria. Lisäksi havaitaan että Tommi ei osaa roastata Antin uuden projektin teknologiastäkkiä. JAKSON LINKIT * Push-notifikaatiot IOS:n PWA:lle: https://firt.dev/ios-14.5b/ [https://firt.dev/ios-14.5b/] * Pipeline operator use cases: https://2ality.com/2022/01/pipe-operator.html [https://2ality.com/2022/01/pipe-operator.html] * Pipeline operator proposal: https://github.com/tc39/proposal-pipeline-operator [https://github.com/tc39/proposal-pipeline-operator] * TRPC: https://trpc.io [https://trpc.io] * Devtools.fm [http://Devtools.fm] TRPC-jakso: https://devtools.fm/episode/21 [https://devtools.fm/episode/21] * Devops with Docker Mooc: https://devopswithdocker.com/ [https://devopswithdocker.com/] * Devops with Kubernetes Mooc: https://devopswithkubernetes.com [https://devopswithkubernetes.com] * State of JS survey 2021: https://app.stateofjs.com/survey/state-of-js/2021 [https://app.stateofjs.com/survey/state-of-js/2021] * Blogipostaus State of JS surveyn vuodosta: https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1 [https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1] * TypeScript: https://www.typescriptlang.org [https://www.typescriptlang.org] * Jos tyyppejä ei ole, DefinitelyTyped voi auttaa: http://definitelytyped.org [http://definitelytyped.org] * Tyyppipredikaateista dokumentaatiota: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates [https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates] JAKSON FIILIKSET * Antti: Daft Punk - ALIVE 2021: EPILOGUE [https://www.youtube.com/watch?v=kIeD6VeDEUA] * Tommi: Horizon Zero Dawn [https://www.playstation.com/fi-fi/horizon/]

125. Hotti, hotimpi, Hotwire

Mitä kuuluu Ruby on Railsille? Jakson vieraana Tuomas Jomppanen [https://tuomas.io] kertomassa Rails-kuulumisia. Samalla päästiin kuulemaan, mistä Hotwiressa on kyse. Jakson sponsorina Flockler! Katso lisää osoitteessa flockler.com/webbidevaus [https://flockler.com/webbidevaus]. LINKIT * Rubyn kotisivu - https://www.ruby-lang.org/en/ [https://www.ruby-lang.org/en/] * Ruby on Rails kotisivu - https://rubyonrails.org [https://rubyonrails.org] * Hotwire kotisivu - https://hotwired.dev [https://hotwired.dev] * Oikea Hotwirea hyödyntävä sovellus, SpinaCMS - https://spinacms.com [https://spinacms.com] * Tuomaksen kotskasivu - https://tuomas.io [https://tuomas.io] VIIKON HYVÄT FIILIKSET Tommi: 3D-tulostettu Iron Man kypärä Tuomas: Witted ilmoitti halusta listautua pörssiin Antti: ETF-rahastot