Tag descriptor

Programmeren leren

An article, posted 12 days ago filed in & .

Wil je beginnen met leren? Hieronder een reeks links voor opties in verschillende programmeertalen.

Continue reading...

De eerste vier zaken op een (macOS) ontwikkelmachine voor beginners

An article, posted about one month ago filed in , , , , , , , , , , & .
  1. Update eerst naar de laatste versie van ’t OS, Mojave. Je kunt deze gratis downloaden in de App store, zie upgrade instructies voor Mojave.
  2. Installeer homebrew … macOS Terminal (zeg maar de Command Prompt van de Mac) vind je door Cmd+Spatie in te drukken en vervolgens "Terminal" te zoeken (meestal vind je die al na de eerste paar letters). Vervolgens de regel invoeren (kopiëren & plakken) die de website vermeld. Soms moet je extra dingen installeren; het script zal je daar doorheen leiden. Overigens, dat commando, Cmd+Spatie, opent wat Spotlight heet, ik vind dat de gemakkelijkste manier om programma’s te starten.
  3. Install Docker for mac (je hebt hier tegenwoordig helaas een account bij DockerHub voor nodig). Dit download een DiskImage, sleep het programma naar de programma’s map (zoals het image waarschijnlijk ook al aangeeft in de achterg…

Continue reading...

Global variables in Rails

An article, posted about 2 months ago filed in , , & .

A quick note, because I was using the wrong search terms. If you want to share e.g. the current user of an app with a model you can now (since Rails 5.2) use a model inheriting from ActiveSupport::CurrentAttributes. Before you were required to pass this current user explicitly or find another way to access state.

Note that this can either be a good thing or a bad thing (tl;dr: thread-local global state makes apps unpredictable)

And even the docs warn against abusing this feature. Powerful tools can come with dangerous consequences :) Global variables are immensely powerful. Use with care. I'm not even sure if I'm going down this path…

Continue reading...

Revisiting taming ruby's memory bloat meta-edition

An article, posted about 2 months ago filed in , , , , & .

There are a lot of things that I don't understand. One of these things is how memory management really works. Memory management is hard, and even though I use languages that do garbage collecting by themselves, long running ruby apps seem to run out of memory after n number of days. Even the pro’s find it quite hard. While I previously resetted the failing app every now and then, I was triggered by Mike Perham’s (creator of Sidekiq) post: “Taming Rails memory bloat”.

