Koodikrapula Koodikrapula

Ikkunat kiinni ja omena suuhun, hurr durr. 😤✋🪟 → 😎🤙🍎

Äänitetty 18.2.2022.

Jaksomuikkarit myös osoitteessa krapu.la/14

Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! krapu.la/kysy



Kuulumisia 👂


Matiaksella uutta duunia takana kuukausi
1:53 Hannes tehnyt Telegram-bottia

Telegraf: Modern Telegram Bot Framework for Node.js


3:26 Hannes ostanut uuden reitittimen 🚀
4:45 Saatu jo 3 palautetta! 🤙

Seuraava jakso tulee olemaan Q&A-jakso
Kysymykset ja palautteet edelleen tervetulleita! 👉 krapu.la/kysy


5:44 Jeren lähettämä palaute

Jakson pihvi 🥩


10:20 Macin käyttöä takana kuukausi (M) / viikko (H)
10:52 Miksi vaihdettiin Maciin
12:40 Maciin tottui nopeasti
14:09 Macin hyviä puolia

Kinto: Mac-style shortcut keys for Linux & Windows


22:45 Macin huonoja puolia

Windows-softien ajamiseen Macilla: Wine, Parallels, Crossover ja Boot Camp
Desperados III -videopeli
Laws of UX ja Fitts's Law
Dockin auto-hiden nopeudensäätöä


34:45 Must-have-softia Macille

Homebrew: the missing package manager for Mac

Windows-alternativeja Homebrewille: Scoop ja Chocolatey


Oh My Zsh: nice Zsh config
Powerlevel10k: a Zsh theme
Ikkunamanagereita: Rectangle, Moom ja Amethyst

Paras ikkunamanageri Windowsille: PowerToys FancyZones


Launchereita: Raycast ja Alfred
LinearMouse: customize external mouse
AltTab: Windows-style "alt-tab" switcher for Mac
MeetingBar: next meetings in the menu bar
Hammerspoon: automation tool for Mac

Ctrl+hjkl -skripti; löytyy myös Hanneksen dotfiles-reposta

Matiaksen dotfiles-repo, jossa Cmd+Q+Q -skripti




48:51 Yhteenveto Macista

Jakson valinnat 🍱


50:25 Matias: Haapasalon Hatsapuri ja Hatsapurillo
53:00 Matias: one-shotteja filmeissä 😍

Linkit osoitteessa krapu.la/14 – eivät mahtuneet tähän


59:21 Hannes: Demon Slayer -anime

Clojure! React Native & Expo! NAS-rakentelua! Telegram-botteja! MacBookeja! Ynnä muuta! Haluttiin tehdä "Jouluisia jorinoita" -jakso ennen joulua, mutta eipä tehty, joten tässä vastaava jakso kuukauden myöhässä. Hou hou hou!

Äänitetty 14.1.2022.

Jaksomuikkarit myös osoitteessa https://krapu.la/13

Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy



Kuulumisia eli jakson pihvi 👂🥩


0:40 Hannes muuttanut isompaan kämppään
2:31 Jokavuotinen Advent of Code -koodikalenteri

Matiaksen Clojure-ratkaisuja Advent of Codeen
Matiaksen Need for Speed -ClojureScript-sovellus


6:23 Hanneksen ostoslistasovellus React Nativella + Expolla
9:06 NAS-rakentelua tai oikeammin vielä vasta aiheen tutkimista
18:24 Telegram-botteja

PM2: process manager for Node.js apps
WeShare-mobiilisovellus
Uncanny valley -ilmiö,
ei kun siis Dunning–Kruger-efekti
WalkingPad-kävelymatto
WalkingPad Pro -pro-kävelymatto


30:45 Matias vaihtanut työpaikkaa: OP:lta Loihde Factorille

Jest: JavaScript testing framework


33:31 Matias vaihtanut ja Hannes vaihtamassa Windowsista Macciin

Jakson valinnat 🍱


42:13 Matias: Vinland Saga -manga
45:09 Hannes: Silicon Valley -TV-sarja
47:24 Hannes: Logitech MX ERGO -pallohiiri

Protipit työpäivästä selviämiseen jotta illalla jaksaa muutakin kuin vain rötvätä sohvalla.

Äänitetty 19.11.2021.

Jaksomuikkarit myös osoitteessa https://krapu.la/12

Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy



Kuulumisia 👂


1:32 Saatiin eka palaute. 😎 TypeScript-jakso tulossa joskus lähitulevaisuudessa
2:10 Hannes boulderoinut ja mentoroinut
3:55 Matias perehtynyt Godot Engineen

ReactGD: Godot + React
Reddit-postaus tekeillä olevasta top-down shooterista mehukkailla ääniefekteillä
High-quality audio makes you sound smarter


14:00 Nykypäivän mobiililaitteiden tehoja

Stop building websites for iPhones
Scribe.rip: an alternative front-end to Medium
Miniflux: feed reader
The Mobile Performance Inequality Gap, 2021



Jakson pihvi 🥩


18:27 Miksi energiaa työpäivään?
19:48 Siivoa kotitoimisto

IKEA SKÅDIS -säilytystaulu (peg board)


22:20 Siivoa selaimen välilehdet

Tree Style Tab -Firefox-lisäosa


24:37 Ylös, ulos ja lenkille
27:45 Välillä seisoen
31:47 Kävelymatto on next level

