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 41KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450
  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 #traces — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #traces">
  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. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <header>
  54. <h1>Publications relatives au tag #traces</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  59. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  60. </svg> Accueil</a>
  61. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  62. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use>
  63. </svg> Étiquettes</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Liste des publications en ordre chronologique :</p>
  69. <h2><a href="/david/2021/02/03/" title="Lien permanent vers cet article">Consentement</a> (2021-02-03)</h2>
  70. <details>
  71. <summary>Déplier pour lire le contenu de l’article</summary>
  72. <blockquote lang="en">
  73. <p>The Consentful Tech Project’s definition of good <mark>digital consent</mark> is adapted from Planned Parenthood’s definition of sexual consent, which abbreviates to the easy-to-remember, tasty acronym “FRIES.” According to this definition, consent must be:</p>
  74. <ul>
  75. <li><strong>Freely given.</strong> Doing something with someone is a decision that should be made without pressure, force, manipulation, or while incapacitated.</li>
  76. <li><strong>Reversible.</strong> Anyone can change their mind about what they want to do, at any time.</li>
  77. <li><strong>Informed.</strong> Be honest. For example, if someone says they’ll use protection and then they don’t, that’s not consent.</li>
  78. <li><strong>Enthusiastic.</strong> If someone isn’t excited, or really into it, that’s not consent.</li>
  79. <li><strong>Specific.</strong> Saying yes to one thing doesn’t mean they’ve said yes to others.</li>
  80. </ul>
  81. <p><cite><em><a href="https://www.consentfultech.io/">What is Consentful Tech?</a></em></cite></p>
  82. </blockquote>
  83. <p>Jolie découverte <a href="https://www.internetactu.net/2021/02/03/design-justice-repolitiser-le-design/">via un auto-commentaire</a> (<a href="/david/cache/2021/6faa32ba37a3b1232125db9858700627/">cache</a>) de la part d’Hubert Guillaud sur un article bien dense aussi. Il y a un <a href="http://www.consentfultech.io/wp-content/uploads/2019/10/Building-Consentful-Tech.pdf">PDF de 300&#8239;Ko</a> (<a href="/static/david/2021/Building-Consentful-Tech.pdf">cache</a>) qui vient compléter la définition et qui donne davantage de précisions — dont celle-ci en particulier&nbsp;:</p>
  84. <blockquote lang="en">
  85. <p>“Fail faster” is a maxim of application developers these days. It means putting something out into the world quickly and responding to user feedback in future iterations. This is a great way to optimize the value of your application to your users, by starting with something simple and experimenting until you get the right features.</p>
  86. <p>[…]</p>
  87. <p>It isn’t enough to iterate features in response to harm — <mark>we must also iterate the process that lead to those features being released</mark>. What would that process look like if it was centered around the privacy and security of survivors of violence? Of people from communities that are regularly subject to state surveillance?</p>
  88. </blockquote>
  89. <p>Les plateformes peuvent s’excuser <em>a posteriori</em> mais qu’en est-il de <a href="/david/2021/01/06/" title="Clown d’État">rendre des comptes</a> sur ce qui a été mis en place en interne pour ne pas reproduire de telles situations&#8239;? Voilà de quoi ajouter pas mal d’eau au moulin qui me sert de cerveau. Et pendant ce temps là, j’apprends qu’il y a des <q>chiens de garde de la vie privée</q> au Canada&nbsp;:</p>
  90. <blockquote>
  91. <p>Le rapport note entre autres que l’entreprise américaine a constitué une base de données de «&nbsp;plus de trois milliards d’images de visages&nbsp;», y compris ceux d’un grand nombre de Canadiens et d’enfants. Des forces policières y ont eu accès, tout comme des organisations commerciales, et ce, <mark>sans le consentement des personnes</mark>, déplorent le commissaire Daniel Therrien et ses homologues du Québec, de l’Alberta et de la Colombie-Britannique.</p>
  92. <p><cite><em><a href="https://www.ledevoir.com/societe/594536/reconnaissance-faciale-clearview-ai-a-viole-la-vie-privee-des-canadiens">Reconnaissance faciale: Clearview AI a violé la vie privée des Canadiens</a></em> (<a href="/david/cache/2021/0e0d866f920298fbc0624c03ddc83d24/">cache</a>)</cite></p>
  93. </blockquote>
  94. </details>
  95. <h2><a href="/david/2021/02/12/" title="Lien permanent vers cet article">Beauté</a> (2021-02-12)</h2>
  96. <details>
  97. <summary>Déplier pour lire le contenu de l’article</summary>
  98. <blockquote>
  99. <p>Je m’interroge sur la pertinence de persévérer dans le combat politique quand certains jours tout me crie de faire sécession, de cultiver le lieu et l’instant. À l’instar de l’orchestre du <em>Titanic</em> qui continue de jouer, digne et vertical jusqu’au naufrage, pendant que les autres passagers s’entretuent pour se sauver, quelle est la meilleure manière, la plus adaptée, <mark>d’ajouter de la poésie au monde</mark>, de défendre la beauté dans une société en train de couler&#8239;?</p>
  100. <p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p>
  101. </blockquote>
  102. <p>Maladroite tentative de justifier le fait <a href="/david/2021/02/07/" title="Ostentatoire">d’avoir cédé</a>. Je ne sais pas ce qui me pousse à vouloir avoir les moyens de produire des <a href="/david/2021/01/19/" title="Chaîne de capture">images</a> d’une telle qualité technique, peut-être la médiocre estime de ce que je suis. Lorsqu’on commence à se connaître, difficile de se cacher ses propres travers…</p>
  103. <p>J’explore aussi la piste d’une certaine forme d’héritage. Avoir connu la neige à Montréal sera peut-être une chose à montrer, à transmettre dans quelques années. Peut-être qu’il y aura une symbolique d’espoir dans ces quelques images, la promesse d’un futur qui pourrait se rééquilibrer. L’histoire d’un passé que l’on ne voudra pas reproduire. Les jeunes y croiront, les vieux souriront.</p>
  104. <p>J’ai au moins eu la décence d’acquérir tout cela de seconde main.</p>
  105. <blockquote>
  106. <p>Pour moi, il ne suffit pas de savoir que, puisque nous ne sommes pas libres de nos actes, tout est excusable. <mark>Ce que je cherche, ce n’est pas une excuse à ma vie mais exactement le contraire</mark> d’une excuse&nbsp;: le pardon. L’idée me vient finalement que toute consolation ne prenant pas en compte ma liberté est trompeuse, qu’elle n’est que l’image réfléchie de mon désespoir. En effet, lorsque mon désespoir me dit&nbsp;: Perds confiance, car chaque jour n’est qu’une trêve entre deux nuits, la fausse consolation me crie&nbsp;: Espère, car chaque nuit n’est qu’une trêve entre deux jours.</p>
  107. <p><cite><em>Notre besoin de consolation est impossible à rassasier</em>, Stig Dagerman</cite></p>
  108. </blockquote>
  109. </details>
  110. <h2><a href="/david/2021/03/06/" title="Lien permanent vers cet article">Pistage</a> (2021-03-06)</h2>
  111. <details>
  112. <summary>Déplier pour lire le contenu de l’article</summary>
  113. <blockquote>
  114. <p>Quant à le définir&nbsp;: d’abord il faut comprendre que le pistage est pour moi complètement désarticulé de la chasse&nbsp;: cela n’a rien à voir. Le «&nbsp;pistage philosophique&nbsp;» qui m’intéresse est plutôt de se rendre sensible à la manière dont les autres vivants habitent avec nous ce monde, pour inventer des formes de cohabitation plus riches et plus vivables pour tous. Je le définirai donc comme une manière renouvelée d’<mark>être attentif aux vivants</mark>. […] Ce que j’aime dans cette affaire, c’est qu’il s’agit d’une pratique dans laquelle on est sorti de l’opposition entre pensée et sensibilité, entre théorie et pratique&nbsp;: dans le pistage, pour interpréter les indices laissés par un cerf, une panthère des neiges ou un loup, on tisse de manière très serrée les sens, l’intuition, l’imagination, et le raisonnement, le tout pour chercher un état d’attention très aiguisé, vibratile, à ce qui se passe autour.</p>
  115. <p><cite><em><a href="https://www.humanite.fr/baptiste-morizot-lanimalite-est-constitutive-de-notre-identite-dans-ce-quelle-de-sain-658797">Baptiste Morizot&nbsp;: «&nbsp;L’animalité est constitutive de notre identité dans ce qu’elle a de sain&nbsp;»</a></em> (<a href="/david/cache/2021/9d1a6e44ba8805d53071ba461df238b0/">cache</a>)</cite></p>
  116. </blockquote>
  117. <p>C’est une piste que j’aimerais suivre&nbsp;: être en capacité d’apprendre de simples <a href="/david/stream/2018/05/18/">traces</a>, d’imaginer des interactions, des scénarios à partir des éléments laissés, remonter un cheminement pour tenter d’en comprendre les intentions. C’est ce que j’avais <a href="/david/stream/2019/10/08/">commencé</a> à <a href="/david/stream/2018/12/04/">faire</a> avec les <a href="https://fr.programmescoyote.com/">Programmes Coyote</a> mais ils sont maintenant un peu trop éloignés (sans compter que c’est compliqué en ce moment…). Or, c’est un apprentissage qui demande à être accompagné — à moins peut-être d’habiter la forêt à plein temps.</p>
  118. <p>Encore et toujours une question de temps.</p>
  119. </details>
  120. <h2><a href="/david/2021/03/31/" title="Lien permanent vers cet article">Formes</a> (2021-03-31)</h2>
  121. <details>
  122. <summary>Déplier pour lire le contenu de l’article</summary>
  123. <blockquote lang="en">
  124. <p>Or rather, as a knowledge base or wiki develops, it should - just like a real city - encourage its users to gravitate towards these different fundamental elements. A page that starts to function a little bit like a road should transform into a slick navigation element, available on all its linked pages. A page which is functioning like a landmark should start being visible from two hops away.</p>
  125. <p>It would be interesting to investigate exactly <mark>what the minimal level of physical appearance is required</mark> to trigger the automatic behaviour of loading/resetting human memory and associations.</p>
  126. <p>Like, following a hyperlink might not activate the neurological automation.</p>
  127. <p><cite><em><a href="https://interconnected.org/home/2021/03/31/maps">Clues for software design in how we sketch maps of cities</a></em> (<a href="/david/cache/2021/4dd972c7ed4d1f01f0d63956763134d1/">cache</a>)</cite></p>
  128. </blockquote>
  129. <p>Donner une forme aux agencement du Web, matérialiser les relations, prendre conscience des changements d’espaces. Combien d’années, décennies, siècles, seront nécessaires pour que notre cerveau s’adapte à ces nouvelles représentations&#8239;?</p>
  130. <p><em>Si ce site avait une forme, quelle serait-elle&#8239;?</em> Et quelle fonction aurait-il dans un village&#8239;? Suis-je en train de crier dans une ruelle que je rêverais d’être un pont&#8239;? #ContrePèterie</p>
  131. </details>
  132. <h2><a href="/david/2021/04/27/" title="Lien permanent vers cet article">Cheminement</a> (2021-04-27)</h2>
  133. <details>
  134. <summary>Déplier pour lire le contenu de l’article</summary>
  135. <blockquote>
  136. <p>Quand nous concevons des systèmes informatiques exposant un objet numérique, comme ce carnet Web. Nous représentons une interprétation. Mais ce qui est important n’est pas vraiment ce que j’écris maintenant. Mon interprétation, ma catégorisation n’ont pas tant le besoin d’une expression. Non, <mark>ce qui est époustouflant, c’est le chemin des mots.</mark> Quelqu’un prend un morceau de texte, une idée, et créé une autre interprétation. Autant de chemins que de lecteurs. Autant d’aventures et de passion que de personnes qui écrivent en ayant rencontré ce chemin. L’impermanence est le bouillon des envies des autres de bifurquer le chemin.</p>
  137. <p><cite><em><a href="https://www.la-grange.net/2021/04/17/pluie">regarder la pluie tomber sur les surfeurs</a></em> (<a href="/david/cache/2021/9a8f56d9efefd5fa0bda187c76666403/">cache</a>)</cite></p>
  138. </blockquote>
  139. <p>Je prends le temps de <em>biforker</em> à mon tour ce chemin de traverse.</p>
  140. <p>C’est marrant car on discutait il y a quelques jours avec <a href="https://nota-bene.org/">Stéphane</a> au sujet de la <a href="https://nota-bene.org/Contribution-au-monde-et-outils">façon de se définir</a> (<a href="/david/cache/2021/1b0510b90c1d90366209c631b7adb0be/">cache</a>) et ça m’a rappelé un de mes <a href="/david/blog/2016/passion-definition/">vieux articles</a> qui était probablement lui-même un rebond. Le plus intrigant étant de devenir parfois son propre rebond. Encore plus méta, se rendre compte que l’on a déjà écrit à ce (méta-)sujet. Un tour de <a href="/david/stream/2018/04/07/">spirale</a> de plus.</p>
  141. </details>
  142. <h2><a href="/david/2021/05/04/" title="Lien permanent vers cet article">Touriste</a> (2021-05-04)</h2>
  143. <details>
  144. <summary>Déplier pour lire le contenu de l’article</summary>
  145. <blockquote>
  146. <p>Finalement, ces contenus deviennent les reflets revendiqués de pratiques touristiques où seule la trace numérique est suffisante pour <mark>justifier</mark> l’existence et l’expérience du séjour.</p>
  147. <p><cite><em><a href="https://usbeketrica.com/fr/article/travel-porn-outil-distinction-social">Le «&nbsp;TravelPorn&nbsp;», nouvel outil de distinction sociale sur les réseaux sociaux</a></em> (<a href="/david/cache/2021/bda7c1903601dae7d2b10ce8e3d87572/">cache</a>)</cite></p>
  148. </blockquote>
  149. <p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p>
  150. <p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends&#8239;!</p>
  151. </details>
  152. <h2><a href="/david/2021/05/13/" title="Lien permanent vers cet article">Obsolescence chiffrée</a> (2021-05-13)</h2>
  153. <details>
  154. <summary>Déplier pour lire le contenu de l’article</summary>
  155. <blockquote lang="en">
  156. <p>On September 30, there will be a change in how older browsers and devices trust Let’s Encrypt certificates, resulting in a <mark>minor decrease</mark> in compatibility. -- The Let’s Encrypt team</p>
  157. <p><cite>Un courriel adressé à toutes les personnes ayant généré des certificats Let’s Encrypt (incluant indirectement cet espace)</cite></p>
  158. </blockquote>
  159. <p>C’est un bon rappel que <a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/">HTTPS crée de l’obsolescence</a> (<a href="/david/cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/">cache</a>) en ne supportant plus des périphériques plus anciens (au même titre qu’un système d’exploitation par exemple). La durée acceptable semble être de 10&nbsp;ans dans le cas du compromis qui a été fait. Les personnes détentrices (<a href="https://letsencrypt.org/docs/certificate-compatibility/">entre beaucoup d’autres</a>) d’un iPhone 4&nbsp;ne pourront plus accéder à cet espace — et des millions d’autres — d’ici la fin de l’année et ça me rend triste.</p>
  160. <p>Voir les <a href="/david/stream/2018/01/06/">épisodes</a> <a href="/david/stream/2018/01/10/">précédents</a> au <a href="/david/stream/2018/01/24/">sujet de HTTPS</a>.</p>
  161. </details>
  162. <h2><a href="/david/2021/05/21/" title="Lien permanent vers cet article">Voiture espion</a> (2021-05-21)</h2>
  163. <details>
  164. <summary>Déplier pour lire le contenu de l’article</summary>
  165. <blockquote lang="en">
  166. <p>The kit, MSAB says, also has the ability to discover specific events that most car owners are probably unaware are even recorded, like “when and where a vehicle’s lights are turned on, and which doors are opened and closed at specific locations” as well as “gear shifts, odometer reads, ignition cycles, speed logs, and more.” <mark>This car-based surveillance, in other words, goes many miles beyond the car itself.</mark></p>
  167. <p>[…]</p>
  168. <p>Anyone who’s taken a spin in a new-ish vehicle and connected their phone — whether to place a hands-free call, listen to Spotify, or get directions — has probably been prompted to share their entire contact list, presented as a necessary step to place calls but without any warning that a perfect record of everyone they’ve ever known will now reside inside their car’s memory, sans password.</p>
  169. <p><cite><em><a href="https://theintercept.com/2021/05/03/car-surveillance-berla-msab-cbp/">Your Car Is Spying on You. A CBP Contract Shows the Risks.</a></em> (<a href="/david/cache/2021/ce7d120b6e5c13644a538f5116b4409b/">cache</a>)</cite></p>
  170. </blockquote>
  171. <p>C’est la double raison m’ayant (aussi) motivé à acheter une voiture ayant plus de 10&nbsp;ans d’une part, ce qui limite drastiquement le niveau d’électronique à bord. Et également à éviter les voitures de location modernes qui récupèrent autant de données à chaque rechargement de batterie du téléphone indispensable rendu impératif vu la consommation lors de l’usage du GPS.</p>
  172. <p>Je n’ai trouvé aucun moyen, selon les modèles, de refuser que tout soit envoyé vers la voiture. Et encore moins de tout effacer lorsqu’on rend le véhicule. C’est préoccupant et il <strong>faut</strong> y penser.</p>
  173. <blockquote>
  174. <p>— Il y a là une leçon également. À quoi servent de telles machines, en réalité&#8239;? À accroître le nombre de choses que nous pouvons faire sans y penser. Voilà le vrai danger… <mark>les choses que nous faisons sans y penser.</mark> Pense à tout le temps que tu as passé à parcourir ce désert avant de songer à mettre ton rabat en place.<br />
  175. — Vous auriez pu m’avertir&#8239;!<br />
  176. — Et resserrer ta dépendance&#8239;?</p>
  177. <p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p>
  178. </blockquote>
  179. </details>
  180. <h2><a href="/david/2021/05/27/" title="Lien permanent vers cet article">Craftsman</a> (2021-05-27)</h2>
  181. <details>
  182. <summary>Déplier pour lire le contenu de l’article</summary>
  183. <blockquote lang="en">
  184. <p>You’re on duty til you die, you know, as a craftsman.</p>
  185. <p><cite><em><a href="https://www.youtube-nocookie.com/embed/5wlH4n3guYY">The master craftsman: Shimada Takayuki</a></em>, vidéo Google Youtube</cite></p>
  186. </blockquote>
  187. <p>Il y a souvent ce débat dans la communauté des développeur·euses pour savoir s’il s’agit d’un <em>craft</em>, si on peut être considéré·es comme étant des artisans, etc. Je crois même qu’à un moment je me décrivais ici-même comme étant un «&nbsp;Artisan du Web&nbsp;». Ce n’est plus le cas aujourd’hui.</p>
  188. <p>Même si on s’amuse sur <a href="https://www.turingtumble.com/">Turing Tumble</a>, je n’ai pas l’intention de transmettre grand chose dans ce domaine. Et je n’ai pas la prétention d’avoir suffisamment appris pour avoir une pratique unique et transmissible à ce titre.</p>
  189. <p>Je crois que, non seulement j’accepte mais, je vais même jusqu’à apprécier de plus en plus le côté éphémère de mes productions. <a href="/david/2021/05/28/">Si</a> mon <abbr title="Curriculum vitæ">CV</abbr> est une <em>blockchain</em> 🤔, savoir que la plupart des sites que j’ai accompagné ne sont plus alimentés est un soulagement.</p>
  190. <blockquote>
  191. <p>L’image des mots commence à se déformer à l’instant même où ils sont formulés. Les idées incrustées dans un langage ne peuvent s’exprimer que dans ce langage donné. C’est l’essence même de la signification profonde du terme «&nbsp;exotique&nbsp;». Vous voyez comme les distorsions commencent à apparaître&#8239;? La traduction vacille en présence de l’exotique. Le galach que je parle ici s’impose. C’est un cadre de référence externe, un système particulier. <mark>Tous les systèmes recèlent des dangers. Ils englobent les croyances non vérifiées de leurs créateurs.</mark> Adopter un système, adhérer à ses croyances, c’est renforcer la résistance au changement.</p>
  192. <p><cite><em>Les Mémoires Volés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p>
  193. </blockquote>
  194. </details>
  195. <h2><a href="/david/2021/05/28/" title="Lien permanent vers cet article">Curriculum chain</a> (2021-05-28)</h2>
  196. <details>
  197. <summary>Déplier pour lire le contenu de l’article</summary>
  198. <blockquote>
  199. <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 />
  200. D’une atteinte narcissique à une autre l’existence finit par peser.</p>
  201. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  202. </blockquote>
  203. <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>
  204. <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>
  205. <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>
  206. </details>
  207. <h2><a href="/david/2021/06/21/" title="Lien permanent vers cet article">Voûte</a> (2021-06-21)</h2>
  208. <details>
  209. <summary>Déplier pour lire le contenu de l’article</summary>
  210. <blockquote>
  211. <p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu’il nous faille croire à l’immortalité de la prose&#8239;? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d’une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p>
  212. <p><mark>Peut-être qu’il ne faut pas tant se soucier de l’existence posthume d’un site Web.</mark> Il suffit qu’une personne ou une communauté de personnes pour réaliser la copie d’un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête.</p>
  213. </blockquote>
  214. <blockquote>
  215. <p><cite><em><a href="https://www.la-grange.net/2021/06/02/envoutement">Web envoûté</a></em> (<a href="/david/cache/2021/8809cdb7b9693d1edff1f6627eeaae83/">cache</a>)</cite></p>
  216. </blockquote>
  217. <p>J’accepte progressivement cette idée aussi. Je suis déjà suffisamment bruyant de mon vivant pour pouvoir imposer cela à d’autres. Il faudra que je mette à jour mon <a href="/david/blog/2013/testament-numerique/">testament numérique</a> pour expliciter cela.</p>
  218. <p>C’est peut-être la <em>clef</em>, ne plus prétendre combler un vide. Celui de sa <a href="/david/2021/06/09/" title="Parenthèse">disparition</a>.</p>
  219. <blockquote lang="en">
  220. <p>As I wrote in January, silence is effectively impossible on the contemporary internet, where “<mark>voids are just filled by other people’s content</mark>, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but as Venkatesh Rao has observed, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.”</p>
  221. <p><cite><em><a href="https://kneelingbus.substack.com/p/162-minimum-viable-self">#162: Minimum Viable Self</a> (<a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/">cache</a>)</em></cite></p>
  222. </blockquote>
  223. </details>
  224. <h2><a href="/david/2021/06/25/" title="Lien permanent vers cet article">Données</a> (2021-06-25)</h2>
  225. <details>
  226. <summary>Déplier pour lire le contenu de l’article</summary>
  227. <blockquote lang="en">
  228. <p>Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.</p>
  229. <p><mark>Maybe we should be very explicit, and refer to data as our lives.</mark> Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.</p>
  230. <p><cite><em><a href="https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it">Data isn’t oil, so what is it?</a></em> (<a href="/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/">cache</a>)</cite></p>
  231. </blockquote>
  232. <p>Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.</p>
  233. <p>J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte&nbsp;:</p>
  234. <p><q>Supprimer votre vie.</q></p>
  235. </details>
  236. <h2><a href="/david/2021/07/14/" title="Lien permanent vers cet article">Livre ouvert</a> (2021-07-14)</h2>
  237. <details>
  238. <summary>Déplier pour lire le contenu de l’article</summary>
  239. <blockquote lang="en">
  240. <p>Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, <mark>the engineer was also able to see her location in real time.</mark></p>
  241. <p><cite><em><a href="https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7">Facebook Fired Dozens Over Abusing Access to User Data, New Book Says</a></em> (<a href="/david/cache/2021/6e36731348841db8712631851ee3467a/">cache</a>)</cite></p>
  242. </blockquote>
  243. <p>Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.</p>
  244. <p>Dans les <a href="/david/2020/02/07/">épisodes</a> <a href="/david/2020/02/14/">précédents</a> et <a href="/david/2020/06/25/#targets">nombreux</a>.</p>
  245. <p><a href="/david/2021/06/25/" title="Données">#Delete</a><a href="https://byebyefacebook.loupbrun.ca/fr/">Facebook</a>.</p>
  246. </details>
  247. <h2><a href="/david/2021/07/21/" title="Lien permanent vers cet article">Espoir</a> (2021-07-21)</h2>
  248. <details>
  249. <summary>Déplier pour lire le contenu de l’article</summary>
  250. <blockquote lang="en">
  251. <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>
  252. <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>
  253. <p>I like that.</p>
  254. <p><cite><em><a href="https://adactio.com/journal/18292">Hope</a></em> (<a href="/david/cache/2021/d650cd3cc8831f1b28b6cc2f7eb0f9f7/">cache</a>)</cite></p>
  255. </blockquote>
  256. <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>
  257. <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>
  258. <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>
  259. <blockquote lang="en">
  260. <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>
  261. <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>
  262. <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>
  263. </blockquote>
  264. </details>
  265. <h2><a href="/david/2021/11/14/" title="Lien permanent vers cet article">Captées</a> (2021-11-14)</h2>
  266. <details>
  267. <summary>Déplier pour lire le contenu de l’article</summary>
  268. <blockquote>
  269. <p>Plutôt que de <em>data</em>, il nous faudrait plutôt parler de <em>capta</em>&nbsp;:</p>
  270. <ol>
  271. <li>les <em>data</em> ne sont pas données comme l’espace et le temps, elles doivent être <strong>produites</strong>&#8239;;</li>
  272. <li>les <em>data</em> sont toujours <strong>construites</strong> d’une manière particulière, d’après une vision du monde&#8239;;</li>
  273. <li>pour être connues, les <em>data</em> doivent être <strong>captées</strong>&#8239;; il a y donc un choix entre le type d’information qui a été retenu et ce qui a été ignoré&#8239;;</li>
  274. <li>les <em>data</em> seraient donc <strong>beaucoup moins objectives</strong> qu’elles ne le paraissent à première vue.</li>
  275. </ol>
  276. <p><cite><em><a href="https://journal.loupbrun.ca/n/119/">Les données ne sont pas données</a></em> (<a href="/david/cache/2021/5b13354f8ffafd6cf2af4efd3a37dbca/">cache</a>)</cite></p>
  277. </blockquote>
  278. <p>Distinction importante rapportée par Louis-Olivier Brassard. J’accorde beaucoup d’importance à cette distinction sémantique, surtout avec le double sens de «&nbsp;données&nbsp;» en français qui prête d’autant plus à confusion…</p>
  279. <p>Peut-être <a href="https://adactio.com/journal/18625">faudrait-il même évoquer</a> (<a href="/david/cache/2021/a2489e4ca3410b8cc1fdec65c2c1d47a/">cache</a>) des <em>tracka</em>&#8239;? Auquel cas l’ambiguïté est davantage acceptable, souhaitable&#8239;? 😇</p>
  280. </details>
  281. </main>
  282. <hr>
  283. <footer>
  284. <p>
  285. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  286. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  287. </svg> Accueil</a> •
  288. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  289. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  290. </svg> Suivre</a> •
  291. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  292. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  293. </svg> Pro</a> •
  294. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  295. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  296. </svg> Email</a> •
  297. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  298. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  299. </svg> Légal</abbr>
  300. </p>
  301. <template id="theme-selector">
  302. <form>
  303. <fieldset>
  304. <legend><svg class="icon icon-brightness-contrast">
  305. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  306. </svg> Thème</legend>
  307. <label>
  308. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  309. </label>
  310. <label>
  311. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  312. </label>
  313. <label>
  314. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  315. </label>
  316. </fieldset>
  317. </form>
  318. </template>
  319. </footer>
  320. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  321. <script>
  322. function loadThemeForm(templateName) {
  323. const themeSelectorTemplate = document.querySelector(templateName)
  324. const form = themeSelectorTemplate.content.firstElementChild
  325. themeSelectorTemplate.replaceWith(form)
  326. form.addEventListener('change', (e) => {
  327. const chosenColorScheme = e.target.value
  328. localStorage.setItem('theme', chosenColorScheme)
  329. toggleTheme(chosenColorScheme)
  330. })
  331. const selectedTheme = localStorage.getItem('theme')
  332. if (selectedTheme && selectedTheme !== 'undefined') {
  333. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  334. }
  335. }
  336. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  337. window.addEventListener('load', () => {
  338. let hasDarkRules = false
  339. for (const styleSheet of Array.from(document.styleSheets)) {
  340. let mediaRules = []
  341. for (const cssRule of styleSheet.cssRules) {
  342. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  343. continue
  344. }
  345. // WARNING: Safari does not have/supports `conditionText`.
  346. if (cssRule.conditionText) {
  347. if (cssRule.conditionText !== prefersColorSchemeDark) {
  348. continue
  349. }
  350. } else {
  351. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  352. continue
  353. }
  354. }
  355. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  356. }
  357. // WARNING: do not try to insert a Rule to a styleSheet you are
  358. // currently iterating on, otherwise the browser will be stuck
  359. // in a infinite loop…
  360. for (const mediaRule of mediaRules) {
  361. styleSheet.insertRule(mediaRule.cssText)
  362. hasDarkRules = true
  363. }
  364. }
  365. if (hasDarkRules) {
  366. loadThemeForm('#theme-selector')
  367. }
  368. })
  369. </script>
  370. </body>
  371. </html>