Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 102KB

2 jaren geleden
2 jaren geleden
2 jaren geleden
2 jaren geleden
2 jaren geleden
2 jaren geleden
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Tag #incompĂ©tence — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #incompétence">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <style type="text/css">
  53. details[open] summary {
  54. display: none;
  55. }
  56. </style>
  57. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  58. <header>
  59. <h1>Publications relatives au tag #incompétence</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a>
  66. ‱ <a rel="tags" href="/david/#tags" title="Liste de toutes les Ă©tiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus rĂ©centes en premier, les 3 premiĂšres sont dĂ©pliĂ©es et ensuite c’est Ă  la demande, bonne exploration !</p>
  74. <h2><a href="/david/2021/12/14/" title="Lien permanent vers cet article">Stress</a> (2021-12-14)</h2>
  75. <p>Cette semaine, il faut jongler avec les doctrines de deux pays pour savoir quand faire un test et oĂč afin de pouvoir faire ce <a href="/david/2021/06/15/" title="Avihonte">vol trans-atlantique</a>. On ne trouve rien Ă  moins de 300$CAD mais les rĂ©sultats sont garantis dans la demi-journĂ©e. Tout un business.</p>
  76. <p>Il faut accepter que l’enfant soit malade Ă  deux jours du dĂ©part (pas la Covid mais grosse toux) et qu’il fasse une quarantaine de 14&nbsp;jours au retour
 ce qui est toute une organisation. On va pouvoir profiter de la neige.</p>
  77. <p>Il faut pester contre Immigration Canada qui, non content de ne pas traiter notre demande de visas en cours car il·les ont pris du retard sur leur retard, nous demande de faire une <a href="https://www.canada.ca/fr/immigration-refugies-citoyennete/services/demande/medical-police/examens-medicaux/exigences-residents-temporaires.html#examen">visite mĂ©dicale</a> avec un·e mĂ©decin certifié·e sous 30&nbsp;jours sous peine d’ĂȘtre recalĂ©s (on attend depuis plus de 2&nbsp;ans ce jour&#8239;!). Pour la modique somme de 600$CAD sans taxes, immigration choisie nous voilĂ .</p>
  78. <p>Il faut enrager contre <a href="https://www.diplomatie.gouv.fr/fr/le-ministere-et-son-reseau/actualites-du-ministere/informations-coronavirus-covid-19/demande-de-passe-sanitaire-en-cas-de-vaccination-a-l-etranger-hors-ue-procedure/">France Diplomatie</a> qui non content de m’avoir refusĂ© une premiĂšre Ă©quivalence de Pass Sanitaire le 25&nbsp;octobre car la doctrine avait changĂ©e entre temps, n’a toujours pas rĂ©pondu Ă  ma seconde tentative du 23&nbsp;novembre
 et je dois prendre le TGV Ă  l’atterrissage. Expatriation souhaitĂ©e, me voici.</p>
  79. <p>Oh et sans compter qu’il faudrait anticiper le fait de ne pas pouvoir trouver de cadeaux une fois en France pour cause de confinement Ă©ventuel et/ou ne pas pouvoir retrouver toutes les personnes que j’espĂšre croiser pendant ce sĂ©jour pour raisons sanitaires. Joie.</p>
  80. <p>Et ce soir je dĂ©couvre qu’il y a une grĂšve de cheminots sur la ligne de TGV que je dois prendre Ă  l’arrivĂ©e aprĂšs une nuit probablement blanche.</p>
  81. <p>ProblÚmes de riche mais ça fait bien lourd pour un seul dos.</p>
  82. <h2><a href="/david/2021/12/09/" title="Lien permanent vers cet article">Popularité</a> (2021-12-09)</h2>
  83. <p>Ces 30&nbsp;derniers jours, un·e français·e sur 25&nbsp;est venu·e sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a>. AprĂšs <a href="https://addons.mozilla.org">AMO</a> qui est hors catĂ©gorie, c’est le site le plus visitĂ© auquel j’ai participĂ©. (Il faut peut-ĂȘtre aussi que je mette de cĂŽtĂ© l’intĂ©gration de <a href="https://skyrock.com/">skyrock.com</a> mais on va dire qu’il y a prescription, avoir connu les skyblogs ça ne rajeunit pas&#8239;!)</p>
  84. <p>Je pourrais me rĂ©jouir de cette popularitĂ©. C’est une ode Ă  la <a href="/david/2020/05/26/">frugalitĂ© relative</a> et au fait que l’on peut avoir un impact avec des moyens plutĂŽt restreints. C’est la tentative de faire un petit truc qui marche bien et qui est Ă  jour. Les retours sont de maniĂšre gĂ©nĂ©rale trĂšs positifs en ce qui concerne l’accessibilitĂ© et la pertinence des informations (aprĂšs pour ce qui est des doctrines successives, j’aurais tellement Ă  <a href="/david/2021/08/13/" title="Tests payants">redire</a> aussi
).</p>
  85. <p>Mais bon, est-ce que je peux vraiment me rĂ©jouir que ce site soit encore utile sachant qu’il est nĂ©cessaire en raison d’une certaine <a href="/david/2021/01/03/" title="Vaccina(c)tion">incurie</a> de l’État&#8239;? Quand ta popularitĂ© se construit en surfant sur les vagues successives, es-tu plus proche de Kelly Slater ou de Brice de Nice&#8239;? (Ouais, j’ai des rĂ©fĂ©rences de vieux si je veux.) Quand l’occident crĂ©e Ă  la fois les conditions de la mutation et ne cesse de courir aprĂšs sa protection, Ă  quoi cela rime-t-il&#8239;? Quand tu rĂ©ponds Ă  une anxiĂ©tĂ© que tu as toi-mĂȘme causĂ©e, es-tu le poison ou le remĂšde&#8239;?</p>
  86. <h2><a href="/david/2021/11/26/" title="Lien permanent vers cet article">Incompétence</a> (2021-11-26)</h2>
  87. <blockquote lang="en">
  88. <p>The magic of programming is largely just things you don’t know yet. Once you learn those things, it stops being magic in the sense of “I have no idea how it did that or why it works“ and starts being magic in the sense of “I can make the computer do exactly what I ask it to do!”. <mark>The point is to become the wizard, not the bedazzled member of the audience.</mark></p>
  89. <p>This does not happen overnight, and we need to have the confidence to accept that our profession has depth, even as we celebrate the ease with which someone can get started (and welcome them onto the journey of becoming a wizard)!</p>
  90. <p>It also doesn’t happen across all the domains of programming. You can’t become an expert at everything, and it’s fine to accept your boundaries. But it’s not fine to think you shouldn’t be on <em>some</em> paths towards mastery, if you intend to make programming your career.</p>
  91. <p><cite><em><a href="https://world.hey.com/dhh/programmers-should-stop-celebrating-incompetence-de1a4725">Programmers should stop celebrating incompetence</a></em> (<a href="/david/cache/2021/569696e39daa6ee1de97a7a9184316fb/">cache</a>)</cite></p>
  92. </blockquote>
  93. <p>C’est marrant, j’ai de plus en plus envie de cĂ©lĂ©brer cette incompĂ©tence justement. Pas pour s’y complaire mais pour rendre cet espace plus accueillant. C’était un peu l’objectif de ma dĂ©marche avec le <a href="/david/2021/11/25/" title="Git">billet d’hier</a>. Il est possible d’assumer d’ĂȘtre incompĂ©tent·e sur certains points et tout de mĂȘme arriver Ă  faire des choses chouettes dans le web. Cette toile de connaissance est justement lĂ  pour externaliser une partie de sa mĂ©moire et de ses expĂ©riences. <span lang=de><a href="https://fr.wikipedia.org/wiki/Lernen_durch_Lehren">Lernen durch Lehren</a></span> gĂ©nĂ©ralisĂ©&#8239;!</p>
  94. <p>Pour chaque magicien auto-proclamĂ©, il y a de potentielles nouvelles recrues qui sont dĂ©motivĂ©es par l’ampleur d’une tĂąche qui est devenue un mythe. Celui crĂ©Ă© par une Ă©lite qui en profite allĂšgrement.</p>
  95. <p>J’aimerais participer Ă  son piĂ©tinement.</p>
  96. <hr />
  97. <p><mark>Lu depuis&nbsp;:</mark></p>
  98. <blockquote lang="en">
  99. <p>But knowing how to research, how to look things up? Knowing how to parse good information from junk, and make effective decisions based on what you’ve learned? That’s a critical skill for modern developers.</p>
  100. <p>That’s not “copy-pasta.” That’s being good at your job.</p>
  101. <p><cite><em><a href="https://gomakethings.com/big-surprise-that-guy-who-made-a-third-of-his-company-quit-has-no-idea-what-hes-talking-about./">Big surprise! That guy who made a third of his company quit has no idea what he’s talking about.</a></em> (<a href="/david/cache/2021/1ee4ce7a8ae1f5dee1a762e0b4ca921e/">cache</a>)</cite></p>
  102. </blockquote>
  103. <h2><a href="/david/2021/11/25/" title="Lien permanent vers cet article">Git</a> (2021-11-25)</h2>
  104. <details>
  105. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  106. <blockquote lang="en">
  107. <p>Rant time: You’ve heard it before, git is <em>powerful</em>, but what good is that power when everything is so damn hard to do? Interactive rebasing requires you to edit a goddamn TODO file in your editor? <em>Are you kidding me?</em> To stage part of a file you need to use a command line program to step through each hunk and if a hunk can’t be split down any further but contains code you don’t want to stage, you have to edit an arcane patch file <em>by hand</em>? <em>Are you KIDDING me?!</em> Sometimes you get asked to stash your changes when switching branches only to realise that after you switch and unstash that there weren’t even any conflicts and it would have been fine to just checkout the branch directly? <em>YOU HAVE GOT TO BE KIDDING ME!</em></p>
  108. <p><cite><em><a href="https://github.com/jesseduffield/lazygit#readme">LazyGit</a></em></cite></p>
  109. </blockquote>
  110. <p>Je profite de la dĂ©couverte de cet outil pour une confidence qui n’en est pas vraiment une&nbsp;: j’utilise un client graphique pour tout ce qui a trait Ă  <a href="https://git-scm.com/">git</a> (et je n’en ai pas honte).</p>
  111. <p>J’ai longtemps utilisĂ© <a href="https://www.mercurial-scm.org/">mercurial</a> Ă  la main car je trouvais les commandes relativement intuitives mais en passant Ă  <em>git</em> il y a une dizaine d’annĂ©es, je me suis retrouvĂ© la moitiĂ© du temps Ă  aller chercher des commandes sur <a href="https://stackoverflow.com/questions/tagged/git">StackOverflow</a>, puis Ă  faire des <em>alias</em> car c’était impossible Ă  retenir, puis Ă  perdre du code, etc. Au final, quitte Ă  lancer des commandes que je comprends Ă  peine (il parait que c’est moins cryptique aujourd’hui) autant utiliser celles qui ont Ă©tĂ© Ă©prouvĂ©es par d’autres.</p>
  112. <p><a href="https://www.git-tower.com/mac">Tower</a> sait faire tout ce dont j’ai besoin Ă  mon niveau. Et vu le temps que ça me fait gagner Ă  rĂ©pĂ©tition, c’est largement rentable. Peut-ĂȘtre mĂȘme de plusieurs ordres de grandeur
 considĂ©rant que je contribue quotidiennement Ă  une dizaine de dĂ©pĂŽts.</p>
  113. <p>Ce tĂ©moignage pour peut-ĂȘtre dĂ©culpabiliser des personnes qui pensent qu’il faut ĂȘtre un·e virtuose de la ligne de commande et de ses outils pour pouvoir dĂ©velopper. C’est un plus indĂ©niable dans certaines situations d’ĂȘtre en capacitĂ© de descendre aussi bas niveau et d’avoir quelques notions de ce qu’il se passe mais il est tout Ă  fait possible d’emprunter (et de crĂ©er&#8239;!) d’autres voies.</p>
  114. </details>
  115. <h2><a href="/david/2021/11/20/" title="Lien permanent vers cet article">Hypertélie</a> (2021-11-20)</h2>
  116. <details>
  117. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  118. <blockquote>
  119. <p>Il est assez courant qu’une innovation consiste Ă  rĂ©utiliser un objet technique plus ancien, en particulier quand les gĂ©nĂ©rations rĂ©centes d’une lignĂ©e technique ont Ă©voluĂ© vers ce que Simondon appelle <mark>«&nbsp;l’hypertĂ©lie&nbsp;», c’est-Ă -dire quand le fonctionnement de l’objet a Ă©tĂ© suradaptĂ© Ă  une fonction prĂ©cise et Ă  un milieu donnĂ©</mark>. Ses performances sont inĂ©galables dans cette configuration, mais il ne peut plus ĂȘtre employĂ© pour remplir d’autres fonctions qu’il assurait auparavant et il se dĂ©rĂšgle ou tombe en panne dĂšs que le milieu varie. Il a perdu en «&nbsp;gĂ©nĂ©ricitĂ©&nbsp;». Alors, il faut revenir Ă  la gĂ©nĂ©ration prĂ©cĂ©dente avant d’envisager un progrĂšs majeur, c’est-Ă -dire une rĂ©organisation globale de l’objet qui le rende plus synergique.</p>
  120. <p><cite><em>Penser l’innovation sur Arrakis</em>, Vincent Bontems dans <em>Dune&nbsp;: exploration scientifique et culturelle d’une planùte-univers</em></cite></p>
  121. </blockquote>
  122. <p>J’ai maintenant un <a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">mot/concept/caractĂšre</a> pour dĂ©crire ce qu’il s’est passĂ© dans le Web ces cinq derniĂšres annĂ©es. J’ai l’impression que c’est en train de se <a href="https://resilientwebdesign.com/">rĂ©organiser</a> pour crĂ©er des <a href="https://stimulus.hotwired.dev/">synergies</a> entre les <a href="https://htmx.org/">diffĂ©rentes</a> <a href="/david/2021/11/03/" title="Composants">parties</a>.</p>
  123. <p>C’est marrant de le retrouver dans un livre sur Dune qui cite Simondon dans <em><a href="https://fr.wikipedia.org/wiki/Du_mode_d%27existence_des_objets_techniques">Du mode d’existence des objets techniques</a></em>.</p>
  124. <blockquote>
  125. <p>En fait, les traits hypertĂ©liques ou exubĂ©rants rĂ©sultent de l’action de la sĂ©lection sexuelle et du conflit sexuel entre les partenaires.</p>
  126. <p><cite><em><a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">CaractÚre hypertélique</a></em></cite></p>
  127. </blockquote>
  128. <p>Oh non, rien.</p>
  129. </details>
  130. <h2><a href="/david/2021/09/28/" title="Lien permanent vers cet article">ParanoĂŻa</a> (2021-09-28)</h2>
  131. <details>
  132. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  133. <blockquote lang="en">
  134. <p>Scanning the photos on your phone isn’t like steaming open the mail and peeping inside the envelopes. It’s like rifling through your memory.</p>
  135. <p>And when those memories may at any time be silently observed or removed
 even if it never happens but there is the possibility of it
</p>
  136. <p>[
]</p>
  137. <p>And if somebody else is now inside your memories, <mark>can you be sure that they’re not being edited?</mark> Is gaslighting occurring with these most personal of devices? Even if it never happens
 that’s the lesson of the Panopticon, the mere possibility is enough to affect behaviour.</p>
  138. <p><cite><em><a href="https://interconnected.org/home/2021/08/06/paranoia">Apple’s photo scanning and our state of forced collective paranoia</a></em> (<a href="/david/cache/2021/afd74b165f837caf94dd2098d161627a/">cache</a>)</cite></p>
  139. </blockquote>
  140. <p>Je me suis penchĂ© plusieurs fois sur cet article depuis sa publication. Il y a plusieurs lectures possibles pour considĂ©rer les liens entre ces diffĂ©rents Ă©lĂ©ments et, mĂȘme si ça semble un peu tirĂ© par les cheveux parfois, il y a tout de mĂȘme cette atmosphĂšre un peu malaisante que j’ai du mal Ă  formuler.</p>
  141. <p>Les pensĂ©es et fragments de mĂ©moire publiĂ©s ici me semblent ĂȘtre difficilement falsifiables Ă  mon insu. J’ai un historique, sur plusieurs machines, etc. En revanche pour des photos — qui plus est stockĂ©es sur l’ordinateur d’un·e autre — c’est bien plus compliquĂ© Ă  identifier et Ă  prouver.</p>
  142. <hr />
  143. <p>En retournant le problĂšme, cela pourrait ĂȘtre un mĂ©tier d’aller effacer de mauvais souvenirs
 plus ou moins Ă  la demande de la personne.</p>
  144. </details>
  145. <h2><a href="/david/2021/09/16/" title="Lien permanent vers cet article">AnalphabĂšte</a> (2021-09-16)</h2>
  146. <details>
  147. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  148. <blockquote>
  149. <p>Mais depuis quelques mois j’ai trouvĂ© une sorte de parade Ă  cela. Je me fais simplement passer pour un analphabĂšte numĂ©rique. Étant donnĂ© que je sais que, peu importe les dĂ©marches que je souhaite rĂ©aliser, il y a de fortes chances pour que je ne rentre pas dans les cases, j’arrive ainsi Ă  Ă©tablir les dossiers <mark>avec une vĂ©ritable personne qui peut prendre en compte mes spĂ©cificitĂ©s</mark> sans avoir, avant, Ă  perdre du temps auprĂšs d’une machine.</p>
  150. <p><cite><em><a href="http://shl.huld.re/~f6k/log/vol12/13-l-administration-publique-et-moi.html">Journal de f6k, vol. 12&nbsp;num. 13</a></em> (<a href="/david/cache/2021/dd8f6ee1a59a052e72c5e1f5f8c5fc39/">cache</a>)</cite></p>
  151. </blockquote>
  152. <p>Hier, Elle reçoit un courriel la notifiant qu’elle a un nouveau message de l’immigration. C’est un enjeu stressant pour nous, car il y a un visa Ă  la clef et toute une chaĂźne de consĂ©quences. Elle essaye de se connecter avec son tĂ©lĂ©phone mais une fois authentifiĂ©e, retour Ă  l’accueil, dĂ©connectĂ©e. Elle me demande de tester Ă  mon tour, mĂȘme erreur depuis un ordinateur. Elle se connecte Ă  Twitter car c’est le seul moyen aujourd’hui de pouvoir interagir avec une administration. Elle fait Ă©tat du <em>bug(?)</em>. La rĂ©ponse est digne d’un «&nbsp;dans le doute, <em>reboot</em>&nbsp;»&nbsp;: essayez de (trĂšs) nombreuses fois aprĂšs avoir vidĂ© le cache du navigateur
</p>
  153. <p>Le lendemain, Elle tente de se (re)connecter au site de l’administration en pestant sur le fait que le courriel de notification pourrait contenir le message et s’éviter tout cela. Cette fois-ci, ça marche&#8239;! Le contenu du message&nbsp;:</p>
  154. <blockquote>
  155. <p>Vous allez prochainement recevoir un courrier qui contiendra votre nouveau visa.</p>
  156. </blockquote>
  157. <p><em>Tout ça pour ça.</em> Un poids apprĂ©ciable en moins tout de mĂȘme. Il faudrait que je fasse le compte de ce que nous coĂ»te en argent (et en temps&#8239;!) une immigration choisie.</p>
  158. <p>Histoire de chialer comme un bon français 🙃.</p>
  159. </details>
  160. <h2><a href="/david/2021/08/31/" title="Lien permanent vers cet article">Abstraction</a> (2021-08-31)</h2>
  161. <details>
  162. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  163. <blockquote lang="en">
  164. <p>Take a moment and think about this super power: if you write vanilla HTML, CSS, and JS, all you have to do is put that code in a web browser and it runs. Edit a file, refresh the page, you’ve got a feedback cycle. <mark>As soon as you introduce tooling, as soon as you introduce an abstraction not native to the browser, you may have to invent the universe for a feedback cycle.</mark> No longer writing CSS and instead writing Sass? Now you need a development server with a build process to watch your files and compile your changes <em>just to develop and test your project</em>. You’ve just added a giant, blocking dependency for your project to work. And if you can’t get that dependency working, your project is dead in the water until you can—both now and in the future.</p>
  165. <p><cite><em><a href="https://blog.jim-nielsen.com/2020/cheating-entropy-with-native-web-tech/">Cheating Entropy with Native Web Technologies</a></em> (<a href="/david/cache/2021/74eae1dc26bd4537941491b4e7e201bc/">cache</a>)</cite></p>
  166. </blockquote>
  167. <p>J’ai dĂ©jĂ  beaucoup trop parlĂ© du sujet et en mĂȘme temps cela a Ă©tĂ© et pourrait encore ĂȘtre mon quotidien si je n’avais pas choisi une certaine forme d’ascĂ©tisme technologique (n’ayons pas peur des mots, <a href="http://aswemay.fr/co/040011.html">ataraxie numĂ©rique</a> (<a href="/david/cache/2021/1357452f72e8fab727df874cbc2582d4/">cache</a>) si on veut ĂȘtre vraiment pĂ©dant). Évaluer chaque outil pour son usage actuel et futur, sa maintenance, sa migration, ses <em>drama</em> (coucou <a href="https://hotwired.dev/">Hotwire</a>), son abandon pour la derniĂšre mode. J’apprends hier qu’un produit est Ă  l’arrĂȘt pour X mois car il faut passer d’un <em>framework</em> JS Ă  un autre. Tristesse d’un domaine oĂč une telle pratique est courante. Bien Ă©loignĂ©e d’un Web <a href="https://wimvanderbauwhede.github.io/articles/frugal-computing/">frugal</a> (<a href="/david/cache/2021/710f8cdebd7560223ebd378f9cbe7822/">cache</a>), il y a un excellent <a href="http://viznut.fi/texts-en/permacomputing_update_2021.html">rĂ©sumĂ© avec plein de liens ici</a> (<a href="/david/cache/2021/0f791a9509f762f1a1a36b6ca2333230/">cache</a>) si le sujet vous intĂ©resse.</p>
  168. <p>Je suis admiratif des personnes faisant de <a href="https://zserge.com/posts/awfice/">petits outils conviviaux</a> (<a href="/david/cache/2021/3ac474db4dc65c1d25e99cb30655ff12/">cache</a>) qui permettent d’apprendre et de jouer avec la conception de l’outil en lui-mĂȘme. Si je devais refaire de l’<a href="/david/pro/enseignement/">enseignement technique</a>, j’emprunterais probablement cette voie. À l’opposĂ© de la camionnette Ă  outils qu’il faut savoir dorĂ©navant maĂźtriser, en opposition Ă  la direction qu’un marchĂ© nous pousse Ă  emprunter.</p>
  169. <p>Est-ce que l’on peut considĂ©rer l’accumulation de dette technique comme Ă©tant un <em>bullshit job</em>&#8239;?</p>
  170. <blockquote>
  171. <p>16. How does this technology empower me? At whose expense?</p>
  172. <p><cite><em><a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology">The Questions Concerning Technology</a></em> (<a href="/david/cache/2021/b404382125c07935b98295a801049097/">cache</a>)</cite></p>
  173. </blockquote>
  174. <figure>
  175. <a href="#bourdons"
  176. title="Cliquer pour une version haute résolution">
  177. <img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons."
  178. loading="lazy" width="2048" height="1536" />
  179. </a>
  180. <a href="#_" class="lightbox" id="bourdons">
  181. <img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons."
  182. loading="lazy" width="2048" height="1536" />
  183. </a>
  184. <figcaption>Écrits pollinisateurs ?</figcaption>
  185. </figure>
  186. </details>
  187. <h2><a href="/david/2021/08/29/" title="Lien permanent vers cet article">Artistes</a> (2021-08-29)</h2>
  188. <details>
  189. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  190. <p>Il y a une chose qui m’étonne depuis le dĂ©but de la pandĂ©mie, c’est le manque d’explosion artistique auquel je m’attendais compte tenu des circonstances exceptionnelles. PassĂ©e la stupĂ©faction, j’ai l’impression qu’il y avait toutes les conditions rĂ©unies pour crĂ©er et partager de nouvelles Ă©motions.</p>
  191. <p>Note&nbsp;: il se pourrait qu’elles me soient rendues invisibles aussi
</p>
  192. <p>En attendant, j’apprends des mots&nbsp;:</p>
  193. <ol>
  194. <li><a href="https://fr.wiktionary.org/wiki/ipsedixitisme">ipsedixitisme</a>&nbsp;: Fait de croire vraie une assertion non fondĂ©e, parce qu’on l’a entendue dire par quelqu’un en qui on a confiance.</li>
  195. <li><a href="https://fr.wiktionary.org/wiki/ultracr%C3%A9pidarianisme">ultracrĂ©pidarianisme</a>&nbsp;: Comportement qui consiste Ă  donner son avis sur des sujets Ă  propos desquels on n’a pas de compĂ©tence.</li>
  196. </ol>
  197. <blockquote>
  198. <p>Le fait d’écrire l’histoire est en grande partie un processus de diversion. La plupart des comptes rendus historiques dĂ©tournent en rĂ©alitĂ© l’attention des influences secrĂštes qui se sont exercĂ©es sur les Ă©vĂšnements importants.</p>
  199. <p><cite><em>Le Bashar Teg</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mĂšres</em>, Frank Herbert</cite></p>
  200. </blockquote>
  201. <figure>
  202. <a href="#sommet-pommes-pin"
  203. title="Cliquer pour une version haute résolution">
  204. <img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un rĂ©sineux."
  205. loading="lazy" width="2048" height="1536" />
  206. </a>
  207. <a href="#_" class="lightbox" id="sommet-pommes-pin">
  208. <img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un rĂ©sineux."
  209. loading="lazy" width="2048" height="1536" />
  210. </a>
  211. <figcaption>Il y a du monde au sommet.</figcaption>
  212. </figure>
  213. </details>
  214. <h2><a href="/david/2021/08/27/" title="Lien permanent vers cet article">MĂ©daille</a> (2021-08-27)</h2>
  215. <details>
  216. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  217. <blockquote>
  218. <p>Paris, je t’aime. Je t’aime pour tous les gens libres et solidaires qui vivent en ton sein. Des gens qui se battent pour la libertĂ© chaque jour, debout, bras dessus bras dessous, distribuant des couvertures, de l’amitiĂ© et de la solidaritĂ©. Je t’aime pour ceux qui partagent leur logement, leur amour et leurs luttes chaque jour, sans se soucier de la nationalitĂ© des personnes ni de savoir si elles ont des papiers ou pas.</p>
  219. <p>Madame Hidalgo, vous voulez me dĂ©corer pour mon action solidaire en mer MĂ©diterranĂ©e, parce que nos Ă©quipages «&nbsp;travaillent quotidiennement Ă  sauver des migrants dans des conditions difficiles&nbsp;». SimultanĂ©ment votre police vole les couvertures de gens contraints de vivre dans la rue, pendant que vous rĂ©primez des manifestations et criminalisez des personnes qui dĂ©fendent les droits des migrants et des demandeurs d’asile. <mark>Vous voulez me donner une mĂ©daille pour des actions que vous combattez Ă  l’intĂ©rieur de vos propres remparts.</mark> Je suis sĂ»re que vous ne serez pas surprise de me voir refuser votre mĂ©daille Grand Vermeil.</p>
  220. <p>Paris, je ne suis pas une humanitaire. Je ne suis pas lĂ  pour «&nbsp;aider&nbsp;». Je suis solidaire Ă  tes cĂŽtĂ©s. Nous n’avons pas besoin de mĂ©dailles. Nous n’avons pas besoin de pouvoirs dĂ©cidant qui est un «&nbsp;hĂ©ros&nbsp;» et qui est «&nbsp;illĂ©gal&nbsp;». En fait, il n’y a pas lieu de faire cela, car nous sommes tous Ă©gaux.</p>
  221. <p>Ce dont nous avons besoin, c’est de libertĂ© et de droits. Il est temps de dĂ©noncer les honneurs hypocrites et de combler le vide par la justice sociale. Il est temps que toutes les mĂ©dailles soient lancĂ©es comme des fers de lance de la rĂ©volution!</p>
  222. <p>Papiers et logements pour toutes et tous&#8239;!<br />
  223. LibertĂ© de circulation et d’installation&#8239;!</p>
  224. <p>Pia KLEMP, 20&nbsp;août 2019</p>
  225. <p><cite><em><a href="http://blogyy.net/2019/08/20/la-navigatrice-et-sauveteuse-en-mer-pia-klemp-refuse-la-medaille-de-la-ville-de-paris/">La navigatrice et sauveteuse en mer Pia Klemp refuse la médaille de la ville de Paris&#8239;!!!</a></em> (<a href="/david/cache/2021/7a098566f5e809a8c85b054047f10245/">cache</a>)</cite></p>
  226. </blockquote>
  227. <p>J’avais loupĂ© cette rĂ©ponse. VoilĂ  une bien belle façon de refuser une mĂ©daille.</p>
  228. <figure>
  229. <a href="#feuilles-rosee"
  230. title="Cliquer pour une version haute résolution">
  231. <img src="/static/david/2021/feuilles-rosee.jpg" alt="Des feuilles avec des gouttes de rosée matinale dessus."
  232. loading="lazy" width="2048" height="1366" />
  233. </a>
  234. <a href="#_" class="lightbox" id="feuilles-rosee">
  235. <img src="/static/david/2021/feuilles-rosee.jpg" alt="Des feuilles avec des gouttes de rosée matinale dessus."
  236. loading="lazy" width="2048" height="1366" />
  237. </a>
  238. <figcaption>Équilibre instable.</figcaption>
  239. </figure>
  240. </details>
  241. <h2><a href="/david/2021/08/18/" title="Lien permanent vers cet article">Lettres</a> (2021-08-18)</h2>
  242. <details>
  243. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  244. <blockquote lang="en">
  245. <p>This is one small step towards something different: an ethic that prioritizes technologists’ agency, <mark>the need for self-reflection</mark>, and the importance of historical inquiry.</p>
  246. <p><cite><em><a href="https://letterstoayoungtechnologist.com/">Letters to a Young Technologist</a></em> (<a href="/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/">cache</a>)</cite></p>
  247. </blockquote>
  248. <p>La dĂ©ception du jour ce sont ces lettres avec un contenu profond mais une forme dĂ©sastreuse. Le courrier est sollicitĂ© mais alors l’enveloppe&#8239;! Impossible d’afficher le moindre contenu sans charger pas moins de 13&nbsp;fichiers JavaScript depuis <code>static.cargo.site</code>, pour
 6&nbsp;pages de HTML qui pourraient facilement peser 10&nbsp;fois moins lourd.</p>
  249. <p>Pauvres jeunes, ils auront tellement à réparer
</p>
  250. <blockquote lang="en">
  251. <p>The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care <mark>to not repeat the foibles of the past.</mark></p>
  252. <p><cite><em><a href="https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future">Study the Past, Create the Future</a></em> (<a href="/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/">cache</a>)</cite></p>
  253. </blockquote>
  254. <p>Well, ¯\<em>(ツ)</em>/¯.</p>
  255. <figure>
  256. <a href="#merle-amerique"
  257. title="Cliquer pour une version haute résolution">
  258. <img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’AmĂ©rique mangeant une baie."
  259. loading="lazy" width="2048" height="1366" />
  260. </a>
  261. <a href="#_" class="lightbox" id="merle-amerique">
  262. <img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’AmĂ©rique mangeant une baie."
  263. loading="lazy" width="2048" height="1366" />
  264. </a>
  265. <figcaption>Vous reprendriez bien un peu de JS ?</figcaption>
  266. </figure>
  267. </details>
  268. <h2><a href="/david/2021/08/13/" title="Lien permanent vers cet article">Tests payants</a> (2021-08-13)</h2>
  269. <details>
  270. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  271. <blockquote>
  272. <p>Plus question de tester Ă  tout-va. «&nbsp;À partir de cet automne, les tests PCR seront rendus payants, sauf prescription mĂ©dicale, et ceci afin d’encourager la vaccination plutĂŽt que la multiplication des tests&nbsp;», a annoncĂ© Emmanuel Macron dans son allocution ce lundi soir.</p>
  273. <p><cite><em><a href="https://www.leparisien.fr/societe/sante/covid-19-les-tests-seront-payants-des-lautomne-13-07-2021-7QYPELNM65CD7KVHB4DYWXOTPY.php">Covid-19&nbsp;: les tests seront payants dùs l’automne</a></em> (<a href="/david/cache/2021/d28ac5eee1d8d607a0dec5b5e3226ec3/">cache</a>)</cite></p>
  274. </blockquote>
  275. <p>Cette dĂ©cision française est terrible. Les tests sont l’une des rares mesures relativement fiables que l’on puisse avoir sur l’épidĂ©mie Ă  un instant t. EmpĂȘcher les personnes les plus pauvres de se faire tester, cela signifie laisser ces personnes en contaminer d’autres. C’est aussi rendre invisibles les personnes vaccinĂ©es qui ont des symptĂŽmes faibles mais qui doutent et n’ont pas envie de payer pour vĂ©rifier, ne permettant pas d’avoir un suivi de la pertinence de la vaccination qui soit prĂ©cis. C’est enfin une logique comptable qui me semble ĂȘtre bien Ă©loignĂ©e de la rĂ©alitĂ© du terrain, j’ai du mal Ă  imaginer que des tests Ă  rĂ©pĂ©tition pour Ă©viter la vaccination soit une situation «&nbsp;de confort&nbsp;».</p>
  276. <p>Au passage, rendre les tests payants <a href="https://www.service-public.fr/particuliers/actualites/A15039">uniquement pour les Ă©trangers</a> (<a href="/david/cache/2021/4d827e98563dcc3a71b0b0d25cb6ed12/">cache</a>) Ă©tait dĂ©jĂ  bien puant
</p>
  277. <blockquote>
  278. <p>Le pouvoir attire les corruptibles. Tous ceux qui le recherchent sont Ă  soupçonner. [
] Nous devrions confier les responsabilitĂ©s du pouvoir uniquement Ă  celles qui sont rĂ©ticentes Ă  l’idĂ©e de le dĂ©tenir, et encore dans ces conditions propres Ă  accroĂźtre cette rĂ©ticence.</p>
  279. <p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mĂšres</em>, Frank Herbert</cite></p>
  280. </blockquote>
  281. <figure>
  282. <a href="#ecureuil"
  283. title="Cliquer pour une version haute résolution">
  284. <img src="/static/david/2021/ecureuil.jpg" alt="Un écureuil sur un banc avec un fruit dans la bouche, une noix ?"
  285. loading="lazy" width="2048" height="1366" />
  286. </a>
  287. <a href="#_" class="lightbox" id="ecureuil">
  288. <img src="/static/david/2021/ecureuil.jpg" alt="Un écureuil sur un banc avec un fruit dans la bouche, une noix ?"
  289. loading="lazy" width="2048" height="1366" />
  290. </a>
  291. <figcaption>Noyer le pois(s)on.</figcaption>
  292. </figure>
  293. </details>
  294. <h2><a href="/david/2021/08/10/" title="Lien permanent vers cet article">HTTPSadness</a> (2021-08-10)</h2>
  295. <details>
  296. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  297. <blockquote lang="en">
  298. <p>At some point, you won’t be able to visit <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">the first web page ever published</a> without first clicking through a full-page warning injected by your web browser</p>
  299. <p><cite><em><a href="https://adactio.com/links/18342">Chromium Blog: Increasing HTTPS adoption</a></em> (<a href="/david/cache/2021/b4ec4748a73b23b195366a74a17444f9/">cache</a>)</cite></p>
  300. </blockquote>
  301. <p>Cela me rend triste, alors qu’un effort particulier a toujours Ă©tĂ© fait pour <a href="https://github.com/styfle/breaking-changes-web">ne pas casser grand chose</a> sur le Web jusqu’à prĂ©sent. Chrome est bien parti pour <a href="https://github.com/whatwg/html/issues/5407">nous les briser</a> pendant quelques annĂ©es encore
 #BeenThereSufferedThat</p>
  302. <p>Il y a 30&nbsp;ans (merci Karl), Tim nous incitait <a href="https://groups.google.com/g/comp.archives/c/CfsHlSNYPUI/m/DTs60INnuzcJ">à essayer</a> (<a href="/david/cache/2021/e4f0d4ea8f6ec975b114ade59aa7fda2/">cache</a>) son nouveau jouet&nbsp;:</p>
  303. <blockquote lang="en">
  304. <p>It’s just a question of generating plain text or SGML (ugh! but standard) mark-up on the fly. The browsers then parse it on the fly.</p>
  305. <p><cite><em><a href="https://www.w3.org/People/Berners-Lee/1991/08/art-6484.txt">Subject: Re: Qualifiers on Hypertext links...</a></em> (<a href="/david/cache/2021/e39a703ed0d93c479d9c7d3b2f8444a9/">cache</a>)</cite></p>
  306. </blockquote>
  307. <figure>
  308. <a href="#heron"
  309. title="Cliquer pour une version haute résolution">
  310. <img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars."
  311. loading="lazy" width="1600" height="1067" />
  312. </a>
  313. <a href="#_" class="lightbox" id="heron">
  314. <img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars."
  315. loading="lazy" width="1600" height="1067" />
  316. </a>
  317. <figcaption>Vous avez Ă©vitĂ© une n-iĂšme photo de toile d’araignĂ©e.</figcaption>
  318. </figure>
  319. </details>
  320. <h2><a href="/david/2021/07/25/" title="Lien permanent vers cet article">Dé·mont(r)age</a> (2021-07-25)</h2>
  321. <details>
  322. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  323. <p>J’ai passĂ© les derniĂšres 48&nbsp;heures Ă  convertir, dĂ©couper et colorer des fragments de vidĂ©os. Suivant le <em>dĂ©mon</em> de mes propres aspirations. S’assurer que le son soit cohĂ©rent parfois, pester contre l’auto-focus <a href="/david/2021/02/23/" title="Montage">encore une fois</a>, se rendre compte que certains rĂ©glages n’étaient pas adĂ©quats, irrĂ©cupĂ©rables parfois. La <em>rage</em>.</p>
  324. <p>Et puis, il y a ce que l’on veut <em>montrer</em>. À quel point cette mise en scĂšne est ridicule. Donner un sentiment de plĂ©nitude et d’apaisement alors que je suis en train de penser Ă  ce chapelĂ© de bits qui viennent remplir la carte mĂ©moire. <em>Dé·montrer</em> aussi les instants oĂč je coupe pour de vrai, oĂč je nage pour moi, oĂč je laisse le trĂ©pied dans un coin, oĂč je suis ridicule (vous ne me verrez jamais m’extraire d’un raft&#8239;!). Je me rends compte qu’il faudrait que j’ai une idĂ©e prĂ©alable de scĂ©nario/script si je voulais vraiment partager une histoire. Or, c’est assez incompatible avec l’approche itĂ©rative et exploratoire de la forĂȘt que je veux avoir.</p>
  325. <p><em>DĂ©montage</em> enfin de mes peurs et de mes faiblesses vis-Ă -vis d’un medium que je ne maĂźtrise pas. Passer outre la tĂ©tanie, apprendre. Encore.</p>
  326. <blockquote>
  327. <p>En vous confinant dans un simple rĂŽle d’observateur, vous passez systĂ©matiquement Ă  cĂŽtĂ© du sens mĂȘme de votre vie. L’idĂ©al pourrait ĂȘtre ainsi dĂ©fini&nbsp;: Vivez de votre mieux. <mark>La vie est un jeu</mark> dont les rĂšgles s’apprennent en y sautant Ă  pieds joints pour ĂȘtre immergĂ© jusqu’au cou sous peine d’ĂȘtre toujours pris au dĂ©pourvu, toujours surpris par le moindre changement de dĂ©cor. Les spectateurs passifs se plaignent en gĂ©missant que la chance est passĂ©e juste Ă  cĂŽtĂ© d’eux. Ils refusent de voir qu’une bonne part de cette chance, c’est Ă  eux qu’il revenait de la crĂ©er.</p>
  328. <p><cite><em>Darwi Odrade</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mĂšres</em>, Frank Herbert</cite></p>
  329. </blockquote>
  330. </details>
  331. <h2><a href="/david/2021/07/21/" title="Lien permanent vers cet article">Espoir</a> (2021-07-21)</h2>
  332. <details>
  333. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  334. <blockquote lang="en">
  335. <p>In a sense, every hyperlink on the World Wide Web is little act of hope. Even though I know that when I link to something, it probably won’t last, I still harbour that hope.</p>
  336. <p>If hyperlinks are built on hope, and the web is made of hyperlinks, then in a way, <mark>the World Wide Web is quite literally made out of hope.</mark></p>
  337. <p>I like that.</p>
  338. <p><cite><em><a href="https://adactio.com/journal/18292">Hope</a></em> (<a href="/david/cache/2021/d650cd3cc8831f1b28b6cc2f7eb0f9f7/">cache</a>)</cite></p>
  339. </blockquote>
  340. <p>J’aime bien ce raisonnement <em>et</em> j’ai perdu espoir il y a un moment en essayant de mettre en cache local les publications que je lie. Je me demande parfois ce qui freine les autres personnes sensibles à ce vieillissement des liens à mettre en place leur <a href="/david/blog/2018/caching-links/">propre solution</a> pour le faire.</p>
  341. <p>J’utilise <a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache/src/branch/master/cache.py">ce script</a> et je fais pas mal de travail manuellement ensuite pour que ça reste au moins lisible. Dans certains cas j’abandonne, notamment pour les images/graphiques qui ont besoin de JavaScript pour s’afficher
 dans d’autres je prends le temps de faire des liens absolus ou des retouches sĂ©mantiques. Une forme de prise de soin de mes futur·es lecteur·ices (dont je fais partie&#8239;!) avec l’espoir que ça soit utile. Il faudra que je regarde le nombre de liens qui ne sont plus disponibles que <em>via</em> ma copie en fonction des annĂ©es. C’est intĂ©ressant aussi pour pouvoir faire des recherches en <em>full-text</em> sur le dĂ©pĂŽt dĂ©diĂ© sans dĂ©pendre d’un historique de navigateur.</p>
  342. <p>En <a href="/david/stream/2015/01/05/">6&nbsp;ans</a>, je n’ai supprimĂ© qu’une seule ressource sur ma proposition Ă  l’auteur·e qui souhaitait faire disparaĂźtre un contenu. Aucune violation de copyright ou autre n’a Ă©tĂ© remontĂ©e. Si cela arrivait, je m’assurerais auparavant que ce contenu n’est pas dans le cache de Google ou dans la <a href="https://archive.org/web/">Wayback machine</a> đŸ€·.</p>
  343. <blockquote lang="en">
  344. <p>As a young man, I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before.</p>
  345. <p>By building a Library of Everything in the digital age, I thought the opportunity was not just to make it available to everybody in the world, but to make it better–smarter than paper. By using computers, <mark>we could make the Library not just searchable, but organizable;</mark> make it so that you could navigate your way through millions, and maybe eventually billions of web pages.</p>
  346. <p><cite><em><a href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/">Reflections as the Internet Archive turns 25</a></em> (<a href="/david/cache/2021/e23db6deddbc0ea74b73c960df2b193f/">cache</a>)</cite></p>
  347. </blockquote>
  348. </details>
  349. <h2><a href="/david/2021/07/13/" title="Lien permanent vers cet article">ActivityStreams</a> (2021-07-13)</h2>
  350. <details>
  351. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  352. <p>On prend le temps avec <a href="https://buron.coffee/">La BĂ©casse</a> d’explorer ensemble l’idĂ©e d’avoir un gĂ©nĂ©rateur de Toots statique pour Mastodon. J’avais commencĂ© en solo sans grand succĂšs l’annĂ©e derniĂšre car je n’avais pas compris deux prĂ©-requis&nbsp;:</p>
  353. <ol>
  354. <li>Ce protocole s’appuie sur du <em>push</em>, à chaque publication il faut faire un <code>POST</code> sur l’<em>inbox</em> de chacun de ses <em>followers</em>.</li>
  355. <li>Il faut pouvoir rĂ©pondre aux requĂȘtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce <em>follower</em>, cf. 1.).</li>
  356. </ol>
  357. <p>Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagnĂ©&#8239;! J’étais pas loin d’abandonner lorsque La BĂ©casse m’indique qu’il est tout Ă  fait possible de gĂ©nĂ©rer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointĂ©e vers le fichier <code>json</code> qui va bien. AprĂšs de multiples essais/erreurs (grr cache), on finit mĂȘme par trouver comment mettre un autre compte en copie pour participer aux Ă©changes qu’il peut y avoir au sujet d’une publication via le <code>tag</code> de <code>&quot;type&quot;: &quot;Mention&quot;</code>.</p>
  358. <p>J’hĂ©site entre proposer une URL dĂ©diĂ©e ou faire de la nĂ©gociation de contenu sur la mĂȘme URL ce qui pourrait faciliter le partage par d’autres personnes.</p>
  359. <p>Note&nbsp;: les 3&nbsp;jours suivants, je tente des choses Ă  ce sujet et il semble y avoir toujours un blocage difficile Ă  investiguer, probablement liĂ© Ă  la nĂ©gociation de contenu justement
 ça serait pas mal d’avoir un log mais ça nĂ©cessiterait probablement d’installer un serveur Mastodon.</p>
  360. <p>Masto 2 - 0&nbsp;David.</p>
  361. <blockquote>
  362. <p>Tel se prĂ©sente l’univers impressionnant de la magie qu’il est constituĂ© non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barriĂšres qui font obstacle Ă  la comprĂ©hension. La notion de comprĂ©hension elle-mĂȘme est Ă  Ă©carter, cet univers n’étant ni visible, ni audible, ni dĂ©celable par aucun moyen fixe de perception. C’est le vide ultime oĂč aucun Ă©cran prĂ©alable n’existe sur lequel puissent ĂȘtre projetĂ©es des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination&#8239;! Ainsi, l’on apprend vĂ©ritablement ce que signifie ĂȘtre humain, ĂȘtre un crĂ©ateur d’ordre, de formes et de systĂšmes harmonieux, ĂȘtre, en somme, <mark>l’organisateur du chaos</mark>.</p>
  363. <p><cite><em>Manuel des Atréides, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
  364. </blockquote>
  365. </details>
  366. <h2><a href="/david/2021/07/12/" title="Lien permanent vers cet article">Blame</a> (2021-07-12)</h2>
  367. <details>
  368. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  369. <blockquote>
  370. <p>La mĂ©moire ne recrĂ©e jamais la rĂ©alitĂ©. <mark>Elle la reconstitue.</mark> Et tout reconstitution modifie l’original en devenant elle-mĂȘme un cadre de rĂ©fĂ©rence externe obligatoirement imparfait.</p>
  371. <p><cite><em>Manuel du Mentat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
  372. </blockquote>
  373. <p>J’ai beau essayer de faire attention, il y a des fois oĂč je me foire grave. Aujourd’hui, j’ai mis la pression sur une victime (qui n’avait rien demandĂ©e) au lieu d’accepter <em>ma</em> confrontation avec l’oppresseur (qui est <em>mon</em> problĂšme en tant qu’aspirant alliĂ©). C’est frustrant car je ne pensais pas pouvoir encore faire ça, ma route est encore longue. J’espĂšre pouvoir me rattraper mais c’était quand mĂȘme trĂšs indĂ©licat de ma part
</p>
  374. <p>Je consigne cela ici pour ne pas l’oublier trop vite.</p>
  375. <p><em>Merci <a href="https://d%C3%A9tour.studio/">Thomas</a>.</em></p>
  376. <blockquote>
  377. <p>L’oubli
 tel est votre destin. Toutes les anciennes leçons de la vie, vous les perdez, vous les gagnez, puis vous les reperdez et vous les regagnez <mark>encore</mark>.</p>
  378. <p><cite><em>Leto II, La Voix de Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
  379. </blockquote>
  380. </details>
  381. <h2><a href="/david/2021/07/11/" title="Lien permanent vers cet article">Lebensraum</a> (2021-07-11)</h2>
  382. <details>
  383. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  384. <blockquote lang="en">
  385. <p>The quest for German domination was premised on the denial of science. Hitler’s alternative to science was the idea of Lebensraum. Germany needed an Eastern European empire because only conquest, and not agricultural technology, offered the hope of feeding the German people. In Hitler’s “Second Book,” which was composed in 1928&nbsp;and not published until after his death, he insisted that hunger would outstrip crop improvements and that all “the scientific methods of land management” had already failed. No conceivable improvement would allow Germans to be fed “from their own land and territory,” he claimed. Hitler specifically — and wrongly — denied that irrigation, hybrids and fertilizers could change the relationship between people and land.</p>
  386. <p>[
]</p>
  387. <p>As exotic as it sounds, <mark>the concept of Lebensraum is less distant from our own ways of thinking than we believe</mark>. Germany was blockaded during World War I, dependent on imports of agricultural commodities and faced real uncertainties about its food supply. Hitler transformed these fears into a vision of absolute conquest for total security. Lebensraum linked a war of extermination to the improvement of lifestyle. The chief Nazi propagandist, Joseph Goebbels, could therefore define the purpose of a war of extermination as “a big breakfast, a big lunch and a big dinner.” He conflated lifestyle with life.</p>
  388. <p><cite><em><a href="https://www.nytimes.com/2015/09/13/opinion/sunday/the-next-genocide.html">The Next Genocide</a></em> (<a href="/david/cache/2021/3815e3f5dd6f18955523fa715cf49853/">cache</a>)</cite></p>
  389. </blockquote>
  390. <p>Cet article met en rapport l’idĂ©ologie nazie et l’auto-suffisance avec un angle qui ne m’est pas familier. Je n’avais pas pris conscience de cette prĂ©pondĂ©rance dans la doctrine que je voyais bien davantage centrĂ©e sur la race que sur l’alimentation du peuple. La mise en lumiĂšre sur ce qui est en train de se passer dans le monde — aujourd’hui — Ă  ce sujet est assez Ă©loquente.</p>
  391. <p>La guerre de l’agriculture, et donc <a href="/david/2021/06/27/" title="SĂ©cheresse">de l’eau</a> (aussi <a href="/david/2021/07/10/" title="Eau virtuelle">virtuelle</a> soit-elle), ne fait que s’intensifier.</p>
  392. </details>
  393. <h2><a href="/david/2021/07/05/" title="Lien permanent vers cet article">Ano(r)malisme</a> (2021-07-05)</h2>
  394. <details>
  395. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  396. <p>Se dire qu’une expĂ©rience singuliĂšre n’est pas reproductible car le contexte Ă©tait trop particulier. J’ai souvent croisĂ© ce schĂ©ma de pensĂ©e, notamment dans le contexte professionnel. C’est triste car ça referme brutalement des portes Ă  peine entrouvertes.</p>
  397. <p>Un contexte se crĂ©e et se façonne — disent les privilĂ©gié·es — mais il faut pour cela ĂȘtre suffisamment en (in)sĂ©curitĂ©. Un entre-deux gĂ©nĂšre un <a href="/david/2021/01/05/" title="Statu quo">statu quo</a>.</p>
  398. <blockquote>
  399. <p>La bureaucratie est la mort de l’initiative. Il n’est rien que des bureaucrates haĂŻssent plus que l’innovation, en particulier celle qui produit de meilleurs rĂ©sultats que les vieilles routines traditionnelles. <mark>Les amĂ©liorations font toujours paraĂźtre ineptes ceux qui se trouvent au sommet de la pyramide.</mark> Et qui prend plaisir Ă  avoir l’air inepte&#8239;?</p>
  400. <p><cite><em>Guide des Essais et Erreur dans l’Art de Gouverner, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les HĂ©rĂ©tiques de Dune</em>, Frank Herbert</cite></p>
  401. </blockquote>
  402. </details>
  403. <h2><a href="/david/2021/06/23/" title="Lien permanent vers cet article">FullStack</a> (2021-06-23)</h2>
  404. <details>
  405. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  406. <blockquote lang="en">
  407. <p>It’s almost like it’s a culture of masculinity stretching its legs wide across the seats of the tech industry.</p>
  408. <p>If a skill is worth masculinity points, it’s claimed. If a skill is coded as feminine it’s remade with masculine tools. If a skill can’t be remade it’s dropped and ignored.</p>
  409. <p>Which is why front end got turned into a programmatic hardcore engineering fest. It’s malleable to that (at huge cost to the users). <mark>It’s also why accessibility will never be considered full stack, as it can’t be automated.</mark> It requires empathy and communication.</p>
  410. <p>To feed the ego of a masculine webtech industry we sacrificed accessibility and usability.</p>
  411. <p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405099209913679872">sur Twitter</a></cite></p>
  412. </blockquote>
  413. <p>On touche un point sensible ici, celui de l’automatisation pour pallier ses propres faiblesses de communication. C’est ce que j’observe assez rĂ©guliĂšrement avec ma boĂźte noire favorite&nbsp;:</p>
  414. <p>Docker. <a href="https://blog.newsblur.com/2021/06/28/story-of-a-hacking/">Oups</a> (<a href="/david/cache/2021/5b96c01bfd8b66a26135b7ce8bdff79d/">cache</a>).</p>
  415. <p>DerriĂšre cette tentative de reproductibilitĂ©, on masque un processus d’installation et surtout une remise en cause des dĂ©pendances. On perd l’occasion d’avoir la friction (rĂ©pĂ©tĂ©e) qui va gĂ©nĂ©rer cette discussion. On prolĂ©tarise les personnes non-Ă©rudites Ă  coups de <code>docker-compose up</code> en cachant une technique qui serait la voie vers leur autonomie. On contraint les utilisateur·ices <a href="/david/2021/06/06/" title="Abonnement">Ă  s’abonner</a> Ă  nos se(r)vices.</p>
  416. <p>Ce ne sont pas nos produits que l’on met en boĂźte mais nos pairs que l’on enferme dans cette façon de (dĂ©)penser pour le confort de quelques uns. Ce domaine a besoin <a href="/david/2021/05/11/" title="Paradigme">de voiliers</a>, pas de cargos.</p>
  417. <blockquote lang="en">
  418. <p>💯 To claim full stack as a title is to declare that you are a replaceable unit in the cog of capitalism. The ultimate human resource to be exploited!</p>
  419. <p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405123679801991175">sur Twitter</a></cite></p>
  420. </blockquote>
  421. <p><a href="/david/2021/03/28/" title="Smolstack">Yup.</a></p>
  422. </details>
  423. <h2><a href="/david/2021/06/06/" title="Lien permanent vers cet article">Abonnement</a> (2021-06-06)</h2>
  424. <details>
  425. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  426. <blockquote lang="en">
  427. <p>That all sounds great. However, as I mentioned, we love goodwill, and a lot of people wince when they hear “subscription.” The first thing that pops up in a user’s head are scammy companies that make cancellation a nightmare, like multi-level marketing schemes, gym memberships, and Adobe. The App Store prevents these shenanigans: you get a reminder email before renewal, and you can cancel within the <em>Settings</em> app in seconds. Whenever a company offers a subscription, I always try to buy it through the App Store.</p>
  428. <p>Some folks absolutely loathe subscriptions on <em>principle</em>, and <mark>will never rent something if they can own it</mark>. This is not unreasonable. Halide is like a camera, and while professionals are used to renting gear, most consumers own their camera.</p>
  429. <p><cite><em><a href="https://lux.camera/lux-year-4-doubling-down/">Lux Year 4: Doubling Down</a></em> (<a href="/david/cache/2021/0c45751cd69748ca779b1442b26ad6c3/">cache</a>)</cite></p>
  430. </blockquote>
  431. <p>Les crĂ©ateurs de Halide (et Spectre) reviennent en dĂ©tail sur leur stratĂ©gie, notamment financiĂšre, pour faire Ă©voluer leur produit. J’utilise ces deux applications, aussi c’est d’autant plus intĂ©ressant de lire leurs doutes et leurs pistes vis Ă  vis de cette Ă©volution.</p>
  432. <p><em>Je ne crois pas avoir lu un seul retour de dĂ©veloppeur d’application pour iOS qui ne se plaigne pas de l’AppStore.</em></p>
  433. <p>Ce n’est vraiment pas Ă©vident de trouver un moyen d’ĂȘtre rĂ©munĂ©rĂ© de maniĂšre stable et pĂ©renne lorsqu’on vend un produit, surtout si on souhaite qu’il soit durable. Il y a des jours oĂč j’aimerais me prĂ©occuper de ces aspects là
 et d’autres oĂč je suis bien content de vendre ma «&nbsp;force de travail&nbsp;». C’est un choix de vie qui m’offre pour l’instant une plus grande libertĂ© d’esprit mais qui pourrait changer lorsque je n’aurai plus l’impression d’avoir suffisamment de <q>force</q> justement.</p>
  434. <p>En tant que dĂ©veloppeur, j’ai de plus en plus l’impression que l’on crĂ©e notre propre systĂšme d’abonnement en augmentant la complexitĂ© de nos outils et de notre <em>stack</em> (ça sonne toujours mieux en anglais), ce qui gĂ©nĂšre la nĂ©cessitĂ© d’une maintenance rĂ©guliĂšre assurant un fond de roulement. La «&nbsp;tierce maintenance applicative&nbsp;» n’est pas nouvelle mais elle me semble atteindre un tout autre niveau ces derniĂšres annĂ©es sur le Web.</p>
  435. <p>On crĂ©e tranquillement notre propre besoin, <a href="http://megelison.com/poor-in-tech">en Ă©tant sur-payé·es</a> (<a href="/david/cache/2021/86eba8e465d7ce11ef61a0c61f878f21/">cache</a>), et personne ne semble s’en offusquer plus que ça
</p>
  436. <blockquote lang="en">
  437. <p>And I’m not 100% sure, but I think this might contribute to longevity. Some of my clients are still working with the same sites I built for them nearly 10&nbsp;years ago, a few with just minor security-related updates in the meantime and <mark>no other maintenance strictly required</mark>. That’s not to say that those sites couldn’t use a “lick of paint” to bring them in to the 2020s; the point is that they <em>work</em>. And for organizations working on really tight budgets, or budgets that fluctuate wildly due to public funding, stability is really important. They can’t afford a developer on retainer to keep things running smoothly.</p>
  438. <p><cite><em><a href="https://piperhaywood.com/two-articles-on-spa-or-spa-like-sites-vs-alternatives/">Two articles on SPA or SPA-like sites vs alternatives</a></em> (<a href="/david/cache/2021/d46752726e00de301573576176df1f1c/">cache</a>)</cite></p>
  439. </blockquote>
  440. </details>
  441. <h2><a href="/david/2021/05/25/" title="Lien permanent vers cet article">MĂ©rite</a> (2021-05-25)</h2>
  442. <details>
  443. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  444. <blockquote>
  445. <p><strong>D’une part il s’agit de faire reculer Ă  l’arriĂšre plan et si possible d’effacer le rĂ©cit d’un naufrage.</strong> Naufrage qui est celui de la gestion «&nbsp;technique&nbsp;» des donnĂ©es de la pandĂ©mie et de la capacitĂ© des services de l’état Ă  produire des applications et des services Ă  la hauteur de la crise et des urgences. [
] Plus on parlera de la rĂ©ussite des outils dĂ©ployĂ©s par Guillaume Rozier et plus on pourra souligner de maniĂšre opportune Ă  quel point les services de l’état, Ă  dĂ©faut d’ĂȘtre en capacitĂ© d’en produire de pareille qualitĂ©, se sont fait un point d’honneur de les utiliser au mieux et de les «&nbsp;valoriser&nbsp;» et mĂȘme de leur avoir permis d’exister.</p>
  446. <p>[
]</p>
  447. <p><mark>Effacer les Ă©checs et les errances du rĂ©galien donc.</mark> Et puis <strong>d’autre part, il s’agit d’enfoncer encore un peu plus le rĂ©cit libĂ©ral de la rĂ©ussite individuelle.</strong> «&nbsp;Regardez&nbsp;» nous dit-on, «&nbsp;regardez ce que ce jeune ingĂ©nieur sorti de nulle part et sans aucune aide publique Ă  rĂ©ussi Ă  mettre en place tout seul, et tout en continuant de travailler Ă  cĂŽtĂ©&#8239;!!&nbsp;» Et alors, mais alors seulement, attendez-vous Ă  la reconnaissance de la nation.</p>
  448. <p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/05/guillaume-rozier-chevalier-scraper.html">Guillaume Rozier&nbsp;: le chevalier Scraper et sans reproches.</a></em> (<a href="/david/cache/2021/d786e761d41716e6074a9345a2610dbf/">cache</a>)</cite></p>
  449. </blockquote>
  450. <p>Olivier Ertzscheid tape malheureusement trop juste. Bien sĂ»r que je me rĂ©jouis que les outils de Guillaume Rozier soient aussi populaires et fassent la promotion de l’OpenData et de la transparence et de la puissance de l’OpenSource et tout ça. Mais — et je ne peux pas trop en dire — c’est quand mĂȘme bien frustrant de se dire que c’est un palliatif Ă  l’inefficacitĂ© (interne) et au manque de vision de l’État.</p>
  451. <p>J’ai parfois l’impression d’ĂȘtre au pied du moulin. Et de me rendre compte qu’il fait 300&nbsp;mĂštres de haut. Tou·tes les fonctionnaires de France ont un sacrĂ© <em>mĂ©rite</em> par les temps qui courent
</p>
  452. </details>
  453. <h2><a href="/david/2021/05/16/" title="Lien permanent vers cet article">AĂ©ration</a> (2021-05-16)</h2>
  454. <details>
  455. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  456. <blockquote>
  457. <p>MalgrĂ© tous les efforts mis en Ɠuvre, l’épidĂ©mie de COVID-19&nbsp;se poursuit et les phases de confinement – dĂ©confinement – reconfinement s’enchaĂźnent. Le coronavirus se transmet principalement par des gouttelettes et aĂ©rosols contenant des particules de SARS-CoV-2. Les aĂ©rosols sont des micro-gouttelettes produites lorsque l’on respire. Dans les lieux clos, ils se retrouvent en suspension dans l’air jusqu’à plusieurs mĂštres de la personne qui les a produites, et peuvent y rester pendant plusieurs heures.</p>
  458. <p>Le masque filtre une partie des aĂ©rosols, mais il devient moins efficace si la quantitĂ© d’aĂ©rosols est trop importante. Une autre mesure, trĂšs efficace pour limiter la transmission de virus transmis par aĂ©rosols, est de <mark>rĂ©duire la concentration d’aĂ©rosols en les diluant.</mark> Pour diminuer la concentration des aĂ©rosols dans une piĂšce, il suffit d’aĂ©rer avec de l’air extĂ©rieur&#8239;! Il faut alors ouvrir grand les fenĂȘtres pour renouveler complĂštement l’air de la piĂšce.</p>
  459. <p><cite><em><a href="https://www.adioscorona.org/questions-reponses/2021-04-15-mesurer-taux-co2-pour-lutter-contre-covid19.html">Pourquoi mesurer le taux de CO2&nbsp;peut-il nous aider à lutter contre la COVID-19&#8239;?</a></em> (<a href="/david/cache/2021/22b380308edae42dce43930916bc6375/">cache</a>)</cite></p>
  460. </blockquote>
  461. <p>Si vous prĂ©fĂ©rez une <a href="https://www.youtube-nocookie.com/embed/8b3lhDyVqgk">explication dĂ©taillĂ©e en vidĂ©o</a> (lien Google Youtube) avec <a href="https://scienceetonnante.com/2021/04/30/covid-aerosols/">ses sources</a> (<a href="/david/cache/2021/d73bc89a90d59a754d1aef48251da90a/">cache</a>) et notamment <a href="https://www.pnas.org/content/pnas/118/17/e2018995118.full.pdf">celle-ci</a> (<a href="/static/david/2021/article-guideline-to-limit-indoor-airborne-transmission-covid.pdf">cache PDF - 1,5&#8239;Mo</a>). Il y aussi <a href="https://indoor-covid-safety.herokuapp.com/">un simulateur</a> pour vous aider Ă  faire le calcul en fonction des conditions de votre contexte. Il y aurait des moyens de rĂ©duire mes <a href="/david/2021/05/15/" title="InquiĂ©tude">inquiĂ©tudes</a>, des <a href="http://nousaerons.fr/">sites</a> <a href="https://projetco2.fr/">dĂ©diĂ©s</a> existent et n’attendent qu’un peu de publicitĂ© pour une communication claire et des moyens associĂ©s, notamment dans les salles de classes.</p>
  462. <p>Pour cela, il faudrait admettre que l’<a href="/david/2021/04/25/" title="Complot">on s’est trompĂ©</a>, adapter la doctrine gouvernementale pour qu’elle reflĂšte l’état actuel des connaissances scientifiques, se concentrer sur les 20&#8239;% des mesures barriĂšres qui produisent 80&#8239;% de l’efficacitĂ© connue. <strong>La complexitĂ© dans cette dĂ©marche est de transmettre une connaissance plus qu’une doctrine.</strong> Mettre en capacitĂ© de comprendre qu’une tablĂ©e de 10&nbsp;en plein vent c’est moins problĂ©matique qu’une de 4&nbsp;dans un petit restaurant mal ventilĂ©. Rendre les personnes autonomes en leur permettant de faire des choix Ă©clairĂ©s en conscience.</p>
  463. <p>Le retour de bĂąton serait qu’elles puissent faire d’autres choix Ă©clairants si elles prenaient conscience de leur force. Ce n’est <a href="/david/2021/04/20/" title="Remote">pas forcĂ©ment envisageable</a> par le pouvoir en place
</p>
  464. <blockquote>
  465. <p>La civilisation est en grande partie fondĂ©e sur la couardise. Il est si simple de civiliser en enseignant Ă  ĂȘtre lĂąche. Étouffez les critĂšres qui conduiraient au courage. Limitez l’exercice de la volontĂ©. Égalisez les appĂ©tits. Bouchez les horizons. DĂ©crĂ©tez une loi pour chaque mouvement. <mark>Niez l’existence du chaos.</mark> Apprenez mĂȘme aux enfants Ă  respirer lentement. Domptez.</p>
  466. <p><cite><em>Les MĂ©moires VolĂ©s</em> dans <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p>
  467. </blockquote>
  468. <p><mark>Ajouté avant publication&nbsp;:</mark></p>
  469. <blockquote>
  470. <p>Or, il est de plus en plus clair aujourd’hui que la contamination par aĂ©rosols domine, comme le clament depuis un an les spĂ©cialistes des aĂ©rosols, qui ont dĂ» lutter pour faire entendre leur voix, et s’appuient sur de nombreuses Ă©tudes d’évĂ©nement de propagation du SARS-CoV-2. Les mesures proposĂ©es au dĂ©part Ă©taient, donc, trĂšs insuffisantes.</p>
  471. <p><cite><em><a href="https://ducotedelascience.org/3937-2/">La contamination par aérosols&nbsp;: les clés, les sources et les avancées rÚglementaires</a></em> (<a href="/david/cache/2021/4a053a8bc34cadde5b46d59f01f9a8c8/">cache</a>)</cite></p>
  472. </blockquote>
  473. </details>
  474. <h2><a href="/david/2021/05/05/" title="Lien permanent vers cet article">Accessibilité</a> (2021-05-05)</h2>
  475. <details>
  476. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  477. <p>Aujourd’hui, on a reçu le rapport d’un audit d’accessibilitĂ©. Cela fait maintenant <a href="/david/2020/05/26/">un an</a> que nous travaillons sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a> et c’est intĂ©ressant d’avoir des <a href="https://access42.net/?lang=fr">personnes tierces et expertes</a> qui viennent analyser tout cela avec un peu de recul. Je pensais que l’on n’était pas trop mauvais·es et nous Ă©tions en fait <a href="https://github.com/Delegation-numerique-en-sante/mesconseilscovid/labels/rgaa">assez loin</a> du compte&#8239;! Une belle leçon d’humilitĂ©, mĂȘme en pensant faire attention Ă  ces aspects.</p>
  478. <p>La difficultĂ© — une fois les erreurs corrigĂ©es Ă  l’instant <code>t</code> — est de rester accessibles Ă  l’instant <code>t + 1</code>.</p>
  479. </details>
  480. <h2><a href="/david/2021/04/28/" title="Lien permanent vers cet article">Politique</a> (2021-04-28)</h2>
  481. <details>
  482. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  483. <blockquote>
  484. <p><strong>No more societal and political discussions on our company Basecamp account.</strong> Today’s social and political waters are especially choppy. Sensitivities are at 11, and every discussion remotely related to politics, advocacy, or society at large quickly spins away from pleasant. You shouldn’t have to wonder if staying out of it means you’re complicit, or wading into it means you’re a target. These are difficult enough waters to navigate in life, but significantly more so at work. It’s become too much. <mark>It’s a major distraction.</mark> It saps our energy, and redirects our dialog towards dark places. It’s not healthy, it hasn’t served us well. And we’re done with it on our company Basecamp account where the work happens. People can take the conversations with willing co-workers to Signal, Whatsapp, or even a personal Basecamp account, but it can’t happen where the work happens anymore.</p>
  485. <p><cite><em><a href="https://world.hey.com/jason/changes-at-basecamp-7f32afc5">Changes at Basecamp</a></em> (<a href="/david/cache/2021/c6a317213165bc069aabb49c53184a7f/">cache</a>)</cite></p>
  486. </blockquote>
  487. <p>VoilĂ  une dĂ©cision assez surprenante et qui a produit pas mal de rĂ©actions dans ma bulle. J’ai tendance Ă  penser que tout peut devenir politique, de l’endroit oĂč on choisit (parfois) de respirer notre air Ă  l’eau plus ou moins embouteillĂ©e et propre que l’on boit, en passant par le bruit que l’on supporte/endure, etc. L’ensemble de nos stimuli et choix est politique si l’on en a conscience. Si l’on en <em>prend</em> conscience.</p>
  488. <p>Ce Ă  quoi l’on consacre notre force de travail est de fait Ă©minemment politique. Autant dire que pour ne pas se laisser <q>distraire</q> par la politique, il faudrait ne plus rien faire au travail. Et encore, mĂȘme ceci est une contre-action motivĂ©e. Le rĂȘve du libertarien est probablement cet ingĂ©nieur a-politique, a-cĂ©rĂ©brĂ©, qui n’est qu’un pion analytique dans cette immense machine Ă  fric.</p>
  489. <p>Et en mĂȘme temps, je conçois que l’on ne puisse pas ĂȘtre en accord avec de trop nombreuses personnes. Et si cela affecte la productivitĂ© d’une Ă©quipe, il reste Ă  dĂ©finir ce que l’on souhaite <em>produire</em> en travaillant ensemble. Pour ma part, la rĂ©ponse actuelle est simple&nbsp;:</p>
  490. <p>Une pensée critique. <strong>Et donc politique.</strong></p>
  491. <p><mark>Note avant publication&nbsp;:</mark> je choisis finalement de publier ce billet aprĂšs de nombreux doutes au cours de la semaine, notamment car les <a href="https://marker.medium.com/the-pyramid-of-hate-that-brought-down-basecamp-838b63ca27e">rĂ©cents</a> (<a href="/david/cache/2021/c92f91f646dd606f81a329fe2c91d733/">cache</a>) <a href="https://www.platformer.news/p/-how-basecamp-blew-up">rebondissements</a> (<a href="/david/cache/2021/413c4ae36b9d7f577768dcc991561268/">cache</a>) sont <a href="https://www.baldurbjarnason.com/2021/you-are-what-you-do/">extrĂȘmement</a> (<a href="/david/cache/2021/a52987d5a3fe3c1e6f3a267a20d43d52/">cache</a>) prĂ©occupants.</p>
  492. </details>
  493. <h2><a href="/david/2021/04/25/" title="Lien permanent vers cet article">Complot</a> (2021-04-25)</h2>
  494. <details>
  495. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  496. <blockquote>
  497. <p>Il y a un effet de dĂ©voilement liĂ© Ă  la rĂ©alisation d’une prĂ©diction, qui produit une forme de jubilation n’ayant pas grand-chose Ă  voir avec la vĂ©ritĂ©. Car ce qui intĂ©resse les complotistes, c’est <mark>l’euphorie d’avoir eu raison</mark>, d’avoir Ă©tĂ© prophĂ©tique. Il faut sĂ©parer ce sentiment des discussions scientifiques en cours, qui sont lĂ©gitimes en dĂ©mocratie.</p>
  498. <p><cite><em><a href="https://www.lemonde.fr/les-decodeurs/article/2021/04/25/on-avait-raison-chez-les-complotistes-l-art-du-triomphalisme-selectif_6077975_4355770.html">«&nbsp;On avait raison&nbsp;»&nbsp;: chez les complotistes, l’art du triomphalisme sĂ©lectif</a></em> (<a href="/david/cache/2021/246f7c9e777e8403db950c0ed7a5d93b/">cache</a>)</cite></p>
  499. </blockquote>
  500. <p>Bon, la communication du gouvernement français — teintĂ©e d’arrogances et de certitudes — n’aide <strong>vraiment</strong> pas dans le contexte scientifique qui est celui de l’impermanence et du doute. Vaccins, mutants, propagation, aprĂšs un an on ne sait finalement pas grand chose mĂȘme s’il y a des espoirs qui se dessinent ici et lĂ . Ma seule croyance c’est qu’une situation incomprĂ©hensible et anxiogĂšne mĂšne a davantage de clivages et augmente la polaritĂ© au sein d’une population.</p>
  501. <p>Dans un contexte chaotique, la «&nbsp;sachance&nbsp;» est une bĂ©nĂ©diction. Elle offre des vĂ©ritĂ©s rassurantes lĂ  oĂč il n’y en a aucunes et j’envie presque les personnes qui pensent avoir raison dans cette gigantesques inconnue qu’est une pandĂ©mie Ă  notre Ă©poque. Sans condescendance.</p>
  502. </details>
  503. <h2><a href="/david/2021/03/29/" title="Lien permanent vers cet article">Évaluation</a> (2021-03-29)</h2>
  504. <details>
  505. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  506. <blockquote>
  507. <p>Alas, many developers don’t build with this mindset. I mean, I understand why: <mark>it means thinking about users with the most boring, least powerful technology</mark>. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology <em>and</em> also provide a whizz-bang experience to people with the latest and greatest technology.</p>
  508. <p><cite><em><a href="https://adactio.com/journal/17987">The principle of most availability</a></em> (<a href="/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/">cache</a>)</cite></p>
  509. </blockquote>
  510. <p><em>Pensée du jour suite à un retour interne (merci&#8239;!) relatif à mon <a href="/david/2021/03/23/" title="Recrutement">non-recrutement</a>. Comme un besoin de déconstruire le refus pour pouvoir me reconstruire
</em></p>
  511. <p>Lorsqu’on est Ă©valuĂ© pour un nouveau poste, on essaye de connaĂźtre la situation technique la plus complexe Ă  laquelle on a Ă©tĂ© confrontĂ©e. Et cela a tendance Ă  me rappeler d’une certaine maniĂšre le <a href="/david/stream/2015/12/29/">Principe d’AurĂ©lien</a>. Ce qui me semblerait intĂ©ressant serait d’évaluer les choix qui ont Ă©tĂ© rĂ©alisĂ©s pour <em>ne pas</em> arriver Ă  ce niveau de complexitĂ©.</p>
  512. <p>Comment est-ce que vous avez rĂ©ussi Ă  garder une Ă©quipe Ă  taille humaine&#8239;? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohĂ©rent, comprĂ©hensible et maintenable&#8239;? Quelles sont les plus faibles compĂ©tences requises pour modifier les donnĂ©es sur ce produit&#8239;? Qu’est-ce qui a Ă©tĂ© automatisĂ© et dĂ©lĂ©guĂ©, pourquoi&#8239;? Seriez-vous Ă  l’aise pour transmettre cette application, Ă  qui&#8239;? Qu’est-ce qui vous empĂȘche de dormir la nuit Ă  son sujet&#8239;?</p>
  513. <p>Il est certain qu’en crĂ©ant une usine Ă  gaz on acquiert tout un lot de compĂ©tences. Mais ce ne sont <a href="/david/2021/03/28/" title="Smolstack">pas celles qui m’attirent</a> (et je ne parle mĂȘme pas d’humain). Il est des moments oĂč <a href="/david/stream/2015/06/06/">relire ses archives</a> fait du bien.</p>
  514. <blockquote>
  515. <p>Je vous dĂ©veloppe une application complexe parce que je n’ai pas l’expĂ©rience pour en Ă©crire une moins sophistiquĂ©e.</p>
  516. <p><cite><em>Blaise Pascal fait du développement web</em>, Les dépendenciales (2021)</cite></p>
  517. </blockquote>
  518. </details>
  519. <h2><a href="/david/2021/03/23/" title="Lien permanent vers cet article">Recrutement</a> (2021-03-23)</h2>
  520. <details>
  521. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  522. <blockquote>
  523. <p>À chaque Ă©tape la ques­tion est essen­tiel­le­ment «&nbsp;<mark>Est-ce qu’on veut travailler ensemble &#8239;?</mark> pourquoi &#8239;? qu’est-ce qui pour­rait coin­cer &#8239;?&nbsp;». À l’en­tre­tien tech­nique on peut Ă©ven­tuel­le­ment ajou­ter «&nbsp;OĂč posi­tion­ner le candi­dat par rapport aux sala­riĂ©s actuels au niveau compé­tences et rĂ©mu­né­ra­tion &#8239;?&nbsp;». Le reste c’est de la litté­ra­ture.</p>
  524. <p><cite><em><a href="https://n.survol.fr/n/longueur-du-processus-de-recrutement">Longueur du processus de recrutement</a></em> (<a href="/david/cache/2021/b50e973ef4e131098b91c9d99cb69a5a/">cache</a>)</cite></p>
  525. </blockquote>
  526. <p>Ma ligne de temps pour une candidature au <abbr title="Canadian Digital Service">CDS</abbr>-<abbr title="Service Numérique Canadien">SNC</abbr>&nbsp;:</p>
  527. <ul>
  528. <li><a href="/david/2021/01/22/" title="Tentation">22&nbsp;janvier</a>&nbsp;: Yannick poste <a href="https://numerique.canada.ca/join-our-team/positions/d%C3%A9veloppeur-de-logiciel-senior-principal-e-python/">un lien</a> (<a href="/david/cache/2021/b7829aa5073173cca4ed3f4ea23e767f/">cache</a>) sur le chat interne de <a href="http://scopyleft.fr/">Scopyleft</a>&#8239;;</li>
  529. <li>25&nbsp;janvier&nbsp;: j’applique (en bon quĂ©bĂ©cois) aprĂšs 5&nbsp;annĂ©es d’hĂ©sitations pour de nombreuses raisons — je suis rappelĂ© dĂšs le lendemain&#8239;;</li>
  530. <li>27&nbsp;janvier&nbsp;: rencontre avec la personne dĂ©diĂ©e Ă  mon recrutement (30&#8239;min), on Ă©change un peu sur mon parcours et sur ce que je pourrais faire au <a href="https://digital.canada.ca/">CDS</a>-<a href="https://numerique.canada.ca/">SNC</a>, je me rends compte que je n’ai jamais passĂ© d’entretien de recrutement Ă  proprement parler — je suis rappelĂ© le 2&nbsp;fĂ©vrier&#8239;;</li>
  531. <li><a href="/david/2021/02/04/" title="Chance">4&nbsp;fĂ©vrier</a>&nbsp;: rencontre en anglais (1&#8239;h) avec deux personnes sur les <em>Core Values</em>, j’apprĂ©cie beaucoup que ces sujets soient abordĂ©s avant mĂȘme de parler de technique, on parle d’humanitĂ©, d’empathie, d’inclusion — je suis rappelĂ© le 16&nbsp;fĂ©vrier&#8239;;</li>
  532. <li>17&nbsp;fĂ©vrier&nbsp;: rencontre en anglais (1&#8239;h 30&#8239;min) avec deux personnes sur les <em>Technical Skills</em>, je raconte certaines expĂ©riences, on Ă©voque des scĂ©narios, c’est relativement Ă©quilibrĂ© comme discussion et je ne peux m’empĂȘcher de voir des parallĂšles avec ce qui se fait (ou pas) chez <a href="https://beta.gouv.fr/">betagouv</a> — je suis rappelĂ© le 1<sup>er</sup> mars&#8239;;</li>
  533. <li>10&nbsp;mars&nbsp;: rencontre en français (1&#8239;h 30&#8239;min) avec deux personnes sur les <em>Technical Skills</em> encore une fois, j’apprĂ©cie le fait que ce ne soit <a href="https://medium.com/swlh/why-senior-engineers-hate-coding-interviews-d583d2855757">pas un test technique</a> (<a href="/david/cache/2021/cfe6353c663f062eb2e6ccfcace889ef/">cache</a>) mais un Ă©change horizontal sur des situations plus ou moins fictives et les pistes de rĂ©solution associĂ©es&#8239;;</li>
  534. <li>23&nbsp;mars&nbsp;: courriel m’indiquant que je ne suis finalement pas retenu.</li>
  535. </ul>
  536. <p>Ce qui n’est pas explicite avec ces dates, c’est le stress diffus avec de gros <em>gros</em> pics sur une pĂ©riode de plusieurs mois. C’est l’incapacitĂ© Ă  travailler lorsque j’ai un entretien dans la journĂ©e. Ce sont les doutes entre chaque session avant d’attendre un retour qui arrive plusieurs jours aprĂšs. Ce sont les questionnements au moment de la prĂ©paration, les remises en question de mes capacitĂ©s.</p>
  537. <p>Je comprends l’intĂ©rĂȘt de tester la motivation dans la durĂ©e mais je me demande aussi si un tel processus ne ferme pas la porte Ă  des personnes moins privilĂ©giĂ©es, moins en confiance, dans une situation moins stable.</p>
  538. <p>Au cours de ce processus, la <a href="https://jacobian.org/series/unpacking-interview-questions/">sĂ©rie de billets</a> de Jacob m’a Ă©tĂ© d’une grande aide. Le <a href="https://eng-hiring.18f.gov/">guide de 18F</a> m’a beaucoup rassurĂ© aussi pour avoir une idĂ©e du potentiel enchainement au complet. Et bien sĂ»r, le <a href="https://cds-snc.github.io/technical-playbook-manuel-technique/">Technical Playbook</a> (<a href="https://cds-snc.github.io/technical-playbook-manuel-technique/fr/">version française</a>) du CDS-SNC lui-mĂȘme.</p>
  539. <p>Sur une note positive, j’aurais beaucoup appris au cours de ce parcours, surtout sur moi. La relation au stress, Ă  la confiance en moi mais aussi des rĂ©flexions sur le plus long terme. <strong>Ce que je suis prĂȘt Ă  changer dans ma vie</strong>, la dose de libertĂ© que je peux/veux rĂ©duire, les libĂ©rations et les contraintes que cela m’apporterait. Au fil du temps, j’ai pu affiner mes questions/attentes aussi, afin de mieux connaĂźtre la structure et les façons de fonctionner. Je suis reconnaissant des personnes qui ont pris le temps de s’intĂ©resser Ă  ma candidature et qui ont Ă©tĂ© vraiment bienveillantes durant ce parcours.</p>
  540. <p>En bonus, je crois que ça me permet de travailler mon acceptation de l’échec
 et du contentement. J’espĂšre nĂ©anmoins que ce sera le premier <em>et</em> le dernier parcours de recrutement de ce type que j’aurais Ă  faire dans ma vie. Sans aigreur, ce n’est pas un processus qui me semble ĂȘtre adaptĂ© Ă  ma façon de rejoindre une structure/Ă©quipe. Je crois que j’ai besoin de <em>faire</em> et d’<em>ĂȘtre</em> avec les personnes car l’hypothĂ©tique rĂ©siste rarement Ă  l’épreuve du rĂ©el. Mais peut-ĂȘtre que cette dĂ©marche prend trop de temps&#8239;?</p>
  541. <blockquote lang="en">
  542. <p>How many hours does it take to hire someone, from approval of the open position to their first day? It takes <strong>about 100&nbsp;person-hours</strong>, and that’s about a best-case scenario.</p>
  543. <p><cite><em><a href="https://jacobian.org/2021/mar/11/hours-to-hire/">How Long Does It Take to Hire Someone?</a></em> (<a href="/david/cache/2021/e7dd6d41e04bcbf69d3bf09bce827e4c/">cache</a>)</cite></p>
  544. </blockquote>
  545. </details>
  546. <h2><a href="/david/2021/03/16/" title="Lien permanent vers cet article">Confort</a> (2021-03-16)</h2>
  547. <details>
  548. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  549. <blockquote lang="en">
  550. <p>Developers, particularly in Silicon Valley firms, are definitionally wealthy and enfranchised by world-historical standards. Like upper classes of yore, comfort (&quot;DX&quot;) comes with courtiers happy to declare how important comfort must surely be. It’s bunk, or at least most of it is.</p>
  551. <p>As frontenders, <mark>our task is to make services that work well for all, not just the wealthy</mark>. If improvements in our tools or our comfort <em>actually</em> deliver improvements in that direction, so much the better. But we must never forget that measurable improvement for <em>users</em> is the yardstick.</p>
  552. <p><cite><em><a href="https://infrequently.org/2021/03/the-performance-inequality-gap/">The Mobile Performance Inequality Gap, 2021</a></em> (<a href="/david/cache/2021/d3a653c926aa97707653300947b65ab5/">cache</a>)</cite></p>
  553. </blockquote>
  554. <p>Pour résumer, le budget réactualisé de la décence serait de <q>~100KiB (gzipped) of HTML/CSS/fonts and 300-350KiB of JavaScript on the wire (compressed)</q>. Un demi méga-octet transféré et si on a bien fait son travail on espÚre que ça ne donne pas une expérience trop fastidieuse en-deçà du 75<sup>e</sup> centile.</p>
  555. <p>Je viens de vĂ©rifier et on est Ă  469&#8239;Ko sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a>. On a dĂ» faire des choix assez drastiques pour cela&nbsp;: pas de <em>framework</em>, des dĂ©pendances limitĂ©es, etc. Est-ce que c’est inconfortable pour autant&#8239;? Parfois, et dans ces moments je me rappelle que mon «&nbsp;inconfort&nbsp;» est au service de l’accessibilitĂ© du produit pour lequel je travaille.</p>
  556. <p>Et j’y accorde davantage d’importance.</p>
  557. <blockquote lang="en">
  558. <p>Getting there involves no small amount of class traitorship; <mark>the frontend community will need to value the commons over personal comfort</mark> for a little while longer to ease our ecosystem back toward health. The past 6&nbsp;years of consulting with partner teams has felt like a dark remake of Groundhog Day, with a constant parade of sites failing from the get-go thanks to Framework + Bundler + SPA architectures that are mismatched to the tasks and markets at hand. Time (and chips) can heal these wounds if we only let it. We only need to hold the line on script bloat for a few years for devices and networks to overtake the extreme, unconscionable excesses of the 2010’s.</p>
  559. <p><cite><em>Ibid.</em></cite></p>
  560. </blockquote>
  561. </details>
  562. <h2><a href="/david/2021/03/03/" title="Lien permanent vers cet article">Vivre avec</a> (2021-03-03)</h2>
  563. <details>
  564. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  565. <blockquote>
  566. <p>Chaque jour de «&nbsp;vivre avec&nbsp;», les diffĂ©rents variants du virus circulent. Plus ils circulent, plus la probabilitĂ© de nouveaux variants augmente. En dĂ©cembre, quand les mĂ©dias ont commencĂ© Ă  parler de variants, les bavards ont jouĂ© les Ă©tonnĂ©s&nbsp;: Des variants&#8239;? Il y a des variants&#8239;? Quelle surprise&#8239;! Bah oui&#8239;! Des mutations. Des branches. Des variĂ©tĂ©s. Biologie Ă©lĂ©mentaire. Plus on laisse tourner cette saloperie, plus on risque de voir Ă©merger des variants. C’est ça aussi, le «&nbsp;vivre avec&nbsp;». Ça veut dire jouer avec le feu. Ça veut dire laisser brĂ»ler un immeuble, puis un quartier, voire toute une ville, en espĂ©rant que le feu en se propageant ne va pas atteindre une bonbonne de gaz, un bidon d’essence, ou un entrepĂŽt de produits chimiques.</p>
  567. <p>Chaque jour de «&nbsp;vivre avec&nbsp;», la peur fait son chemin. <mark>Chaque jour de «&nbsp;vivre avec&nbsp;», les esprits sont usĂ©s par les situations absurdes, les mensonges officiels, les injonctions contradictoires.</mark> Chaque jour de «&nbsp;vivre avec&nbsp;», les habitants de ce pays prennent conscience qu’ils ne peuvent plus compter sur leur pays. Chaque jour de «&nbsp;vivre avec&nbsp;», on rend les gens un peu plus fous – y compris l’auteur de ces lignes.</p>
  568. <p><cite><em><a href="https://prototypekblog.wordpress.com/2021/03/02/vivre-avec-les-fleaux/">Vivre avec les fléaux</a></em> (<a href="/david/cache/2021/f9327416703abe2963573a84d1d0a39e/">cache</a>)</cite></p>
  569. </blockquote>
  570. <p>Je ne vous cache pas qu’il m’est de plus en plus difficile de communiquer/implĂ©menter quotidiennement la doctrine gouvernementale. Faire un tel suivi me met <a href="/david/2020/05/26/">chaque jour depuis 9&nbsp;mois</a> aux premiĂšres loges des incohĂ©rences et autres revirements de situation. Le pire Ă©tant de faire le constat de l’accouchement, en un mot&nbsp;: douloureux. On attend toujours les doses de pĂ©ridurale
</p>
  571. <p>J’ai vraiment de l’empathie pour les 68&nbsp;millions de français·es qui n’y comprennent rien aux directives et c’est la raison pour laquelle je continue Ă  faire mon travail de vulgarisation/simplification mais je sais que je suis en train d’y laisser des plumes. Ne serait-ce que par le fait de <em>vivre avec</em> ce doute oppressant&nbsp;: suis-je vraiment en train de faire le moins de dĂ©gĂąts possible&#8239;?!</p>
  572. </details>
  573. <h2><a href="/david/2021/02/28/" title="Lien permanent vers cet article">Constance</a> (2021-02-28)</h2>
  574. <details>
  575. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  576. <p>L’une des choses que me procure l’écriture quotidienne (et que j’avais oubliĂ©e) c’est de rĂ©duire drastiquement la pression au niveau de la qualitĂ© de ce qui est partagĂ©. Sur un tel flux, il y a forcĂ©ment des inĂ©galitĂ©s de pertinence et je ne peux que l’accepter — ou renoncer. C’est un excellent moyen de lĂącher prise sur l’un de mes principaux blocages liĂ©s Ă  l’écriture, en ajoutant ce qu’il faut de bruit je me crĂ©e un espace vivant, en <a href="/david/2021/01/24/" title="NĂ©gativitĂ©">retranchant</a> ce qu’il faut d’attention pour ne pas crĂ©er une bulle mortifĂšre.</p>
  577. <blockquote>
  578. <p>Dans une telle cacophonie informationnelle qui nous plonge, bon grĂ© mal grĂ©, dans une situation de cocktail mondial, qu’est-ce qui va retenir notre attention&#8239;? Quelles sont les propositions qui vont capter notre prĂ©cieux temps de cerveau disponible&#8239;? Quels sont les produits cognitifs qui auront un avantage concurrentiel sur ce marchĂ© de l’information devenu mĂ©tastasĂ©&#8239;?</p>
  579. <p><cite><em><a href="https://theconversation.com/bonnes-feuilles-apocalypse-cognitive-155247">Bonnes feuilles&nbsp;: «&nbsp;Apocalypse cognitive&nbsp;»</a></em> (<a href="/david/cache/2021/127326e70c4f151132af72e4b0a5827b/">cache</a>)</cite></p>
  580. </blockquote>
  581. </details>
  582. <h2><a href="/david/2021/02/08/" title="Lien permanent vers cet article">Niveaux</a> (2021-02-08)</h2>
  583. <details>
  584. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  585. <blockquote lang="en">
  586. <p>Pick a foundational web development concept (e.g. HTML, CSS, JavaScript, etc.) and explain it at two levels: first as you would to a colleague who’s not a software developer, like a designer or product manager; next, as you would to a peer.</p>
  587. <p><cite><em><a href="https://jacobian.org/2021/feb/8/interview-questions-explain-a-topic/">“Explain a Topic At Multiple Levels
”</a></em> (<a href="/david/cache/2021/c9fad8039837ef9a671e1fb52cbbeb35/">cache</a>)</cite></p>
  588. </blockquote>
  589. <p>J’aime bien la simplicitĂ© de la question qui rend visibles plusieurs choses. À commencer par la capacitĂ© Ă  savoir vulgariser des concepts non triviaux mais qui font pourtant partie de notre quotidien. Je me risque Ă  la mĂ©taphore que cela m’a inspirĂ©&nbsp;:</p>
  590. <blockquote>
  591. <p>HTTP est le carton dans lequel votre meuble IKEA vient d’ĂȘtre livrĂ© (HTTPS si vous avez dĂ» signer un reçu), vous dĂ©couvrez dedans des morceaux de HTML. La façon dont vous allez les agencer pour construire un meuble, c’est ce que fait CSS avec les pages web pour leur donner forme. C’est ce qui va donner une structure/du volume Ă  ces piĂšces dĂ©tachĂ©es. Et JavaScript&#8239;? C’est la charniĂšre de la porte que vous montez de travers et qui va grincer pendant toute la durĂ©e de vie de ce meuble 🚎. S’il reste une cheville Ă  la fin
 on la met dans le <em>footer</em>.</p>
  592. </blockquote>
  593. <p>Entre temps, <a href="https://www.la-grange.net/karl/">Karl</a> me pointe une pratique de Shopify qui se rapproche des mes <a href="/david/2021/01/26/" title="Conférences">questionnements sur le mentorat</a>, à expérimenter&nbsp;:</p>
  594. <blockquote lang="en">
  595. <p>In advance of the first meeting, mentees are asked to identify technical skills gaps they want to improve. During their first meeting, mentees and mentors work together building a tangible goal that they can work towards over the course of the six weeks. Goals often change and that’s expected.</p>
  596. <p>Through the initial kickoff meeting and weekly check-ins via Slack, we reinforce and reiterate throughout the program that <mark>the goal itself is never the goal</mark>, but an opportunity to work towards a moving target.</p>
  597. <p><cite><em><a href="https://shopify.engineering/technical-mentorship-reimagined">Technical Mentorship Reimagined: Time-bound and No Awkward Asks Necessary</a></em> (<a href="/david/cache/2021/7b8d925b24ca7a4777becd5cc212d11a/">cache</a>)</cite></p>
  598. </blockquote>
  599. </details>
  600. <h2><a href="/david/2021/02/02/" title="Lien permanent vers cet article">Complexité</a> (2021-02-02)</h2>
  601. <details>
  602. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  603. <blockquote lang="en">
  604. <p>As much as we talk about avoiding complexity <em>in</em> our programs, we seem to love the complexity of the tooling <em>around</em> our programs. As Ousterhout notes, <mark>every time you add a tool or configuration to a project, you’re adding an element that developers must learn</mark>, be aware of, or at minimum be exposed to. So while we think we’re lowering the bar of contributing and collaborating on a project — which may be true for <em>some</em> people — it’s possible we’re actually excluding people from contribution and collaboration because of the overwhelming complexity of our team of robots.</p>
  605. <p><cite><em><a href="https://blog.jim-nielsen.com/2021/codbase-collaboration-between-humans-and-robots/">Codebase Collaboration Between Humans and Robots</a></em> (<a href="/david/cache/2021/321b85630164ca075bd3be265f23aed5/">cache</a>)</cite></p>
  606. </blockquote>
  607. <p><a href="/david/2021/02/01/" title="Software">Suite</a> de mes rĂ©flexions sur le sujet (et en fait il s’agit d’un truc autour duquel je tourne depuis <a href="/david/blog/2014/gaspillage-numerique/">pas mal de temps</a>), je doute de plus en plus de la pertinence de ces enchaĂźnements d’étapes Ă  chaque <em>commit/push</em>. Ma difficultĂ© actuelle est de faire la distinction entre les moments oĂč c’est important et ceux oĂč ça peut ĂȘtre facultatif (et potentiellement le rendre dĂ©sactivable). On peut rapidement ĂȘtre <a href="https://osd.ovh/index.php?article10/nostalgie-de-lancien-web">nostalgique</a> (<a href="/david/cache/2021/59bd3fea3b3b370bd6b116e77effb69e/">cache</a>) d’un temps oĂč l’on n’avait pas tout ça mais je me rappelle aussi du renommage des fichiers en direct sur le serveur et des conflits ou des oublis lorsqu’on travaille Ă  plusieurs dessus, etc. C’était l’enfer et c’est bien pour cela que l’on s’est outillĂ© un minimum depuis.</p>
  608. <p>Il y a probablement un entre-deux plus sain Ă  trouver. Et en fait <em>plusieurs</em> en fonction du contexte. Je regrette parfois d’avoir lĂąchĂ© du lest sur certains aspects, j’en apprĂ©cie d’autres au quotidien. Une histoire de compromis.</p>
  609. <blockquote lang="en">
  610. <p>The technology stack was not the limit we faced in this project over the years. It was rather the <mark>abstractions</mark> we created our own that got in our way.</p>
  611. <p><cite><em><a href="https://9elements.com/blog/maintaining-javascript-applications-in-the-long-term/">Maintaining JavaScript applications in the long term</a></em> (<a href="/david/cache/2021/6d16a2f955aeaa4f23c239373824143f/">cache</a>)</cite></p>
  612. </blockquote>
  613. </details>
  614. <h2><a href="/david/2021/01/17/" title="Lien permanent vers cet article">Finesse</a> (2021-01-17)</h2>
  615. <details>
  616. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  617. <blockquote>
  618. <p>Une <strong>espace fine insĂ©cable</strong> est un caractĂšre typographique dont l’espace est un peu plus fine que l’espace insĂ©cable (une espace que l’on intercale entre deux parties qui ne doivent pas ĂȘtre sĂ©parĂ©es par un Ă©ventuel retour Ă  la ligne automatique). Le code typographique français recommande une espace fine insĂ©cable devant les signes de ponctuation doubles sauf deux-points (point-virgule, point d’interrogation, point d’exclamation), et Ă  l’intĂ©rieur des guillemets français pour les sĂ©parer du texte mis en exergue. Pour les nombres de quatre chiffres, l’espace fine insĂ©cable est prĂ©fĂ©rable. On ne sĂ©pare pas les chiffres en tranches de trois pour un ordinal ou un numĂ©ro.</p>
  619. <p><cite><a href="https://fr.wikipedia.org/wiki/Espace_fine_ins%C3%A9cable">Espace fine insécable</a>, sur Wikipedia</cite></p>
  620. </blockquote>
  621. <p>Il y a depuis peu des espaces insĂ©cables <em>fine</em> sur cet espace (en plus des insĂ©cables classiques lorsque j’y pensais). C’est un dĂ©tail mais j’arrive Ă  faire la distinction entre les deux maintenant que j’ai pris conscience de cette diffĂ©rence.</p>
  622. <p><strong>Un petit pas de plus dans ma comprĂ©hension de ce domaine.</strong> Limite <em>snob</em> mais j’assume. Le plus difficile Ă©tant de faire la part des choses entre les diffĂ©rentes ressources Ă  ce sujet qui ont tendance Ă  se contre-dire (et je ne parle mĂȘme pas des diffĂ©rences au sein de la francophonie
). Des choix — futiles donc indispensables — Ă  faire, des affirmations Ă  dĂ©faire, des raisonnements Ă  refaire. C’est peut-ĂȘtre la dĂ©finition de mon activitĂ©&#8239;!</p>
  623. <blockquote>
  624. <p>L’hypothĂšse selon laquelle le fonctionnement d’un systĂšme peut ĂȘtre amĂ©liorĂ© par une intervention brutale sur ses Ă©lĂ©ments conscients traduit une <mark>dangereuse ignorance</mark>. Cette attitude fut trop longtemps celle des esprits qui se qualifient des Ă©pithĂštes de «&nbsp;scientifique&nbsp;» et de «&nbsp;technologues&nbsp;».</p>
  625. <p><cite><em>Le Jihad Butlérien</em>, par Harq al-Ada (<a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune)</cite></p>
  626. </blockquote>
  627. </details>
  628. <h2><a href="/david/2021/01/03/" title="Lien permanent vers cet article">Vaccina(c)tion</a> (2021-01-03)</h2>
  629. <details>
  630. <summary>DĂ©plier pour lire le contenu de la publication</summary>
  631. <blockquote>
  632. <p>Il existe une limite Ă  la force que les plus puissants eux-mĂȘmes ne sauraient atteindre sans se dĂ©truire. L’art vĂ©ritable de tout gouvernement est <mark>d’évaluer cette limite</mark>. Le mauvais usage du pouvoir constitue le pĂ©chĂ© fatal. La loi ne peut ĂȘtre un outil de vengeance, pas plus qu’un otage ou une barriĂšre contre les martyrs qu’elle a pu crĂ©er. On ne peux menacer un individu et se soustraire aux consĂ©quences.</p>
  633. <p><cite><em>Muad’Dib et la Loi</em>, extrait des <em>Commentaires de Stilgar</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p>
  634. </blockquote>
  635. <p>J’ai les yeux rivĂ©s sur les courbes de vaccination et j’ai beau refaire mes calculs il n’y a aucune chance que le «&nbsp;<a href="https://inessential.com/2020/12/31/when_are_we_back_to_normal">retour Ă  l’anormal</a> (<a href="/david/cache/2021/c8678419b1c96d90ea066a3f6f6e3479/">cache</a>)&nbsp;» soit pour cet Ă©tĂ©. AprĂšs une annĂ©e de pandĂ©mie, je suis dans l’incomprĂ©hension totale. Il suffisait pourtant de regarder <a href="/david/2020/12/15/#contagion">Contagion</a>
</p>
  636. <p>Puisque le gouvernement ne fait clairement pas le boulot, voici quelques sites permettant de vous y retrouver au niveau de la vaccination&nbsp;:</p>
  637. <ul>
  638. <li><a href="https://art-bd.shinyapps.io/covid19canada/">pour le Canada</a> (onglet VaxView)&#8239;;</li>
  639. <li><a href="https://covidtracker.fr/vaccintracker">pour la France</a>&#8239;;</li>
  640. <li><a href="https://apps.clinicalepidemio.fr/vaccine/">pour l’analyse coĂ»ts/bĂ©nĂ©fices</a>&#8239;;</li>
  641. <li><a href="https://twitter.com/VieDeCarabin/status/1346235405394472966">pour une version illustrée</a>&#8239;;</li>
  642. <li><a href="https://ourworldindata.org/covid-vaccinations">pour le monde</a>&#8239;;</li>
  643. <li>pour comprendre <a href="https://tanialouis.fr/2020/12/27/le-compromis-de-la-vulgarisation/">le compromis de la vulgarisation</a> (<a href="/david/cache/2021/3d37e77a601b6dd7043bbb17a4a2d199/">cache</a>)&#8239;;</li>
  644. <li>pour analyser <a href="https://berthub.eu/articles/posts/reverse-engineering-source-code-of-the-biontech-pfizer-vaccine/">le code source</a> (<a href="/david/cache/2021/66ef8e7fa0942fc975723f7df4d932e9/">cache</a>) du vaccin&#8239;;</li>
  645. <li><a href="https://www.ansm.sante.fr/S-informer/Points-d-information-Points-d-information">les points rĂ©guliers de l’ANSM</a> sont dĂ©taillĂ©s et pertinents.</li>
  646. </ul>
  647. <p><strong>Je ne sais pas comment est-ce que l’on peut en arriver Ă  une telle incurie.</strong> C’est sidĂ©rant. Et triste, tellement triste.</p>
  648. <blockquote lang="en">
  649. <p>When systems are built to last for decades, we often don’t see the disaster unfolding until the people who cared for those systems have been gone for quite some time. The blessing and the curse of good infrastructure is that <mark>when it works, it is invisible</mark>: which means that too often, we don’t devote much care to it until it collapses.</p>
  650. <p><cite><em><a href="https://logicmag.io/care/built-to-last/">Built to Last</a></em> (<a href="/david/cache/2021/f1df3d5f1720e137130581d5a2b8549f/">cache</a>)</cite></p>
  651. </blockquote>
  652. </details>
  653. </main>
  654. <hr>
  655. <footer>
  656. <p>
  657. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  658. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  659. </svg> Accueil</a> ‱
  660. <a href="/david/log/" title="AccĂšs au flux RSS"><svg class="icon icon-rss2">
  661. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  662. </svg> Suivre</a> ‱
  663. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  664. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  665. </svg> Pro</a> ‱
  666. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  667. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  668. </svg> Email</a> ‱
  669. <abbr class="nowrap" title="HĂ©bergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  670. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  671. </svg> LĂ©gal</abbr>
  672. </p>
  673. <template id="theme-selector">
  674. <form>
  675. <fieldset>
  676. <legend><svg class="icon icon-brightness-contrast">
  677. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  678. </svg> ThĂšme</legend>
  679. <label>
  680. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  681. </label>
  682. <label>
  683. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  684. </label>
  685. <label>
  686. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  687. </label>
  688. </fieldset>
  689. </form>
  690. </template>
  691. </footer>
  692. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  693. <script>
  694. function loadThemeForm(templateName) {
  695. const themeSelectorTemplate = document.querySelector(templateName)
  696. const form = themeSelectorTemplate.content.firstElementChild
  697. themeSelectorTemplate.replaceWith(form)
  698. form.addEventListener('change', (e) => {
  699. const chosenColorScheme = e.target.value
  700. localStorage.setItem('theme', chosenColorScheme)
  701. toggleTheme(chosenColorScheme)
  702. })
  703. const selectedTheme = localStorage.getItem('theme')
  704. if (selectedTheme && selectedTheme !== 'undefined') {
  705. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  706. }
  707. }
  708. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  709. window.addEventListener('load', () => {
  710. let hasDarkRules = false
  711. for (const styleSheet of Array.from(document.styleSheets)) {
  712. let mediaRules = []
  713. for (const cssRule of styleSheet.cssRules) {
  714. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  715. continue
  716. }
  717. // WARNING: Safari does not have/supports `conditionText`.
  718. if (cssRule.conditionText) {
  719. if (cssRule.conditionText !== prefersColorSchemeDark) {
  720. continue
  721. }
  722. } else {
  723. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  724. continue
  725. }
  726. }
  727. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  728. }
  729. // WARNING: do not try to insert a Rule to a styleSheet you are
  730. // currently iterating on, otherwise the browser will be stuck
  731. // in a infinite loop

  732. for (const mediaRule of mediaRules) {
  733. styleSheet.insertRule(mediaRule.cssText)
  734. hasDarkRules = true
  735. }
  736. }
  737. if (hasDarkRules) {
  738. loadThemeForm('#theme-selector')
  739. }
  740. })
  741. </script>
  742. </body>
  743. </html>