Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
2 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
2 роки тому
3 роки тому
3 роки тому
2 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  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 #pharmakon — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #pharmakon">
  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 #pharmakon</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/09/" title="Lien permanent vers cet article">Popularité</a> (2021-12-09)</h2>
  75. <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>
  76. <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>
  77. <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>
  78. <h2><a href="/david/2021/07/30/" title="Lien permanent vers cet article">Poignée</a> (2021-07-30)</h2>
  79. <blockquote>
  80. <p>Un outil est une opportunité avec une poignée. — Kevin Kelly, traduction libre</p>
  81. </blockquote>
  82. <p>Je tombe sur cette citation aujourd’hui et je me demande si je suis un fabricant de poignées.</p>
  83. <p>La sagesse est de savoir résister à la tentation de concevoir des poignées pour toutes les portes.</p>
  84. <blockquote>
  85. <p>Tous les gouvernements sont affligés d’un grave problème chronique&nbsp;: Le pouvoir exerce une grande attraction sur les natures pathologiques. Ce n’est pas tant que le pouvoir corrompt, mais il fascine les sujets corruptibles. Ces gens ont tendance à s’enivrer de violence, ce qui crée rapidement les conditions d’une accoutumance fâcheuse.</p>
  86. <p><cite><em>Missionaria Protectiva, Texte QIV (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
  87. </blockquote>
  88. <h2><a href="/david/2021/06/19/" title="Lien permanent vers cet article">Échecs</a> (2021-06-19)</h2>
  89. <p>Je me suis mis à regarder des <a href="https://www.youtube.com/watch?v=CppLjn4ORZ0">vidéos de Magnus Carlsen</a> qui fait des parties d’échecs en ligne en les commentant et c’est super intéressant. C’est la première fois qu’un champion du monde a la capacité et la volonté de faire ça et c’est un moyen de comprendre ce qu’il se passe dans sa tête et les <a href="https://www.youtube.com/watch?v=vCqXI49qLKM">stratégies</a> qu’il <a href="https://www.youtube.com/watch?v=tGL1C-AjbCI">évalue en direct</a>. Le voir jouer contre des <a href="https://www.youtube.com/watch?v=f5TZVo4442Q">Grands</a> <a href="https://www.youtube.com/watch?v=QKUH-8S5nXs">Maîtres</a> avec une <a href="https://www.youtube.com/watch?v=k8wQlfU6iz0">telle</a> <a href="https://www.youtube.com/watch?v=CFIB49-VzLY">décontraction</a>, <a href="https://www.youtube.com/watch?v=Ce9WK6r9XZU">rattraper</a> <a href="https://www.youtube.com/watch?v=JJftTkClS74">des erreurs</a> (et <a href="https://www.youtube.com/watch?v=VP1QtODmTBs">des bananes&#8239;!</a>), <a href="https://www.youtube.com/watch?v=a9BHFuHOHrg">perdre</a>, <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">troller un peu</a> et <a href="https://www.youtube.com/watch?v=zYh8n5zB8vU">se faire troller</a> aussi des fois c’est vraiment plaisant à observer. Ça m’a motivé pour reprendre un peu, à mon rythme, cette pratique avec un jeune prétendant local.</p>
  90. <p>Il y a des fois où la fin est <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">trop</a> <a href="https://www.youtube.com/watch?v=-4IeAzYajrw">rapide</a> pour pouvoir comprendre sans ralentir la vidéo, ça me rappelle le nombre d’<abbr title="Actions Par Minutes">APM</abbr> délirant des tournois pro de Starcraft.</p>
  91. <blockquote lang="en">
  92. <p>Imagine thinking that you made Carlsen stop to think, then you tune in to his livestream to find out that he’s just commentating on your weaknesses and giving a tutorial on how to beat you.</p>
  93. </blockquote>
  94. <p>Un <a href="https://www.youtube.com/watch?v=benrdYzDmE8&amp;lc=Ugz3XVqnqFii6VEnr6t4AaABAg">commentaire</a> récurrent… et tellement vrai.</p>
  95. <h2><a href="/david/2021/05/28/" title="Lien permanent vers cet article">Curriculum chain</a> (2021-05-28)</h2>
  96. <details>
  97. <summary>Déplier pour lire le contenu de la publication</summary>
  98. <blockquote>
  99. <p>Vieillir est parfois un lent travail de deuil et de pertes amenant à désinvestir les relations et les actions autrefois appréciées. La personne vieillissante consent peu à peu à ne plus posséder qu’un contrôle restreint de son existence. Certes, elle réinvestit d’autres relations, mais nombre de celles qui lui étaient chères disparaîssent. V. Jankélévitch parle en ce sens de <mark>“l’âge où il y a tout à regretter et rien à espérer”</mark>. Certaines personnes vivent plus douloureusement que d’autres le fait de se sentir éloignées de ce qu’elles ont été et de voir disparaître une à une les traces de leur passé. L’ancienne personnalité parfois se dissout quand l’armure de la réussite sociale ou professionnelle s’efface. Il faut alors consentir à ne plus être l’homme ou la femme que l’on a été si longtemps.<br />
  100. D’une atteinte narcissique à une autre l’existence finit par peser.</p>
  101. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  102. </blockquote>
  103. <p>J’évoquais <a href="/david/2021/05/27/" title="Craftsman">hier</a> la similitude entre un <abbr title="Curriculum vitæ">CV</abbr> et une <em>blockchain</em>. Dans les deux cas, on a eu une preuve de travail a un moment donné, qui a consommé de l’énergie et sans laquelle on n’aurait pas pu avoir une preuve de travail suivante identique. Je suis l’entité principale de certification de cette chaîne d’expériences mais d’autres personnes peuvent partager la véracité de cette information. D’ailleurs, la personne lisant un CV se préoccupe bien souvent de l’intégrité du parcours…</p>
  104. <p>Dans le cadre de notre <a href="/david/2021/05/19/" title="Regroupement">réponse commune</a>, je rédigeais aujourd’hui pour la n-ième fois ce parcours et en fait — même si chaque bloc dépend toujours plus ou moins du précédent — il n’y a pas vraiment la même histoire qui est racontée à chaque itération. Et surtout à chaque interlocuteur·ice. J’adapte mon récit en fonction de ce qui est attendu, de mes aspirations actuelles et de ma souvenance qui ré-interprète des actions passées.</p>
  105. <p>L’évolution d’un même CV m’en dirait certainement plus sur une personne que sa photographie à un instant t. Les maillons de nos chaînes ne renvoient pas toujours la même lumière en fonction de l’angle avec lequel on les éclaire.</p>
  106. </details>
  107. <h2><a href="/david/2021/05/10/" title="Lien permanent vers cet article">Résilience</a> (2021-05-10)</h2>
  108. <details>
  109. <summary>Déplier pour lire le contenu de la publication</summary>
  110. <blockquote>
  111. <p>La résilience est un concept adulé dans nos sociétés, notamment pour administrer les désastres, c’est-à-dire non seulement pour les gérer mais aussi pour les transformer en remèdes aux dégâts qu’ils génèrent. On peut comprendre cet engouement étant donné que nous sommes de plus en plus confrontés à des catastrophes impossibles à maîtriser. <mark>La résilience apparaît comme une formule magique car elle prétend clore cette impossibilité</mark>, et en faire une source d’inspiration et de rebond vers un soi-disant «&nbsp;monde d’après&nbsp;». En fait, plus on connaît les causes des désastres, plus les réponses que l’on fournit sont concentrées sur leurs conséquences, et sur la meilleure façon dont on peut en tirer parti, rendant ainsi les causes de plus en plus désastreuses. C’est un principe de base de la résilience que l’on pourrait définir comme «&nbsp;l’art de s’adapter au pire&nbsp;».</p>
  112. <p>Dans le cas d’une catastrophe nucléaire comme celle de Fukushima, mais c’est aussi vrai ailleurs, <mark>la résilience est promue au rang de technique thérapeutique pour faire face au désastre</mark>. On va individualiser le problème et amener les gens à faire fi de leur impuissance face aux dégâts pour, au contraire, leur donner l’impression d’être puissants et agissants. Chacun est exhorté à «&nbsp;rebondir&nbsp;», à «&nbsp;vivre avec&nbsp;». Les victimes sont amenées à cogérer le désastre, en participant à la «&nbsp;décontamination&nbsp;» ou en surveillant la radioactivité ambiante. L’objectif des apôtres de la résilience (autorités étatiques, associations locales, experts internationaux), c’est d’amener chacun à cesser de s’inquiéter «&nbsp;inutilement&nbsp;» d’avoir fatalement à vivre avec la contamination. Personne n’ose dire que l’on va «&nbsp;vivre comme avant&nbsp;» mais on parle de «&nbsp;situation post-normale&nbsp;», qui est en fait une situation de survie. Les gens doivent apprendre à se contenter d’un bonheur palliatif, où règne le «&nbsp;trop peu&nbsp;», considéré comme éternel et indiscutable&nbsp;: «&nbsp;trop peu&nbsp;» de santé, «&nbsp;trop peu&nbsp;» de liberté, «&nbsp;trop peu&nbsp;» de peur, «&nbsp;trop peu&nbsp;» de refus, «&nbsp;trop peu&nbsp;» de vie.</p>
  113. <p><cite><em><a href="https://www.bastamag.net/Fukushima-contaminations-zones-radioactives-catastrophes-nucleaires-contre-la-resilience-thierry-ribault">Pour les habitants autour de Fukushima, «&nbsp;il y a une injonction à être des contaminés satisfaits&nbsp;»</a></em> (<a href="/david/cache/2021/2d4d277eb9521025b82bf2fc233c3238/">cache</a>)</cite></p>
  114. </blockquote>
  115. <p>Cette interview de Thierry Ribault m’a donné une autre façon d’interpréter la résilience. Son côté obscur que je n’avais jusqu’alors fait qu’effleurer, il ne suffit parfois que de quelques phrases pour envisager un terme sous son angle inverse. Un <em>pharmakon</em> aurait dit Bernard Stiegler.</p>
  116. <p>Dans un contexte de pandémie, cet échange prend un nouveau sens. Ce n’est plus une catastrophe nucléaire à l’autre bout du globe, c’est une injonction locale pour chacun·e d’entre nous. Maintenant. La résilience comme un pansement sur la <a href="https://fr.wikipedia.org/wiki/Synd%C3%A9mie">syndémie</a> que l’on essaye de se cacher.</p>
  117. <blockquote>
  118. <p>Mais la résilience est plus que cela. C’est une <mark>technologie du consentement</mark> qui précède historiquement le néolibéralisme. Elle s’est développée en même temps que la société industrielle car il s’agit de trouver de bonnes raisons à la traversée de la catastrophe.</p>
  119. <p>[…]</p>
  120. <p>L’alternative est de considérer réellement le malheur, de le nommer et non pas de lui donner un sens pour mieux l’évacuer, et de faire advenir à la conscience la dureté de ce que l’on vit, <mark>conscience indispensable pour aller ensuite vers des formes de vie sociale radicalement différentes</mark>, plutôt que se résigner aux rapports sociaux et à leurs nuisibles sous-produits tels qu’ils sont. On ne traverse pas les épreuves, on est traversés par elles.</p>
  121. <p><cite><em>Ibid.</em></cite></p>
  122. </blockquote>
  123. </details>
  124. <h2><a href="/david/2021/04/13/" title="Lien permanent vers cet article">Nonnes</a> (2021-04-13)</h2>
  125. <details>
  126. <summary>Déplier pour lire le contenu de la publication</summary>
  127. <figure>
  128. <a href="#nuns"
  129. title="Cliquer pour une version haute résolution">
  130. <img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire"
  131. loading="lazy" width="1440" height="1156" />
  132. </a>
  133. <a href="#_" class="lightbox" id="nuns">
  134. <img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire"
  135. loading="lazy" width="1440" height="1156" />
  136. </a>
  137. <figcaption>Mais que fait Holywood ?!</figcaption>
  138. </figure>
  139. <p>Je ne pensais pas un jour faire une entrée sur des nonnes mais <a href="https://www.lesoir.be/art/la-saga-des-colettines-rebondit-une-ferme-au-coeur-des-_t-19900704-Z02VMP.html">cette</a> <a href="https://www.lesoir.be/art/le-jardinier-des-clarisses-de-bruges-est-inculpe-_t-19900323-Z02HCD.html">histoire</a> <a href="https://www.lesoir.be/art/%25252Fpauvres-claires-ronny-crab-en-correctionnelle_t-19941024-Z08NWK.html">complètement</a> <a href="https://www.lesoir.be/art/%252Fm%252Fla-cour-d-appel-de-gand-acquitte-ronny-crab-le-dossier-_t-19960206-Z0AMZN.html">rocambolesque</a> mérite d’être connue&#8239;!</p>
  140. <p>Très difficile de distinguer le vrai du faux lorsque la religion s’en mêle mais quel éventail de possibles fascinant. C’est ce qui s’appelle brûler le cierge par les deux bouts.</p>
  141. </details>
  142. <h2><a href="/david/2021/03/14/" title="Lien permanent vers cet article">Impôts</a> (2021-03-14)</h2>
  143. <details>
  144. <summary>Déplier pour lire le contenu de la publication</summary>
  145. <p>Ironiquement, au moment où <a href="/david/2021/03/12/" title="Forêt">je me décide</a> à essayer de mettre un peu d’argent de côté, l’Agence du Revenu du Canada et Revenu Québec s’associent pour m’indiquer qu’il serait plus pertinent de l’investir dans des mesures sociales.</p>
  146. <p>Ça pique, à différents niveaux.</p>
  147. </details>
  148. <h2><a href="/david/2021/03/04/" title="Lien permanent vers cet article">HTML-over-WebSockets</a> (2021-03-04)</h2>
  149. <details>
  150. <summary>Déplier pour lire le contenu de la publication</summary>
  151. <blockquote lang="en">
  152. <p>But this wasn’t terribly easy for many developers to grok at first. I sure didn’t. And the benefits weren’t exactly clear either. After years (decades, even) of wrapping our heads around the HTTP request cycle, to which all server-handled features must conform, <mark>adopting this WebSocket tech layer required a lot of head scratching</mark>. As with many clever new technologies or protocols, we needed a higher-level abstraction that provided something really effective for getting a new feature in front of a user, fast.</p>
  153. <p><cite><em><a href="https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/">The Future of Web Software Is HTML-over-WebSockets</a></em> (<a href="/david/cache/2021/a722bf15647dfe923d3c28b2e229098c/">cache</a>)</cite></p>
  154. </blockquote>
  155. <p>En ce moment, ça me gratte justement bien la tête. Je me retrouve <a href="https://benhoyt.com/writings/the-small-web-is-beautiful/">davantage dans cette approche</a> (<a href="/david/cache/2021/862d065d924906f327f8a95e23659295/">cache</a>) et j’ai presque du plaisir à utiliser <a href="https://stimulus.hotwire.dev/">Stimulus</a>, ça semble être le niveau de structuration et de non-abstraction dont j’ai besoin. J’ai aussi essayé <a href="https://turbo.hotwire.dev/">Turbo</a> (Frames) mais je n’ai pas été assez loin pour voir les avantages décrits dans l’article (et c’est trop jeune pour mon niveau de confiance)&nbsp;: j’ai fini par recoder juste ce qu’il me fallait avec Stimulus.</p>
  156. <p>J’apprécie le fait que ces ré-explorations donnent lieux à de nouvelles initiatives comme <a href="https://www.django-unicorn.com/">Django-Unicorn</a> ou <a href="https://sockpuppet.argpar.se/">Sockpuppet</a> pour ne citer que les déclinaisons dans l’écosystème Django. J’ai l’impression que c’est le compromis acceptable pour le vieux développeur que je suis&nbsp;: de la réactivité au niveau de l’interface pour les utilisateur·ices, de la logique et de la stabilité côté développement pour ma sénilité d’esprit.</p>
  157. <p>Attention si vous partez sur des WebSockets, j’ai <a href="https://httptoolkit.tech/blog/http-wtf/">récemment appris</a> (<a href="/david/cache/2021/cbd2101777421fa7549472859210a69c/">cache</a>) que les restrictions de type <abbr title="Cross-Origin Resource Sharing">CORS</abbr> ne sont pas du tout respectées.</p>
  158. <p>Note&nbsp;: je suis surpris qu’il n’y ait pas encore un projet intitulé <strong>RESTream</strong> dans le domaine 🙃🚎.</p>
  159. </details>
  160. <h2><a href="/david/2021/03/01/" title="Lien permanent vers cet article">Responsabilité</a> (2021-03-01)</h2>
  161. <details>
  162. <summary>Déplier pour lire le contenu de la publication</summary>
  163. <blockquote>
  164. <p><em>La technique rend les hommes irresponsables.</em> Les manifestations principales du développement de la technique sont le gigantisme, la concentration et l’abstraction. Cet état de fait aboutit à une dispersion des effets de l’action&nbsp;: <mark>à l’ère technique, l’identification et la responsabilité des acteurs est devenue problématique</mark>, voire impossible&nbsp;: «&nbsp;Dans une telle société, le type de l’homme agissant consciemment disparaît.&nbsp;» L’action morale est donc impossible puisque l’homme ne peut pas se représenter les effets de son action.</p>
  165. <p>[…]</p>
  166. <p>Une des idées fondamentales de Charbonneau et d’Ellul est de mettre radicalement en question <em>l’idée de la neutralité de la technique</em>&nbsp;: plus qu’un progrès, elle engendre le développement de la puissance. Loin de permettre l’émancipation, la puissance engendre des déséquilibres et devient incontrôlable, car elle appelle nécessairement la concentration et le gigantisme.</p>
  167. <p><cite><em>Nous sommes des révolutionnaires malgré nous</em>, Bernard Charbonneau, Jacques Ellul, introduction de Quentin Hardy</cite></p>
  168. </blockquote>
  169. <p>Plus j’explore la vie et les écrits de ces deux personnes et plus je me rends compte qu’il est possible d’anticiper l’évolution technique. Ce qui est plus difficile c’est d’identifier les moments de rupture, ces instants où il y a la formation d’un contre-pouvoir de la part des humains, un contre-<strong>vouloir</strong> lorsque les soupapes ne suffisent plus. Peut-être que l’on s’en approche, j’ai l’intuition que ces retours de flammes peuvent être relativement brutaux. Peut-être que l’on en est encore très loin car la technique procure un confort incroyable aux oppresseurs.</p>
  170. <p>C’est même peut-être sa véritable définition…</p>
  171. </details>
  172. <h2><a href="/david/2021/02/19/" title="Lien permanent vers cet article">Optimisation</a> (2021-02-19)</h2>
  173. <details>
  174. <summary>Déplier pour lire le contenu de la publication</summary>
  175. <blockquote lang="en">
  176. <p>But when you increase complexity in order to optimise, demand never really goes down. The optimisation becomes an opportunity to do more, and so the complexity gets locked in – there will never be the chance to remove it.</p>
  177. <p>And that compounding complexity, layers upon layers of it, a nest of interlocking feedback loops, <mark>increases the risk of fatal, emergent complexity quakes</mark>.</p>
  178. <p>All of which colours my approach to everything from how I architect my code, to how I organise my finances, to what government policies I like.</p>
  179. <p><cite><em><a href="http://interconnected.org/home/2021/02/12/optimisation">Anxious feelings about optimisation through complexity</a></em> (<a href="/david/cache/2021/eef2b3e3085a9b71cd7fe64f21fa0453/">cache</a>)</cite></p>
  180. </blockquote>
  181. <p>Je réfléchis beaucoup à ces choses là en ce moment. Sur le fait d’ouvrir des portes que l’on ne peut plus refermer ensuite. Chaque porte étant en fait sur un palier qui demande aux autres de passer une marche de plus, ce qui n’est pas forcément dans les moyens de la majorité.</p>
  182. <p>Sur un de mes produits actuels, je me suis rendu compte aujourd’hui qu’en le rendant plus «&nbsp;propre&nbsp;» je l’ai aussi rendu moins convivial (au sens d’Illich) pour les personnes qui vont devoir le reprendre. Les concepts utilisés sont un peu plus complexes, les versions un peu plus modernes, autant de marches qui m’ont semblées petites mais qui mises bout à bout rendent le produit moins accessible.</p>
  183. <p>À méditer… ne plus oublier le 10<sup>e</sup> principe&nbsp;:</p>
  184. <blockquote lang="en">
  185. <p>Design mediates so much of our realities and has tremendous impact on our lives, yet very few of us participate in design processes. In particular, the people who are most adversely affected by design decisions — about visual culture, new technologies, the planning of our communities, or the structure of our political and economic systems — tend to have the least influence on those decisions and how they are made.</p>
  186. <p>[…]</p>
  187. <p>Before seeking new design solutions, <mark>we look for what is already working at the community level</mark>. We honor and uplift traditional, indigenous, and local knowledge and practices.</p>
  188. <p><cite><em><a href="https://designjustice.org/read-the-principles">Read the Principles - Design Justice Network</a></em> (<a href="/david/cache/2021/d685a0ad4878f3d833374164b49b3438/">cache</a>)</cite></p>
  189. </blockquote>
  190. </details>
  191. <h2><a href="/david/2021/02/11/" title="Lien permanent vers cet article">Nucléaire</a> (2021-02-11)</h2>
  192. <details>
  193. <summary>Déplier pour lire le contenu de la publication</summary>
  194. <blockquote>
  195. <p>Le principal problème de ces centrales n’est pas forcément le risque d’accident (le nucléaire tue ou a tué beaucoup moins de monde que toutes les autres énergies prises individuellement et à production d’énergie égale), mais plutôt le fait que cela nous laisse avec des produits de fission sur les bras&nbsp;: les fameux «&nbsp;déchets nucléaires&nbsp;».</p>
  196. <p>Ces déchets sont des matériaux souvent instables et radioactifs (donc dangereux), mais inexploitable à ce jour. Du coup, on doit les stocker sur le très long terme (100&#8239;000&nbsp;ans).</p>
  197. <p>Ceci n’est pas, au passage, sans rappeler le CO<sub>2</sub> issu de la production d’énergie par le charbon ou le gaz, qui <mark>lui aussi est un déchet stocké [dans l’atmosphère] pour des millions d’années</mark> où il est responsable d’une pollution sans précédent et provoquant le réchauffement climatique et ses conséquences mortelles.</p>
  198. <p><cite><em><a href="https://couleur-science.eu/?d=268bbb--comment-fonctionne-une-centrale-nucleaire">Comment fonctionne une centrale nucléaire&#8239;?</a></em> (<a href="/david/cache/2021/75d7cccf22ce15ad026621e8e753d65b/">cache</a>)</cite></p>
  199. </blockquote>
  200. <p>Je ne l’avais jamais envisagé ainsi. J’aime être un peu bousculé dans mes croyances <em>juste</em> par une changement de perspective. Deux neurones se connectent pour créer un nouveau chemin de pensées.</p>
  201. </details>
  202. </main>
  203. <hr>
  204. <footer>
  205. <p>
  206. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  207. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  208. </svg> Accueil</a> •
  209. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  210. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  211. </svg> Suivre</a> •
  212. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  213. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  214. </svg> Pro</a> •
  215. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  216. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  217. </svg> Email</a> •
  218. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  219. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  220. </svg> Légal</abbr>
  221. </p>
  222. <template id="theme-selector">
  223. <form>
  224. <fieldset>
  225. <legend><svg class="icon icon-brightness-contrast">
  226. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  227. </svg> Thème</legend>
  228. <label>
  229. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  230. </label>
  231. <label>
  232. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  233. </label>
  234. <label>
  235. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  236. </label>
  237. </fieldset>
  238. </form>
  239. </template>
  240. </footer>
  241. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  242. <script>
  243. function loadThemeForm(templateName) {
  244. const themeSelectorTemplate = document.querySelector(templateName)
  245. const form = themeSelectorTemplate.content.firstElementChild
  246. themeSelectorTemplate.replaceWith(form)
  247. form.addEventListener('change', (e) => {
  248. const chosenColorScheme = e.target.value
  249. localStorage.setItem('theme', chosenColorScheme)
  250. toggleTheme(chosenColorScheme)
  251. })
  252. const selectedTheme = localStorage.getItem('theme')
  253. if (selectedTheme && selectedTheme !== 'undefined') {
  254. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  255. }
  256. }
  257. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  258. window.addEventListener('load', () => {
  259. let hasDarkRules = false
  260. for (const styleSheet of Array.from(document.styleSheets)) {
  261. let mediaRules = []
  262. for (const cssRule of styleSheet.cssRules) {
  263. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  264. continue
  265. }
  266. // WARNING: Safari does not have/supports `conditionText`.
  267. if (cssRule.conditionText) {
  268. if (cssRule.conditionText !== prefersColorSchemeDark) {
  269. continue
  270. }
  271. } else {
  272. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  273. continue
  274. }
  275. }
  276. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  277. }
  278. // WARNING: do not try to insert a Rule to a styleSheet you are
  279. // currently iterating on, otherwise the browser will be stuck
  280. // in a infinite loop…
  281. for (const mediaRule of mediaRules) {
  282. styleSheet.insertRule(mediaRule.cssText)
  283. hasDarkRules = true
  284. }
  285. }
  286. if (hasDarkRules) {
  287. loadThemeForm('#theme-selector')
  288. }
  289. })
  290. </script>
  291. </body>
  292. </html>