When you start searching for the memory bloat problem, you'll find several directions. The easiest is changing a global variable which changes the number of “arena’s” where memory allocation takes place (note: I’m in no position to explain all this, please follow the references). The fanciest, however, seems to be changing the memory allocator from glibc's default 'malloc' to jemalloc. See for example [this](https://www.speedshop.co/2017/12/04/malloc…

Continue reading...

De UX van de overheid

An article, posted 2 months ago filed in , , , , & .

De tijd om aan het begin van dit jaar een nieuwjaarsrede te schrijven ontbrak mij volledig. Dus resteert niets anders dan plan b. goede stukken uitlichten van anderen die reflecteerden aan het einde / begin van het jaar (en nog wordt dit pas in maart gepubliceerd).

In het essay De fantasietjes van de elite wees Bas Heijne eind december op het mogelijke einde van de schijnprogressiviteit. We kunnen er niet meer in geloven dat topmensen vrouwenrechten en eerlijke beloningen belangrijk vinden, wanneer het compleet haaks staat op hun eigen daden. Hij haalt Giridharadas aan:

> “Schijnprogressiviteit is de nieuwe opium van het volk. Wie voor de bühne laat zien dat hij het hart op de goede plek heeft, dat zijn bedrijf zich inzet voor een betere wereld, kan achter de schermen gewoon zijn echte slechte gang blijven gaan. “

Giridharadas maakt “korte metten met he…

Continue reading...

Tag descriptor

CSS Grid

An article, posted 2 months ago filed in , & .

The modern, still relatively new, way of doing grids natively inside a browser: CSS Grid. Below some articles that you may also find helpful.

Continue reading...

Prometheus for slow stats

An article, posted 3 months ago filed in , , , , , , , & .

Prometheus is a statistics collecting tool that originated from SoundCloud. Designed to be used in high performance environments, it is build to be blazingly fast. Hence, the client typically is expected to be blazingly fast as well, gathering and presenting data within nanoseconds. For Ruby on Rails applications however this has lead to an unresolved issue with the Prometheus ruby-client when the same application is forked (typical for Puma, Passenger and other popular ruby-servers). The Prometheus client collects data within its own fork before serving it to the exporter endpoint. This can or cannot be a problem. When you measuring response times, running averages from a random fork may be good enough. However, when you're also counting data over time you're having separate counters in …

Continue reading...

Don't try to be more personal

An article, posted 3 months ago filed in , , , , , , , & .

Your persona's don't include someone who is visually impaired Your persona's are probably all white, or typically young and dynamic. None of your persona's went through a tragic event recently.

Be careful when creating emotional experiences for the lucky ones. You shouldn't congratulate everyone with another great year, and/or a better year to come. Don't try to be more personal than you can be.

See also this thread on persona's

Continue reading...

“Nee” verkopen

An article, posted 5 months ago filed in , , & .

Soms moet je een klant proberen te overtuigen dat het niet doen van iets de beste optie is. Enige tijd geleden volgde ik een cursus effectief communiceren, en daar leerde ik het volgende.

Aan “Nee” verkopen gaat veelal het ontvangen van kritiek, of een gemis, vooraf. Het is dus belangrijk dat je die kritiek goed ontvangt. Als je kritiek geeft, als klant, wil je gehoord worden. Word je niet gehoord dan blijf je met een naar gevoel zitten. En word je bot. Tijdens de cursus leerde ik de 4 G’s (ja typisch cursusmateriaal) van een goed feedback moment te herkennen, en eventueel door te vragen voor een beter begrip. Mensen geven immers niet altijd goed feedback en zeker als opdrachtnemer is het goed om daar boven proberen te staan en de kritiek netjes te geleiden. De klant heeft kritiek, dus probeer te achterhalen:

  • Wat is het Gedrag dat niet goed werkt
  • Wat is het Gevoel dat de klant daarbij heeft
  • Wat is het Gevolg dat dat voor de klant heeft
  • en wat is het Gewenste gedrag …

Continue reading...

Delay your decisions

An article, posted 6 months ago filed in , , , , , , , & .

I design very little upfront. Sometimes I need to make an estimation, I design a little more. Sometimes the project is hardly specced and there is a lot of exploring to do.

In this post I would like to give a demonstration of how a recent project developed.

Initial stage

> Client: “We want a fancier frontend for our data”.
> Me: “Sure, any limitations?”
> Client: “We give you 4 months”
> Me: “Can I use any tech I want?”
> Client: “Na, we want to be able to continue on what you’re going to create, so please use P, X, Y and/or Z.”
> Me: “Sure, P is not my favourite, but some time ago I’ve dealt with it, so ok, we keep it simple anyway.”

The plan that followed:

Initially I thought I could fancy up the CSS, but the old product was in a very bad state and not really maintainable. So I decided to create a thin API layer in P (yes of PHP), a modern front-end layer in JavaScript using a framework that I co-introduced in the organisation a few years ago (R…

Continue reading...

Getting started with Cypress - a modern frontend testing framework

An article, posted 7 months ago filed in , , , , , , & .

Cypress is a new, open source integration test runner for modern JS applications (its development is sponsored by their online dashboard that allows you to record test-runs). It doesn’t require setting up Selenium, or other browser plugin, manually. Add it to your package.json and everything you need will be set up:

npm install cypress --save-dev

You can open even a GUI using:

./node_modules/.bin/cypress open

Alternatively, you can run the tests headless using the run command:

./node_modules/.bin/cypress run

Running the test will leave you with video recordings of what has been happening visually on the frontend for further review.

Ok. All nice, but you're right, these are tests running against a locally run server. So let's move the examples directory out of scope of the test runner:

mv cypress/integration/examples cypress/integration-examples

*(when exploring a new framework, I typically like …

Continue reading...

Be a (unit-testing) minimalist

An article, posted 7 months ago filed in , , , & .

Still (2013) a great talk by Sandy Metz on testing, and how to do it right, without getting too theoretical. While this talk is on ruby, and it uses a Rails framework for testing, it really is applicable to any other language (only the syntax will probably be a wee bit shittier ;))

Watch Rails Conf 2013 The Magic Tricks of Testing by Sandi Metz on YouTube

(and while unit-testing is between brackets, in general, being a minimalist when writing code really is a good idea)

Continue reading...

Really concise guide to package.json scripts

An article, posted 7 months ago filed in , , , , & .

Being unable to find a really concise description at a stable endpoint, the "scripts"-section of package.json, central to node/npm/yarn/euh. JavaScript-development these days, here it is.

The package.json is a json file which typically contains things like version and name of a project, the typical metadata. It also contains the dependencies of a project. But this is about the scripts-section. Completely optional, but so convenient that typically your project has one already:

{
  "name": "hello world",
  "version": "0.0.1",
  "main": "index.js",
  "scripts": {
  }
}

The "scripts"-section contains snippets of code that you typically run using npm or yarn:

So let's say you're typing git add . && git commit -m "wip" && git push a lot (totally not recommended), you could do:

{
  "name": "hello world",
  "version": "0.0.1",
  "main": "index.js",
  "scripts": {
    "wipitup": "git add . && ...

Continue reading...

Het groene slotje en Symantec

Veilige verbindingen zijn gebaseerd op een keten van vertrouwen. Browsers en computers vertrouwen standaard een beperkt aantal zogenaamde ‘root’-certificaten. Deze root certificaten kunnen gebruikt worden om een groen slotje te geven aan een site. Meestal gebeurd dat met een tussenliggend certificaat: De site betrouwbaar omdat deze Certificaat A heeft welke vertrouwd is omdat het ondertekend is door Certificaat B en Certificaat B wordt vertrouwd omdat het ondertekend is door een root certificaat (de keten kan complexer en langer zijn); een certificaat dat vastgelegd is in de browser of het besturingssysteem. Het is dus belangrijk dat een beheerder van een root certificaat er alles aan doet dat diens vertrouwen niet wordt geschonden. Dat is vorig jaar bij Symantec (het bedrijf dat bekend is geworden met Norton Utilities en later AntiVirus) gebeurd.

Certificaten mogen alleen worden uitgegeven aan eigenaren van een domeinnaam; certificat…

Continue reading...

*nix: find the largest files/directories within a directory

An article, posted 8 months ago filed in , , , , , , & .

Every now and then I’m searching for this little snippet in my notes using NotationalVelocity (or currently actually a fork):

du -hsx * | sort -rh | head -100

It’s a variation of a snippet I found somewhere, but hardly invested any time in understanding what it actually does. Let’s decompose, from head to taildu.

head -100

head simply limits the results to a maximum of 100 lines. Not much more to explain here

sort

sort sorts. by default it sorts the files by filename, but adding ‘-h’ to it allows it to sort by “human readable numbers” (e.g. 5M > 6K); if ‘-n’ would be added as option 6K would be > 5M. The ‘-r’ options reverses the sort wich is by default ascending.

du

du by defaults crawls a directory recursively for all files. passing '-s' tells it to sum the values of files within directories. the '-x' option is used to n…

Continue reading...

murb blog