Kävelymatoista puhuttu 3. jaksossa
Matiaksen winning entry Solidabiksen koodihaasteeseen 2021 😎


34:32 Palaveeraus ulkona

Stephen Wolfram: Seeking the Productive Life: Some Details of My Personal Infrastructure


39:45 Kesällä palaveeraus aurinkotuolissa
40:52 Taukojumppaa
41:31 Päivän aloittaminen liikunnalla
43:15 Musiikki

Lo-fi-musiikki


45:04 Muista juoda

7UP Free on parasta


50:32 Tarpeeksi valoa
53:28 Chore-breakit on win-win

Choreista puhuttu 7. jaksossa


54:04 Teams/Slack/tms. kiinni niin ei tule notifikaatioita
55:23 Ympäristön vaihtaminen virkistää

Jakson valinnat 🍱


56:40 Hannes: Dyson V8™ -johdoton varsi-imuri
59:26 Hannes: Run with the Wind -anime

Klippi Run with the Windistä Redditissä
Run with the Windin OST YouTubessa


1:03:07 Matias: WandaVision-sarja
1:04:27 Matias: Loki-sarja

Edge of Tomorrow -filmi
Interstellar-filmi

Eleventy on static site generator (SSG), eli se ottaa vastaan Markdown-tiedostoja ja oksentaa ulos staattisia HTML-tiedostoja. Mitä hyvää ja huonoa siinä on?

Äänitetty 3.11.2021.

Jaksomuikkarit myös osoitteessa https://krapu.la/11

Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy



Kuulumisia 👂


0:35 Neli- ja kolmipäiväisiä työviikkoja
1:45 Hannes: sähköläskipyöräilä
3:46 Hannes: koulujuttuja
5:20 Matias: uudet Leguano-merkkiset paljasjalkatalvikengät

Oululainen Toimivat jalat -liike


8:49 PowerToysista tullut uusi versio (v0.49) jossa Find My Mouse -ominaisuus

Jakson pihvi 🥩


10:50 Intro jakson aiheeseen
11:20 Yleistä static site -generaattoreista (SSG) ja Eleventystä
22:55 Eleventyn hyviä puolia
Next.js 12:n uusi feature: Middleware
38:53 Eleventyn huonoja puolia
GitHub-issue issue Pugin hitaudesta Eleventyssä

Pug (template engine)


Jamstack.org sisältää listauksen useista eri SSG:istä
48:29 Koodikrapula.fi-himmeli: Eleventy + Preact + ym.

krapu.la ohjaa nykyään koodikrapula.fi:hin 😎
Koodikrapula.fi-saitti GitHubissa
JSX vs HTM (Matiaksen blogipostaus 🤘)


51:18 Loppukaneetti Eleventystä
Bear Blog -blogialusta

Hanneksen blogi käyttää Bear Blogia 🤙



Jakson valinnat 🍱


54:06 Hannes: The Simpsons
55:39 Hannes: Rick & Morty

Matias: Moonmen-musavideo
Matias: Get Schwifty -musavideo


56:53 Matias: Miniature Calendar

Hyvä esimerkki: juna-asemaminiatyyrejä Instagramissa

Eikö olisi sama kirjoittaa vain inline-tyylejä...? No ei! Tailwind on jotain paljon parempaa: 👀💯👌🤑🔥 Perästä kuuluu!

Äänitetty 15.10.2021.

Kuulumisia 👂


Hacktoberfestiä jäljellä pari viikkoa
2:20 Koodikrapulalla 300+ kuuntelua! Joku kuulemma kuuntelee takaperin
3:53 Webbidevaus.fi-podcast jatkuu
5:30 VS Coden v1.61:n uudet telemetria-asetukset

Herrasmieshakkerit-podcast


8:00 Parissa viime jaksossa mainittu Mr. Robot -TV-sarja löytyy nyt myös Netflixistä
8:58 Hannes harjoitellut YouTubeemista

MKBHD-YouTube-kanava


10:54 Viikko 43 on Ace Week

Jakson pihvi 🥩


12:21 Tailwind CSS: "utility-first CSS framework"

Tachyons: samankaltainen CSS framework
tailwind-rn: "Use Tailwind CSS in React Native projects"
Tailwind CSS IntelliSense -lisäosa VS Codelle
Headwind: "an opinionated Tailwind CSS class sorter for VS Code"
eslint-plugin-tailwindcss: "Rules enforcing best practices and consistency using your tailwind.config.js"
Adam Wathanin tweetti: @apply bad!


33:33 Tailwindin huonoja puolia

Incomplete List of Mistakes in the Design of CSS
Protip: Tailwind-luokkien asettaminen objektiin eikä suoraan className-proppiin

Random esimerkki GitHubissa




48:20 Twind: Tailwind CSS on steroids!

Twindin grouping syntax
Adam Wathanin tweetti: Tailwindiin ei liene tulossa grouping syntaxia ainakaan hetkeen



Jakson valinnat 🍱


53:57 Hannes: DIY-pizzaa 🍕
56:38 Matias: Love Advice from the Great Duke of Hell -webtoon

Jaksomuikkarit myös osoitteessa https://krapu.la/10.

Kysy meiltä kysymys, vastaamme (saatamme vastata 🤞) siihen jossain jaksossa! https://krapu.la/kysy

Mitä koulussa oppii? Auttaako koulupaperit työnhaussa? Onko koulusta muita hyötyjä?

Jaksomuikkarit osoitteessa koodikrapula.fi/9/.