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

9 months ago
8 months ago
9 months ago
9 months ago
7 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
3 months ago
3 months ago
4 months ago
6 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
8 months ago
9 months ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354
  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>
  13. Étiquette #Ă©criture
  14. — David Larlet</title>
  15. <script>
  16. function toggleTheme(themeName) {
  17. document.documentElement.classList.toggle(
  18. 'forced-dark',
  19. themeName === 'dark'
  20. )
  21. document.documentElement.classList.toggle(
  22. 'forced-light',
  23. themeName === 'light'
  24. )
  25. }
  26. const selectedTheme = localStorage.getItem('theme')
  27. if (selectedTheme !== 'undefined') {
  28. toggleTheme(selectedTheme)
  29. }
  30. </script>
  31. <!-- Documented, feel free to shoot an email. -->
  32. <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  33. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  34. <link rel="preload"
  35. href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
  36. as="font"
  37. type="font/woff2"
  38. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  39. crossorigin>
  40. <link rel="preload"
  41. href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
  42. as="font"
  43. type="font/woff2"
  44. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  45. crossorigin>
  46. <link rel="preload"
  47. href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
  48. as="font"
  49. type="font/woff2"
  50. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  51. crossorigin>
  52. <link rel="preload"
  53. href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
  54. as="font"
  55. type="font/woff2"
  56. media="(prefers-color-scheme: dark)"
  57. crossorigin>
  58. <link rel="preload"
  59. href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
  60. as="font"
  61. type="font/woff2"
  62. media="(prefers-color-scheme: dark)"
  63. crossorigin>
  64. <link rel="preload"
  65. href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
  66. as="font"
  67. type="font/woff2"
  68. media="(prefers-color-scheme: dark)"
  69. crossorigin>
  70. <meta name="description" content="Publications relatives au tag #Ă©criture">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow

  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body data-instant-intensity="viewport-all">
  111. <article>
  112. <header>
  113. <hgroup>
  114. <h1>#Ă©criture</h1>
  115. <p>Publications relatives Ă  cette Ă©tiquette</p>
  116. </hgroup>
  117. </header>
  118. <nav>
  119. <p>
  120. <a href="/david/" title="Aller à l’accueil">
  121. Accueil</a>
  122. ‱
  123. <a rel="tags"
  124. href="/david/2024/#tags"
  125. title="Liste de toutes les Ă©tiquettes">
  126. Étiquettes</a>
  127. ‱
  128. <a href="/david/recherche/" title="Aller Ă  la page de recherche" rel="search" data-no-instant>Recherche</a>
  129. ‱
  130. <a href="/david/log/" title="AccĂšs au flux RSS">Suivre</a>
  131. </p>
  132. </nav>
  133. <h2>
  134. <a href="/david/2024/06/28/" title="Lien permanent vers cet article">CompAIgnon</a> <time datetime="2024-06-28">28 juin 2024</time>
  135. </h2>
  136. <blockquote lang="en">
  137. <p>Tech companies big and small sell AI as something that thinks for us. It <em>does</em> replace thought with statistics—but it is not intelligent. No one knows what the future will bring. <mark>But is a future without thought a better&nbsp;future?</mark></p>
  138. <p>Now, with a tool that might help us think
 How about using AI not to think less but <em>more</em>?</p>
  139. <p><cite><em><a data-link-domain="ia.net" href="https://ia.net/topics/turning-the-tables-on-ai" hreflang="en"
  140. title="Consultation de l’article (anglais)">Turning the Tables on AI</a>
  141. <a href="/david/cache/2024/8f9d64c455a9246d5e23810ed10e3fe2/" hreflang="en"
  142. data-tippy data-description="AI is sold to make us think less... How about using AI not to think less but *more*?"
  143. data-source="https://ia.net/topics/turning-the-tables-on-ai"
  144. data-date="2024-06-24"
  145. data-favicon="https://ia.net/wp-content/themes/iA-library/assets/hotlink-ok/favicon-192x192.png"
  146. data-domain="ia.net"
  147. ><svg xmlns="http://www.w3.org/2000/svg"
  148. width="24" height="24" viewBox="0 0 24 24" fill="none"
  149. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  150. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  151. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  152. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  153. </svg>
  154. <span class="sr-only">[archive]</span></a></em></cite></p>
  155. </blockquote>
  156. <p>Un article qui ne considĂšre pas les <abbr lang="en" title="Large Language Model">LLM</abbr> comme des machines Ă  Ă©crire mais comme des aides Ă  penser. Ce n’est <a href="/david/2024/01/13/" title="Wuwei">toujours pas pour moi</a> mais j’apprĂ©cie cette tentative d’inverser la&nbsp;relation.</p>
  157. <p>Quelles doutes / confidences serait-on prĂȘt·es Ă  confesser Ă  une IA plus qu’à un humain&#8239;? Qu’est-ce que cela raconterait de nos peurs et&nbsp;insĂ©curitĂ©s&#8239;?</p>
  158. <blockquote lang="en">
  159. <p>The people who are most confident AI can replace writers are the ones who think writing is&nbsp;typing.</p>
  160. <p><cite>Andrew Ti sur&nbsp;X</cite></p>
  161. </blockquote>
  162. <a href="#hr-189" title="Lien vers cette section de la page"><hr id="hr-189" /></a>
  163. <blockquote lang="en">
  164. <p>Trust is a precious commodity. <mark>It takes a long time to build trust.</mark> It takes a short time to destroy&nbsp;it.</p>
  165. <p>I am honestly astonished that so many companies don’t seem to realise what they’re&nbsp;destroying.</p>
  166. <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/21160" hreflang="en"
  167. title="Consultation de l’article (anglais)">Adactio: Journal-Trust</a>
  168. <a href="/david/cache/2024/d4c01d246dc4f43aeb95c427ac5422a5/" hreflang="en"
  169. data-tippy data-description="How to destroy your greatest asset with AI."
  170. data-source="https://adactio.com/journal/21160"
  171. data-date="2024-06-24"
  172. data-favicon="https://adactio.com/icon.png"
  173. data-domain="adactio.com"
  174. ><svg xmlns="http://www.w3.org/2000/svg"
  175. width="24" height="24" viewBox="0 0 24 24" fill="none"
  176. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  177. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  178. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  179. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  180. </svg>
  181. <span class="sr-only">[archive]</span></a></em></cite></p>
  182. </blockquote>
  183. <p>Lorsque la confiance est perdue avant mĂȘme d’avoir vraiment Ă©tĂ© gagnĂ©e. <a data-link-domain="blog.kagi.com" href="https://blog.kagi.com/what-is-next-for-kagi#9" hreflang="en"
  184. title="Consultation de l’article (anglais)">Coucou Kagi</a>
  185. <a href="/david/cache/2024/463a5fd436bb887f90f9e01b01b7716b/" hreflang="en"
  186. data-tippy data-description="Two years ago, on June 1st, 2022, Kagi introduced ( https://blog.kagi.com/kagi-orion-public-beta ) a search engine that challenged the ad-supported version of the web."
  187. data-source="https://blog.kagi.com/what-is-next-for-kagi#9"
  188. data-date="2024-06-24"
  189. data-favicon="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>%f0%9f%97%9d%ef%b8%8f</text></svg>"
  190. data-domain="blog.kagi.com"
  191. ><svg xmlns="http://www.w3.org/2000/svg"
  192. width="24" height="24" viewBox="0 0 24 24" fill="none"
  193. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  194. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  195. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  196. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  197. </svg>
  198. <span class="sr-only">[archive]</span></a>. Et peut-ĂȘtre que c’est une bonne chose de ne pas se sentir loyal envers une marque / entreprise en fait&#8239;? Profit et confiance font rarement bon&nbsp;mĂ©nage.</p>
  199. <blockquote lang="en">
  200. <p>Apple’s been big on touting their environmental record in past presentations but left it out of this one. <mark>Maybe it’s hard to hype fancy autocorrect</mark> when we’re spinning carbon-intensive power plants back up to power&nbsp;it.</p>
  201. <p>Less privacy. More environmental impact. More hype. <em>Cool.</em></p>
  202. <p>More than anything it all goes to show that the one thing you can count on companies to do over the long term is disappoint&nbsp;you.</p>
  203. <p><cite><em><a data-link-domain="coryd.dev" href="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/" hreflang="en"
  204. title="Consultation de l’article (anglais)">Did anyone ask for these AI features? ‱ Cory Dransfeldt</a>
  205. <a href="/david/cache/2024/486e49501e495e42b2e40320969c373f/" hreflang="en"
  206. data-tippy data-description="I wasn't going to say anything about WWDC. I wasn't going to say anything about WWDC. But, did anyone actually ask for these AI features?"
  207. data-source="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/"
  208. data-date="2024-06-24"
  209. data-favicon="https://cdn.coryd.dev/assets/icons/favicon.svg?v=19.5.32"
  210. data-domain="coryd.dev"
  211. ><svg xmlns="http://www.w3.org/2000/svg"
  212. width="24" height="24" viewBox="0 0 24 24" fill="none"
  213. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  214. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  215. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  216. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  217. </svg>
  218. <span class="sr-only">[archive]</span></a></em></cite></p>
  219. </blockquote>
  220. <a href="#hr-190" title="Lien vers cette section de la page"><hr id="hr-190" /></a>
  221. <blockquote lang="en">
  222. <p>Recently, however, a number of execs and so-called “thought leaders” in tech seem to have genuinely convinced themselves that generative AI is on the verge of replacing all the work done by junior engineers. I have read so many articles about how junior engineering work is being automated out of existence, or that the need for junior engineers is shriveling up. It has officially driven me&nbsp;bonkers.</p>
  223. <p>All of this bespeaks a deep misunderstanding about what engineers actually do. <mark>By not hiring and training up junior engineers, we are cannibalizing our own future.</mark> We need to <em>stop doing that</em>.</p>
  224. <p><cite><em><a data-link-domain="stackoverflow.blog" href="https://stackoverflow.blog/2024/06/10/generative-ai-is-not-going-to-build-your-engineering-team-for-you/" hreflang="en"
  225. title="Consultation de l’article (anglais)">Generative AI Is Not Going To Build Your Engineering Team For You</a>
  226. <a href="/david/cache/2024/93c287363dbe9cae22f4360c5b107971/" hreflang="en"
  227. data-tippy data-description=""
  228. data-source="https://stackoverflow.blog/2024/06/10/generative-ai-is-not-going-to-build-your-engineering-team-for-you/"
  229. data-date="2024-06-24"
  230. data-favicon="https://stackoverflow.blog/favicon.ico"
  231. data-domain="stackoverflow.blog"
  232. ><svg xmlns="http://www.w3.org/2000/svg"
  233. width="24" height="24" viewBox="0 0 24 24" fill="none"
  234. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  235. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  236. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  237. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  238. </svg>
  239. <span class="sr-only">[archive]</span></a></em></cite></p>
  240. </blockquote>
  241. <p>C’est l’une de mes rĂ©flexions actuelles pour une future activitĂ© qui inclurait de la transmission / montĂ©e en compĂ©tence technique. J’ai l’impression de pouvoir apporter des choses dans le domaine et les personnes que l’on appelle «&nbsp;junior&nbsp;» galĂšrent pour trouver du boulot alors qu’elles sont dĂ©jĂ &nbsp;capables.</p>
  242. <a href="#hr-191" title="Lien vers cette section de la page"><hr id="hr-191" /></a>
  243. <blockquote lang="en">
  244. <p>The modern tech company or capitalistic enterprise is taking cues from fascism and dictators in how they introduce a small piece of controversy, like a testing of the waters. Wait for an “overreaction” by the masses/their audience/core users, wait for that to burnout and normalize, before flooding the zone with too much to fight or argue with all at once. <mark>This is the same way fascism causes burnout</mark> and complacency and feelings of helplessness, like there’s nothing to be done to fight the&nbsp;thing.</p>
  245. <p>This is what is being done with&nbsp;AI.</p>
  246. <p><cite><em><a data-link-domain="micro.anniegreens.lol" href="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html" hreflang="en"
  247. title="Consultation de l’article (anglais)">I’ve had this thought but never put it into words.</a>
  248. <a href="/david/cache/2024/54ee1030f6fef778ec10e59726bc5731/" hreflang="en"
  249. data-tippy data-description="The modern tech company or capitalistic enterprise is taking 
"
  250. data-source="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html"
  251. data-date="2024-06-24"
  252. data-favicon="https://micro.blog/anniegreens/favicon.png"
  253. data-domain="micro.anniegreens.lol"
  254. ><svg xmlns="http://www.w3.org/2000/svg"
  255. width="24" height="24" viewBox="0 0 24 24" fill="none"
  256. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  257. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  258. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  259. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  260. </svg>
  261. <span class="sr-only">[archive]</span></a></em></cite></p>
  262. </blockquote>
  263. <p>À relire dans un contexte d’élections&nbsp;#OhWait.</p>
  264. <a href="#hr-192" title="Lien vers cette section de la page"><hr id="hr-192" /></a>
  265. <blockquote>
  266. <p>L’une des grandes peurs entourant le dĂ©ploiement des systĂšmes d’intelligence artificielle (IA) concerne ses potentielles «&nbsp;dĂ©rives&nbsp;», quand celle-ci pourrait «&nbsp;dĂ©raper&nbsp;». Sauf que, rappelle Ollivier Dyens, l’humanitĂ© n’a pas eu besoin de l’IA pour commettre des atrocitĂ©s – camps de concentration, bombe atomique, massacres Ă  la machette et Ă  la baĂŻonnette, etc. <em>Pourquoi devrions-nous avoir davantage peur de&nbsp;l’IA&#8239;?</em></p>
  267. <p>L’intelligence artificielle, en tant que reflet de «&nbsp;nous-mĂȘmes&nbsp;», pourrait en fait nous servir de miroir, Ă  nous faire voir ce qui nous caractĂ©rise&#8239; (en tant qu’ĂȘtres humains, individuellement et collectivement), <mark>Ă  nous montrer nos propres biais – et en particulier ceux que nous n’arrivons pas Ă  discerner&nbsp;nous-mĂȘmes.</mark></p>
  268. <p><cite><em><a data-link-domain="lobrassard.net" href="https://www.lobrassard.net/carnet/2024-06-14-idees-recues-ecole-ete-humanites-numeriques.html" hreflang="fr"
  269. title="Consultation de l’article">Cinq idĂ©es reçues lors de l’école d’étĂ© sur les humanitĂ©s numĂ©riques</a>
  270. <a href="/david/cache/2024/92ca1fc6eb390997db6b76afaf742d63/" hreflang="fr"
  271. data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
  272. data-source="https://www.lobrassard.net/carnet/2024-06-14-idees-recues-ecole-ete-humanites-numeriques.html"
  273. data-date="2024-06-24"
  274. data-favicon="data:;base64,iVBORw0KGgo="
  275. data-domain="lobrassard.net"
  276. ><svg xmlns="http://www.w3.org/2000/svg"
  277. width="24" height="24" viewBox="0 0 24 24" fill="none"
  278. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  279. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  280. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  281. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  282. </svg>
  283. <span class="sr-only">[archive]</span></a></em></cite></p>
  284. </blockquote>
  285. <p>Compte-tenu de la façon dont sont entraĂźnĂ©s ces LLM, la dĂ©monstration de ces biais se ferait en les accentuant
 ce qui aurait potentiellement pour effet de les encourager au&nbsp;final&#8239;?!</p>
  286. <a href="#hr-193" title="Lien vers cette section de la page"><hr id="hr-193" /></a>
  287. <blockquote>
  288. <p>Selon Louise Champoux-PaillĂ© et Anne-Marie Croteau de l’École de gestion John-Molson, UniversitĂ© Concordia, les femmes sont moins intĂ©ressĂ©es par l’IA que les hommes, donc sont plus Ă  risque de perdre leur emploi dans l’avenir. En fait, est-ce vraiment un manque d’intĂ©rĂȘt ou ne serait-ce pas plutĂŽt <mark>la difficultĂ© de se tailler une place parce que les hommes ont la&nbsp;prĂ©fĂ©rence?</mark></p>
  289. <p><cite><em><a data-link-domain="mimo.blog" href="https://mimo.blog/le-panneau-des-prejuges" hreflang="fr"
  290. title="Consultation de l’article">Le panneau des prĂ©jugĂ©s</a>
  291. <a href="/david/cache/2024/63a6d75aee63c072c6d3b174c918740e/" hreflang="fr"
  292. data-tippy data-description="Selon Louise Champoux-PaillĂ© et Anne-Marie Croteau de l'École de gestion John-Molson, UniversitĂ© Concordia, les femmes sont moins intĂ©res..."
  293. data-source="https://mimo.blog/le-panneau-des-prejuges"
  294. data-date="2024-06-24"
  295. data-favicon="https://i.snap.as/CoWgXgFY.png"
  296. data-domain="mimo.blog"
  297. ><svg xmlns="http://www.w3.org/2000/svg"
  298. width="24" height="24" viewBox="0 0 24 24" fill="none"
  299. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  300. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  301. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  302. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  303. </svg>
  304. <span class="sr-only">[archive]</span></a></em></cite></p>
  305. </blockquote>
  306. <p>En parlant de&nbsp;biais.</p>
  307. <a href="#hr-194" title="Lien vers cette section de la page"><hr id="hr-194" /></a>
  308. <blockquote>
  309. <p>Dire que ChatGPT «&nbsp;hallucine&nbsp;» est un anthropomorphisme&nbsp;: c’est une mĂ©taphore, une reprĂ©sentation calquĂ©e sur une rĂ©alitĂ© que nous vivons en tant qu’humains&#8239;; en l’occurrence, on hallucine quand on perçoit quelque chose qui n’est pas vraiment&nbsp;lĂ .</p>
  310. <p>Or la réalité du fonctionnement de ChatGPT, qui est basé sur un grand modÚle de langue (large language model, LLM) est trÚs différente&nbsp;: [
]</p>
  311. <p>C’est essentiel Ă  comprendre&nbsp;: en tant que programme, <mark>la fonction de ChatGPT n’est pas de nous informer mais de simuler un interlocuteur humain.</mark> Pour cela, il assemble des Ă©lĂ©ments de langage de maniĂšre&nbsp;probabiliste.</p>
  312. <p><cite><em><a data-link-domain="arthurperret.fr" href="https://www.arthurperret.fr/blog/2024-06-21-chatgpt-et-l-indifference-a-la-verite.html" hreflang="fr"
  313. title="Consultation de l’article">ChatGPT et l’indiffĂ©rence Ă  la vĂ©ritĂ©</a>
  314. <a href="/david/cache/2024/8b0a0eb43814f315e2b296aa5bdd5eee/" hreflang="fr"
  315. data-tippy data-description="Site web dñ€™Arthur Perret, enseignant-chercheur en SIC."
  316. data-source="https://www.arthurperret.fr/blog/2024-06-21-chatgpt-et-l-indifference-a-la-verite.html"
  317. data-date="2024-06-24"
  318. data-favicon="https://www.arthurperret.fr/blog/favicon-32x32.png"
  319. data-domain="arthurperret.fr"
  320. ><svg xmlns="http://www.w3.org/2000/svg"
  321. width="24" height="24" viewBox="0 0 24 24" fill="none"
  322. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  323. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  324. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  325. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  326. </svg>
  327. <span class="sr-only">[archive]</span></a></em></cite></p>
  328. </blockquote>
  329. <p>De l’importance du champ lexical qui entoure ces technologies. Ces outils ne manipulent pas que des mots, ils nous font croire Ă  une nouvelle vĂ©ritĂ© alors qu’ils n’en ont pas la capacitĂ©. Et une partie de l’humanitĂ© devient croyante. (Le parallĂšle avec une religion est&nbsp;assumĂ©.)</p>
  330. <a href="#hr-195" title="Lien vers cette section de la page"><hr id="hr-195" /></a>
  331. <blockquote lang="en">
  332. <p>Don’t let the past steal your&nbsp;present.</p>
  333. <p><cite>CherrĂ­e L. Moraga</cite></p>
  334. </blockquote>
  335. <p>Comment les LLM peuvent-ils nous empĂȘcher de tourner en rond pour aller <a href="/david/stream/2018/04/07/">vers la spirale</a>&#8239;? Je me fais du souci <a data-link-domain="arxiv.org" href="https://arxiv.org/abs/2406.07016">pour la science</a>&nbsp;notamment&nbsp;:</p>
  336. <blockquote lang="en">
  337. <p>Recent large language models (LLMs) can generate and revise text with human-level performance, and have been widely commercialized in systems like ChatGPT. These models come with clear limitations: they can produce inaccurate information, reinforce existing biases, and be easily misused. Yet, many scientists have been using them to assist their scholarly writing. How wide-spread is LLM usage in the academic literature currently? To answer this question, we use an unbiased, large-scale approach, free from any assumptions on academic LLM usage. We study vocabulary changes in 14&nbsp;million PubMed abstracts from 2010-2024, and show how the appearance of LLMs led to an abrupt increase in the frequency of certain style words. <mark>Our analysis based on excess words usage suggests that at least 10% of 2024&nbsp;abstracts were processed with LLMs. This lower bound differed across disciplines, countries, and journals, and was as high as 30% for some PubMed sub-corpora. We show that the appearance of LLM-based writing assistants has had an unprecedented impact in the scientific literature, surpassing the effect of major world events such as the Covid&nbsp;pandemic.</mark></p>
  338. </blockquote>
  339. <p>Avec l’éternel questionnement associĂ©, qui ne date pas&nbsp;d’hier&nbsp;:</p>
  340. <blockquote lang="en">
  341. <p>So we enshrine the idea of intelligence into our computing paradigm when we don’t even know what it means for ourselves. <mark>Are we making computers smarter or ourselves&nbsp;dumber?</mark></p>
  342. <blockquote>
  343. <p>You can’t tell if a machine has gotten smarter or if you’ve just lowered your own standards of intelligence to such a degree that the machine seems&nbsp;smart.</p>
  344. </blockquote>
  345. <p>Prescient.</p>
  346. <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-you-are-not-a-gadget/" hreflang="en"
  347. title="Consultation de l’article (anglais)">Notes From “You Are Not A Gadget”</a>
  348. <a href="/david/cache/2024/b39aef611801e2b15f189e8d02586b88/" hreflang="en"
  349. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  350. data-source="https://blog.jim-nielsen.com/2024/notes-from-you-are-not-a-gadget/"
  351. data-date="2024-06-24"
  352. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  353. data-domain="blog.jim-nielsen.com"
  354. ><svg xmlns="http://www.w3.org/2000/svg"
  355. width="24" height="24" viewBox="0 0 24 24" fill="none"
  356. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  357. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  358. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  359. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  360. </svg>
  361. <span class="sr-only">[archive]</span></a></em></cite></p>
  362. </blockquote>
  363. <nav>
  364. <p>
  365. <a href="/david/2024/ecriture/"
  366. title="Liste de tous les articles 2024 associés à cette étiquette"
  367. rel="tag">#Ă©criture</a>
  368. <a href="/david/2024/ia/"
  369. title="Liste de tous les articles 2024 associés à cette étiquette"
  370. rel="tag">#IA</a>
  371. <a href="/david/2024/parvenir/"
  372. title="Liste de tous les articles 2024 associés à cette étiquette"
  373. rel="tag">#parvenir</a>
  374. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  375. </p>
  376. </nav>
  377. <h2>
  378. <a href="/david/2024/06/21/" title="Lien permanent vers cet article">Jour 1</a> <time datetime="2024-06-21">21 juin 2024</time>
  379. </h2>
  380. <p>Comme un besoin de forĂȘt. MĂȘme s’il faut affronter les mouches noires. MĂȘme si on sort de quelques jours de canicule. MĂȘme si de la pluie est&nbsp;annoncĂ©e.</p>
  381. <p>DĂ©part Ă  6h pour le Mont Ouareau, pas de performance en vue cette fois mais de la reconnaissance avec l’intention de faire la <a data-link-domain="clubpleinairsaint-donat.org" href="https://clubpleinairsaint-donat.org/cartes-et-sentiers/la-grande-boucle/">Grande Boucle</a> Ă  un&nbsp;moment.</p>
  382. <p>PremiĂšre surprise, la voiture n’est pas assaillie dĂšs mon arrivĂ©e sur le parking. Je pourrais mĂȘme me changer en extĂ©rieur mais je n’y crois pas encore. DĂšs les premiers pas dans la forĂȘt, une fois Ă©loignĂ© de la route, je sens bien qu’il y a quelque chose qui cloche. J’entends distinctement les oiseaux mais il n’y a pas ce vrombissement estival qui caractĂ©rise une forĂȘt <del>vivante</del> piquante par&nbsp;ici.</p>
  383. <p>Partageant ma surprise, Elle m’indique que les lieux <a data-link-domain="st-donat.metrio.net" href="https://st-donat.metrio.net/indicators/gestion_faune">sont traitĂ©s</a>. Je suis en bordure de zone bleue (2). Les graphiques sont saisissants et je me demande quel est l’impact d’un tel traitement sur la polinisation, les oiseaux, les batraciens, les poissons, les insectes mais aussi les comportements des grands ongulets par exemple. J’ai du mal Ă  apprĂ©cier une telle situation sans avoir plus d’informations. Ou j’aime bien&nbsp;chialer.</p>
  384. <p>J’arrive au alentours du refuge (que je n’ai pas rĂ©servĂ©, je comptais camper), j’ai encore pas mal d’énergie alors je dĂ©cide de laisser la moitiĂ© de mon sac (~3kg) Ă  l’abri pendant que je vais faire le mont du coin, encore plus lĂ©ger. Le temps est assez lourd et dans pareilles conditions les bibittes m’auraient dĂ©couragĂ© de le faire. Je croise enfin deux personnes au sommet, qui dĂ©jeunent assises en short sous la pluie. C’est sĂ»r que j’ai l’air un peu stupide Ă  suer dans ma tenue&nbsp;couvrante
</p>
  385. <p>Les heures passent et personne ne pointe le bout de son nez au refuge. Je commence Ă  l’envisager car les tempĂ©ratures chutent et je suis quand mĂȘme bien lĂ©ger. Tellement lĂ©ger que je n’ai aucun moyen d’allumer un feu, j’ai optĂ© pour un rĂ©gime froid Ă  base de semoule que je laisse gonfler une heure dans un rĂ©cipient de rĂ©cupĂ©ration. Je peux mĂȘme la manger dehors en bord de lac sans ĂȘtre embĂȘtĂ©, c’est exceptionnel. Il ne manque qu’un orignal traversant le lac (j’ai vu beaucoup d’empreintes sur le sentier). J’ai mĂȘme le temps de dessiner tranquillement ce paysage et d’observer le vol des sangsues au bord de l’eau, c’est vraiment trĂšs&nbsp;beau.</p>
  386. <p>Je me couche finalement Ă  l’intĂ©rieur du refuge en m’attendant Ă  devoir monter une tente au besoin et je griffonne quelques notes Ă  la&nbsp;frontale&nbsp;:</p>
  387. <blockquote>
  388. <p>DĂ©penser le corps pour panser l’esprit.<br />
  389. DĂ©pecer le cƓur pour extraire l’envie.<br />
  390. DĂ©passer l’humeur pour penser la&nbsp;vie.</p>
  391. </blockquote>
  392. <blockquote>
  393. <p>(S’)Expliquer ce que le <em>je</em> est devenu grĂące au <em>nous</em> sans finir sur les rotules (haha) est-il le propre de toutes les sĂ©parations&#8239;? Comment rĂ©vĂ©ler ce que l’on est devenu Ă  titre personnel&#8239;? Quel temps laisser Ă  cette nouvelle expression /&nbsp;re-construction&#8239;?</p>
  394. </blockquote>
  395. <nav>
  396. <p>
  397. <a href="/david/2024/ecriture/"
  398. title="Liste de tous les articles 2024 associés à cette étiquette"
  399. rel="tag">#Ă©criture</a>
  400. <a href="/david/2024/foret/"
  401. title="Liste de tous les articles 2024 associés à cette étiquette"
  402. rel="tag">#forĂȘt</a>
  403. <a href="/david/2024/introspection/"
  404. title="Liste de tous les articles 2024 associés à cette étiquette"
  405. rel="tag">#introspection</a>
  406. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  407. </p>
  408. </nav>
  409. <h2>
  410. <a href="/david/2024/05/13/" title="Lien permanent vers cet article">Tensions</a> <time datetime="2024-05-13">13 mai 2024</time>
  411. </h2>
  412. <blockquote>
  413. <p>DĂ©cadence sans cesse accentuĂ©e, dont on peut mesurer les rĂ©sultats&nbsp;: toutes les souffrances dont l’humanitĂ© a Ă©tĂ© la victime peuvent ĂȘtre imputĂ©es au seul fait que, dans toute l’histoire de la Galaxie, nul homme, avant Hari Seldon et quelques rares disciples aprĂšs lui, ne fut vĂ©ritablement capable de comprendre son semblable. <mark>Chaque ĂȘtre humain vivait derriĂšre un mur impĂ©nĂ©trable, un brouillard Ă©touffant, en dehors duquel nul autre que lui n’existait.</mark> Parfois, quelques faibles signaux Ă©mergeaient des tĂ©nĂšbres de la profonde caverne oĂč chacun se trouvait enfoui et leurs mains d’aveugles se rapprochaient les unes des autres, Ă  tĂątons. Et cependant, parce qu’ils ne se connaissaient pas l’un l’autre, parce qu’ils ne pouvaient se comprendre, parce qu’ils n’osaient pas se faire mutuellement confiance et nourrissaient depuis leur plus tendre enfance les terreurs et l’insĂ©curitĂ© nĂ©es de cet ultime isolement, ils Ă©prouvaient cette crainte de l’homme traquĂ© par l’homme, cette sauvage rapacitĂ© de l’homme pour&nbsp;l’homme.</p>
  414. <p>Pendant des dizaines de milliers d’annĂ©es, les pieds avaient foulĂ© cette boue qui collait Ă  leurs semelles et maintenait au niveau du cloaque leurs Ăąmes qui, pendant un temps Ă©quivalent, avaient Ă©tĂ© dignes de la fraternitĂ© des&nbsp;Ă©toiles.</p>
  415. <p>D’instinct, l’Homme avait pourtant tout tentĂ© pour s’affranchir du langage articulĂ©. La sĂ©mantique, la logique symbolique, la psychanalyse&nbsp;: autant de mĂ©thodes par lesquelles il avait Ă©tĂ© possible d’affiner, voire de transcender la&nbsp;parole.</p>
  416. <p><cite><em>Fondation 1</em>, Isaac Asimov, traduit de l’amĂ©ricain par Jean Rosenthal et Pierre Billon, complĂ©tĂ© et harmonisĂ© par Philippe&nbsp;Gindre</cite></p>
  417. </blockquote>
  418. <p>Les tensions sont un gros frein Ă  l’écriture dans mon cas. MĂȘme si je parle de choses assez intimes par ici, je n’oserais pas exposer l’intimitĂ© des autres. D’autant qu’il s’agirait de ma <a href="/david/2024/05/12/" title="Alien">propre</a> interprĂ©tation de notre&nbsp;communication.</p>
  419. <p><em>Alors comment&nbsp;faire&#8239;?</em></p>
  420. <p>Ce sont aussi des moments oĂč il m’est difficile d’écrire sur quelque chose d’autre en attendant que ça passe/Ă©volue. Je vais essayer de garder cette dĂ©licatesse en me confinant au silence pour&nbsp;l’instant.</p>
  421. <p>PS&nbsp;: j’essaye de dĂ©guster cette premiĂšre lecture de <a href="/david/2024/04/13/" title="Fondation">Fondation</a>&nbsp;😋.</p>
  422. <blockquote>
  423. <p>«&nbsp;[
] Vos professeurs n’ont plus rien Ă  vous apprendre, dĂ©sormais. Le moment est venu pour vous, et quelques-uns de vos condisciples, de commencer votre apprentissage. Tout vous destine Ă &nbsp;l’Oratoriat.&nbsp;»</p>
  424. <p>Mouvements divers de l’autre cĂŽtĂ© de la&nbsp;table.</p>
  425. <p>«&nbsp;Voyons, voyons, reprenez votre sang-froid. Vous aviez formĂ© l’espoir de vous qualifier pour ce poste. Vous avez craint de ne pas possĂ©der les qualitĂ©s requises. En rĂ©alitĂ©, l’espoir et la peur sont des faiblesses. Vous saviez parfaitement que vos capacitĂ©s Ă©taient suffisantes, et cependant vous hĂ©sitez Ă  l’admettre, dans la crainte d’ĂȘtre taxĂ© de prĂ©somption, ce qui serait une cause d’élimination.<br />
  426. Ça n’a aucun sens&#8239;! L’homme le plus stupide est celui qui n’est pas conscient de sa sagesse. La conscience mĂȘme que vous avez de vos qualitĂ©s n’est qu’un point de plus en votre&nbsp;faveur.&nbsp;»</p>
  427. <p>DĂ©tente de l’autre cĂŽtĂ© de la&nbsp;table.</p>
  428. <p>«&nbsp;Exactement. Maintenant vous vous sentez mieux et vous avez abaissĂ© votre garde. Vous ĂȘtes plus apte Ă  vous concentrer et plus apte Ă  comprendre. <mark>Souvenez-vous que, pour atteindre Ă  une vĂ©ritable efficacitĂ©, il n’est pas nĂ©cessaire de maintenir votre esprit enfermĂ© sous une chape de plomb.</mark> De vous trouver ainsi sur la dĂ©fensive, un sondeur mental avisĂ© tirera autant d’enseignements que si vous lui livriez un esprit sans dĂ©fense. J’estime au contraire qu’il sied de cultiver une innocence, une conscience de ses atouts personnels, une candeur consciente et sans Ă©goĂŻsme qui ne laisse plus rien de cachĂ©. Mon esprit vous est largement ouvert. Qu’il en soit de mĂȘme pour chacun de&nbsp;nous.</p>
  429. <p>«&nbsp;Ce n’est pas chose facile que d’ĂȘtre orateur, poursuivit-il. Avant tout, il n’est pas aisĂ© d’ĂȘtre psychohistorien, et le meilleur des psychohistoriens ne possĂšde pas nĂ©cessairement les qualitĂ©s requises pour faire un bon Orateur. Il existe Ă  ce point de vue une distinction. Un Orateur doit non seulement ĂȘtre rompu aux subtilitĂ©s mathĂ©matiques du plan Seldon, mais avoir foi en lui et en ses destinĂ©es. Il doit aimer le Plan d’un amour sincĂšre et sans partage. [
]&nbsp;»</p>
  430. <p><cite><em>Fondation 1</em>, Isaac Asimov, traduit de l’amĂ©ricain par Jean Rosenthal et Pierre Billon, complĂ©tĂ© et harmonisĂ© par Philippe&nbsp;Gindre</cite></p>
  431. </blockquote>
  432. <nav>
  433. <p>
  434. <a href="/david/2024/ecriture/"
  435. title="Liste de tous les articles 2024 associés à cette étiquette"
  436. rel="tag">#Ă©criture</a>
  437. <a href="/david/2024/lecture/"
  438. title="Liste de tous les articles 2024 associés à cette étiquette"
  439. rel="tag">#lecture</a>
  440. <a href="/david/2024/psychologie/"
  441. title="Liste de tous les articles 2024 associés à cette étiquette"
  442. rel="tag">#psychologie</a>
  443. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  444. </p>
  445. </nav>
  446. <h2>
  447. <a href="/david/2024/03/16/" title="Lien permanent vers cet article">Descriptions</a> <time datetime="2024-03-16">16 mars 2024</time>
  448. </h2>
  449. <blockquote>
  450. <p>Le crĂ©puscule Ă©tait tombĂ© lorsqu’ils partirent enfin&nbsp;: rampant par-dessus le bord ouest du vallon, ils passĂšrent comme des fantĂŽmes dans le pays accidentĂ© en bordure de la route. La Lune n’était plus qu’à trois nuits de son plein, mais elle ne devait pas franchir les Montagnes avant minuit ou presque, et le dĂ©but de leur voyage se fit dans la plus grande obscuritĂ©. [
]</p>
  451. <p><mark>Enfin, quand la nuit se fit vieille et que la fatigue les eut déjà rattrapés</mark>&nbsp;[
]</p>
  452. <p>DĂšs la tombĂ©e de la nuit, la terre s’étant Ă©vanouie en un gris informe, ils se remirent en route. [
]</p>
  453. <p>Le jour Ă©tait en train d’éclore, et ils virent que les Montagnes Ă©taient Ă  prĂ©sent beaucoup plus distantes, fuyant vers l’est en une longue courbe qui se perdait Ă  l’horizon. [
]</p>
  454. <p>La lumiĂšre croissante leur rĂ©vĂ©la une terre dĂ©jĂ  moins aride et moins ravagĂ©e. Les Montagnes se dressaient encore de façon menaçante sur leur gauche, mais la route du Sud Ă©tait visible tout prĂšs d’eux, et elle s’éloignait Ă  prĂ©sent des racines noires des collines, obliquant vers l’ouest. [
]</p>
  455. <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
  456. </blockquote>
  457. <p>Je ne sais pas si j’y suis plus sensible Ă  <a href="/david/2024/02/06/" title="Anneau">cette relecture</a> ou s’il s’agit d’amĂ©liorations avec la nouvelle traduction mais je remarque des tournures de phrases qui m’inspirent pour raconter des aventures en nature. Le sujet devenant l’environnement pour traduire les contraintes qu’il&nbsp;impose.</p>
  458. <p>Puisqu’il faut s’éloigner du style de <a data-link-domain="comptoir.org" href="https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/" hreflang="fr"
  459. title="Consultation de l’article">Sylvain Tesson</a>
  460. <a href="/david/cache/2024/d767413ad435c2d833e7d0711c40c370/" hreflang="fr"
  461. data-tippy data-description="La rentrĂ©e littĂ©raire de ce dĂ©but d’annĂ©e 2024 fut marquĂ©e – comme presque chaque annĂ©e dĂ©sormais – par la parution d’un nouveau rĂ©cit de voyage de Sylvain Tesson, doublĂ© d’une polĂ©mique sur sa nom
"
  462. data-source="https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/"
  463. data-date="2024-03-17"
  464. data-favicon="https://secure.gravatar.com/blavatar/d516daa7fb122f031098a3523884605516add46cc63f1940d3e69aa42056b5c2?s=32"
  465. data-domain="comptoir.org"
  466. ><svg xmlns="http://www.w3.org/2000/svg"
  467. width="24" height="24" viewBox="0 0 24 24" fill="none"
  468. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  469. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  470. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  471. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  472. </svg>
  473. <span class="sr-only">[archive]</span></a>
</p>
  474. <nav>
  475. <p>
  476. <a href="/david/2024/aventure/"
  477. title="Liste de tous les articles 2024 associés à cette étiquette"
  478. rel="tag">#aventure</a>
  479. <a href="/david/2024/ecriture/"
  480. title="Liste de tous les articles 2024 associés à cette étiquette"
  481. rel="tag">#Ă©criture</a>
  482. <a href="/david/2024/lecture/"
  483. title="Liste de tous les articles 2024 associés à cette étiquette"
  484. rel="tag">#lecture</a>
  485. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  486. </p>
  487. </nav>
  488. <h2>
  489. <a href="/david/2024/02/27/" title="Lien permanent vers cet article">Rédaction</a> <time datetime="2024-02-27">27 février 2024</time>
  490. </h2>
  491. <blockquote>
  492. <p>Je suis curieux de savoir comment tu rĂ©diges ces textes&#8239;! Tu prends des notes pendant tes excursions sur lesquelles tu te bases ou tu Ă©cris tout Ă  chaud une fois chez toi&#8239;? Ou tu Ă©cris quelques jours aprĂšs sur des souvenirs qui s’effritent dĂ©jĂ  mais ça n’a pas&nbsp;d’importance&#8239;?&nbsp;🙂</p>
  493. <p><cite><em>Question de <a data-link-domain="social.bim.land" href="https://social.bim.land/@mlbiche">@mlbiche</a> sur&nbsp;masto</em></cite></p>
  494. </blockquote>
  495. <p>Il m’arrive de prendre des notes lors de sorties plus contemplatives (et moins risquĂ©es pour mes doigts&#8239;!) mais c’est assez rare. Je n’arrive pas Ă  Ă©crire une histoire en Ă©tant en train de la vivre, c’est comme de faire des vidĂ©os, j’ai l’impression de trop me mettre en scĂšne sinon. Lorsque le rĂ©cit influe sur le dĂ©roulĂ©, ça brise quelque chose au niveau de son authenticitĂ© et de mon&nbsp;ressenti.</p>
  496. <p>En gĂ©nĂ©ral, je rĂ©dige cela Ă  la maison, Ă  chaud. Une fois que toutes les affaires ont Ă©tĂ© mises Ă  sĂ©cher. Avec parfois des bribes qui s’agencent lors du long retour en voiture. Si j’attends plus de 24h, ce ne sont pas tant les souvenirs qui s’effritent que la motivation Ă  les partager qui s’envole, ça m’est dĂ©jĂ  arrivĂ© plusieurs&nbsp;fois.</p>
  497. <a href="#hr-91" title="Lien vers cette section de la page"><hr id="hr-91" /></a>
  498. <blockquote>
  499. <p>Nos vies sont faites de métal incandescent.<br />
  500. Tant qu’elles rougeoient, nous en restons les forgerons.<br />
  501. CrĂ©ateurs et inventeurs de&nbsp;nous-mĂȘmes.</p>
  502. <p>Mais comme le mĂ©tal du forgeron qui refroidit, comme la coulĂ©e de lave qui atteint l’extrĂ©mitĂ© de son expansion, nos vies se figent.<br />
  503. Ce n’est qu’à cet instant prĂ©cis que l’on peut dire qui on a Ă©tĂ©. quand la coulĂ©e de la vie a pris sa forme&nbsp;dĂ©finitive.</p>
  504. <p>D’ici je la contemple, cette vie. Ma vie.<br />
  505. Et je sais enfin qui je&nbsp;suis
</p>
  506. <p><cite><em>La saga de Grimr</em>, Jérémie&nbsp;Moreau</cite></p>
  507. </blockquote>
  508. <p>RĂ©trospective sous forme de <a data-link-domain="ut7.fr" href="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html" hreflang="en"
  509. title="Consultation de l’article (anglais)">Conseil</a>
  510. <a href="/david/cache/2024/f3974ec778551dd1c3134c8094c3372b/" hreflang="en"
  511. data-tippy data-description="Un conseil, c’est une rĂ©union en cercle oĂč les personnes se parlent et font l’expĂ©rience individuelle de ce que c’est que d’appartenir au groupe."
  512. data-source="https://www.ut7.fr/blog/2015/11/18/animer-vos-retrospectives-avec-le-conseil.html"
  513. data-date="2024-02-27"
  514. data-favicon="https://www.ut7.fr/favicon-192x192.png"
  515. data-domain="ut7.fr"
  516. ><svg xmlns="http://www.w3.org/2000/svg"
  517. width="24" height="24" viewBox="0 0 24 24" fill="none"
  518. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  519. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  520. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  521. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  522. </svg>
  523. <span class="sr-only">[archive]</span></a> aujourd’hui. Je suis de plus en plus tentĂ© d’introduire une 6<sup>e</sup> Ă©tape qui serait autour du pardon. <q>Je te pardonne pour 
, cela m’a permis d’apprendre 
 </q>. J’ai l’intuition que cela pourrait ajouter quelque chose pour un groupe relativement intime qui s’inscrit dans la&nbsp;durĂ©e.</p>
  524. <nav>
  525. <p>
  526. <a href="/david/2024/ecriture/"
  527. title="Liste de tous les articles 2024 associés à cette étiquette"
  528. rel="tag">#Ă©criture</a>
  529. <a href="/david/2024/processus/"
  530. title="Liste de tous les articles 2024 associés à cette étiquette"
  531. rel="tag">#processus</a>
  532. <a href="/david/2024/psychologie/"
  533. title="Liste de tous les articles 2024 associés à cette étiquette"
  534. rel="tag">#psychologie</a>
  535. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  536. </p>
  537. </nav>
  538. <h2>
  539. <a href="/david/2024/02/17/" title="Lien permanent vers cet article">Quotidien</a> <time datetime="2024-02-17">17 février 2024</time>
  540. </h2>
  541. <p>S’il y a une chose qui a changĂ© depuis que j’ai repris une Ă©criture quotidienne c’est de ne presque plus regarder de films /&nbsp;sĂ©ries.</p>
  542. <p>Vu la qualitĂ© des vidĂ©os que <q lang="fr_ca">j’écoutais</q>, ça n’est vraiment pas une mauvaise&nbsp;chose.</p>
  543. <a href="#hr-74" title="Lien vers cette section de la page"><hr id="hr-74" /></a>
  544. <p>Outil du jour&nbsp;: <a data-link-domain="whocanuse.com" href="https://www.whocanuse.com">who can use</a>.</p>
  545. <p>Voir en direct la perception des personnes sous forme de boutons pour des couleurs donnĂ©es permet de lĂącher prise et de se concentrer sur la lisibilitĂ©. Savoir que seules 68% des personnes ont la capacitĂ© Ă  voir ce que je vois (peut-ĂȘtre) donne un autre sens Ă &nbsp;l’accessibilitĂ©.</p>
  546. <a href="#hr-75" title="Lien vers cette section de la page"><hr id="hr-75" /></a>
  547. <p>DĂ©couverte d’un nouveau <a data-link-domain="montreal.ca" href="https://montreal.ca/lieux/parc-nature-du-cap-saint-jacques">terrain de jeu en hiver</a>.</p>
  548. <p>Le nombre d’hivers oĂč il sera encore possible de skier Ă  MontrĂ©al sont comptĂ©s. Il fait probablement partie de la derniĂšre gĂ©nĂ©ration Ă  pouvoir le faire. Aujourd’hui, une dizaine de kilomĂštres Ă  skis-de-fond-de-location-qui-ne-glissent-pas&nbsp;(sic).</p>
  549. <a href="#hr-76" title="Lien vers cette section de la page"><hr id="hr-76" /></a>
  550. <blockquote lang="en">
  551. <p>Most “news” is designed to trick us into giving our fucks to things that don’t deserve them or where they have no&nbsp;value.</p>
  552. <p><cite><em><a data-link-domain="patrickrhone.net" href="https://www.patrickrhone.net/the-fucks-and-how-we-give-them-a-manifesto/" hreflang="en"
  553. title="Consultation de l’article (anglais)">The Fucks and How We Give Them (A Manifesto)</a>
  554. <a href="/david/cache/2024/d890da6c22300e52daec05e9c5888784/" hreflang="en"
  555. data-tippy data-description="The older I get, the fewer fucks I’m willing to give."
  556. data-source="https://www.patrickrhone.net/the-fucks-and-how-we-give-them-a-manifesto/"
  557. data-date="2024-02-18"
  558. data-favicon="https://www.patrickrhone.net/favicon.ico"
  559. data-domain="patrickrhone.net"
  560. ><svg xmlns="http://www.w3.org/2000/svg"
  561. width="24" height="24" viewBox="0 0 24 24" fill="none"
  562. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  563. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  564. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  565. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  566. </svg>
  567. <span class="sr-only">[archive]</span></a></em></cite></p>
  568. </blockquote>
  569. <nav>
  570. <p>
  571. <a href="/david/2024/ecriture/"
  572. title="Liste de tous les articles 2024 associés à cette étiquette"
  573. rel="tag">#Ă©criture</a>
  574. <a href="/david/2024/lecture/"
  575. title="Liste de tous les articles 2024 associés à cette étiquette"
  576. rel="tag">#lecture</a>
  577. <a href="/david/2024/solastalgia/"
  578. title="Liste de tous les articles 2024 associés à cette étiquette"
  579. rel="tag">#solastalgia</a>
  580. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  581. </p>
  582. </nav>
  583. <h2>
  584. <a href="/david/2024/01/14/" title="Lien permanent vers cet article">Fiction</a> <time datetime="2024-01-14">14 janvier 2024</time>
  585. </h2>
  586. <blockquote>
  587. <p>Ces <em>moments perspectivistes</em>, qu’ils soient activĂ©s par un voyage ou par une lecture, sont dĂ©routants mais ils sont salutaires. Ils dĂ©veloppent la capacitĂ© Ă  comprendre d’autres points de vue que le sien ou, du moins, faute de comprendre, Ă  toucher du doigt la multiplicitĂ© des rapports au monde et Ă  accepter la relativitĂ© de nos perceptions. Le rĂ©el n’est pas un. Et on ne perd jamais en humanitĂ© Ă  se mettre dans la peau de&nbsp;l’autre.</p>
  588. <p><mark>La fiction peut nous y aider, c’est le lieu par excellence de tous les possibles; saisissons-nous-en comme d’un terrain d’expĂ©rimentation.</mark> Tout n’a pas Ă©tĂ© Ă©crit&nbsp;: tant que de l’inĂ©dit surgit, il reste de la place pour la crĂ©ation. Les mutations du monde nous obligent Ă  repenser le fond comme la forme de nos rĂ©cits. Il y a des sujets Ă  traiter qui ne l’ont pas Ă©tĂ© par le passĂ©, des questions qu’on ne s’était jamais posĂ©es, de nouveaux enjeux dont il faut s’emparer. Il y a des arcs littĂ©raires Ă  inventer qui ne suivent pas les schĂ©mas narratifs classiques et s’affranchissent du syndrome de la grande quĂȘte. On doit pouvoir brĂ»ler les Ă©tapes sans attendre le dĂ©nouement. On doit pouvoir brouiller les&nbsp;frontiĂšres.</p>
  589. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  590. </blockquote>
  591. <p><a href="/david/2024/01/13/" title="Wuwei">Suite</a> de mes lectures et de mes aspirations Ă  Ă©crire —&nbsp;et donc transmettre&nbsp;— diffĂ©remment. Une autre forme de travail des idĂ©es consistant Ă  dĂ©crire un Ă -venir enviable qu’il reste Ă  construire, en commun, avec l’espoir que <q lang="fr">la fiction dĂ©place la rĂ©alitĂ©</q>.</p>
  592. <p>De <a href="/david/2024/01/09/" title="Blessure">l’immobilisation</a> nait la&nbsp;crĂ©ativitĂ©&#8239;?</p>
  593. <blockquote>
  594. <p>Je crois de plus en plus que nous devons nous entraĂźner Ă  <em>habiter le trouble</em> comme l’a formulĂ© Donna Haraway, c’est-Ă -dire Ă  tenir «&nbsp;pour acquis que les modes d’ordre Ă©tablis se sont effondrĂ©s ou sont en voie d’effondrement, et qu’il devient Ă  la fois urgent et possible d’envisager autre chose&nbsp;». Vivre dans un monde en train de disparaĂźtre sans savoir ce qui va Ă©merger n’est pas simple, mais <mark>il ne tient qu’à nous de nous ouvrir Ă  d’autres gĂ©ographies,</mark> d’autres cultures, Ă  toucher aux confins civilisationnels pour imaginer «&nbsp;des façons plus florissantes, plus robustes, moins meurtriĂšres de vivre les uns avec les autres&nbsp;», ailleurs, quand notre propre rĂ©alitĂ© nous fait&nbsp;dĂ©faut.</p>
  595. <p><cite><em>Ibid.</em></cite></p>
  596. </blockquote>
  597. <a href="#hr-30" title="Lien vers cette section de la page"><hr id="hr-30" /></a>
  598. <p>Je prends le temps de dĂ©cliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&nbsp;270&nbsp;liens.</p>
  599. <p>Quelle Ă©ditorialisation proposer pour Ă©viter la surcharge tout en facilitant l’exploration&#8239;? Offrir une boussole sans proposer de&nbsp;cap.</p>
  600. <blockquote lang="en">
  601. <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</p>
  602. <p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036" hreflang="en"
  603. title="Consultation de l’article (anglais)">Until the Right Design Emerges
</a>
  604. <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" hreflang="en"
  605. data-tippy data-description="Too often, the process of design is cut short. When faced with user needs or product requirements, many designers draft a mockup or wireframe informed by what they've seen or experienced before"
  606. data-source="https://lukew.com/ff/entry.asp?2036"
  607. data-date="2024-01-13"
  608. data-favicon="https://static.lukew.com/lukew.ico"
  609. data-domain="lukew.com"
  610. ><svg xmlns="http://www.w3.org/2000/svg"
  611. width="24" height="24" viewBox="0 0 24 24" fill="none"
  612. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  613. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  614. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  615. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  616. </svg>
  617. <span class="sr-only">[archive]</span></a></em></cite></p>
  618. </blockquote>
  619. <p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008" hreflang="en"
  620. title="Consultation de l’article (anglais)">cette direction</a>
  621. <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" hreflang="en"
  622. data-tippy data-description="Large language (AI) models allow us to rethink how to build software and design user interfaces. To that end, we made use of these new capabilities to create a different way of interacting with this site"
  623. data-source="https://lukew.com/ff/entry.asp?2008"
  624. data-date="2024-01-13"
  625. data-favicon="https://static.lukew.com/lukew.ico"
  626. data-domain="lukew.com"
  627. ><svg xmlns="http://www.w3.org/2000/svg"
  628. width="24" height="24" viewBox="0 0 24 24" fill="none"
  629. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  630. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  631. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  632. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  633. </svg>
  634. <span class="sr-only">[archive]</span></a> par&nbsp;contre.</p>
  635. <a href="#hr-31" title="Lien vers cette section de la page"><hr id="hr-31" /></a>
  636. <p>DĂ©couvertes culinaires du&nbsp;jour&nbsp;:</p>
  637. <ul>
  638. <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li>
  639. <li><a data-link-domain="github.com" href="https://github.com/mealie-recipes/mealie">mealie</a> pour stocker les recettes (merci <a data-link-domain="mamot.fr" href="https://mamot.fr/@aspyrine">@aspyrine</a>)</li>
  640. </ul>
  641. <nav>
  642. <p>
  643. <a href="/david/2024/ecriture/"
  644. title="Liste de tous les articles 2024 associés à cette étiquette"
  645. rel="tag">#Ă©criture</a>
  646. <a href="/david/2024/experience/"
  647. title="Liste de tous les articles 2024 associés à cette étiquette"
  648. rel="tag">#expérience</a>
  649. <a href="/david/2024/protopie/"
  650. title="Liste de tous les articles 2024 associés à cette étiquette"
  651. rel="tag">#protopie</a>
  652. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  653. </p>
  654. </nav>
  655. <h2>
  656. <a href="/david/2024/01/13/" title="Lien permanent vers cet article">Wuwei</a> <time datetime="2024-01-13">13 janvier 2024</time>
  657. </h2>
  658. <blockquote>
  659. <p>Le <em>wuwei</em>, dans le taoĂŻsme, est d’ailleurs composĂ© de deux idĂ©ogrammes&nbsp;: le rien et la volontĂ©. Et on sait Ă  quel point il faut beaucoup de volontĂ© pour revendiquer davantage de rien. Il se traduit gĂ©nĂ©ralement par <em>non-agir</em> ou <em>non-intervention</em>, mais cela ne signifie pas pour autant rester les bras croisĂ©s en rejetant toute nouveautĂ©, simplement de faire des choix Ă©clairĂ©s et de ne pas forcer le cours des choses. Se fixer des limites, distinguer ce qui relĂšve du progrĂšs vers une vie bonne et dĂ©cente de ce qui nous aliĂšne, savoir <em>ne pas</em> est un art de vivre au quotidien. Et je ne peux m’empĂȘcher de penser que Bartleby devait ĂȘtre&nbsp;chinois.</p>
  660. <p>DĂ©cliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilĂ  qui manque cruellement Ă  notre Ă©poque oĂč l’on a oubliĂ© que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la gĂ©o-ingĂ©nierie Ă  l’intelligence artificielle, tant de cas oĂč il serait bon que l’espĂšce humaine sache se&nbsp;retenir.</p>
  661. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  662. </blockquote>
  663. <p>Cette annĂ©e encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/" hreflang="en"
  664. title="Consultation de l’article (anglais)">intelligence artificielle</a>
  665. <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" hreflang="en"
  666. data-tippy data-description="Update 9th January 2024: This post was clumsily written and failed to make the point I wanted it to make. I’ve published a follow-up, What I should have said about 
"
  667. data-source="https://simonwillison.net/2024/Jan/7/call-it-ai/"
  668. data-date="2024-01-13"
  669. data-favicon="https://simonwillison.net/favicon.ico"
  670. data-domain="simonwillison.net"
  671. ><svg xmlns="http://www.w3.org/2000/svg"
  672. width="24" height="24" viewBox="0 0 24 24" fill="none"
  673. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  674. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  675. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  676. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  677. </svg>
  678. <span class="sr-only">[archive]</span></a> explicite qui sera mon <em>wuwei</em>. Je prĂ©cise le <q lang="fr">explicite</q> car il y en a dĂ©jĂ  plein partout dans mon tĂ©lĂ©phone et ailleurs. J’ai peut-ĂȘtre une des derniĂšres gĂ©nĂ©rations d’appareil photo qui ne va pas adapter l’image Ă  une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcĂ©ment par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-ĂȘtre deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra" hreflang="en"
  679. title="Consultation de l’article (anglais)">lune</a>
  680. <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" hreflang="en"
  681. data-tippy data-description="A Reddit post has revealed just how much post-processing the Galaxy S23’s camera applies when it detects it’s taking a photo of the Moon, inserting extra detail that isn’t present in reality."
  682. data-source="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra"
  683. data-date="2024-01-13"
  684. data-favicon="https://www.theverge.com/icons/favicon_32x32.png"
  685. data-domain="theverge.com"
  686. ><svg xmlns="http://www.w3.org/2000/svg"
  687. width="24" height="24" viewBox="0 0 24 24" fill="none"
  688. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  689. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  690. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  691. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  692. </svg>
  693. <span class="sr-only">[archive]</span></a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai" hreflang="en"
  694. title="Consultation de l’article (anglais)">mariĂ©e</a>
  695. <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" hreflang="en"
  696. data-tippy data-description="Tessa Coates’ picture of one moment showing her in three different poses isn’t an iPhone Live Photo glitch or Photoshop; it’s multiple pictures stitched in “pano” mode."
  697. data-source="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai"
  698. data-date="2024-01-13"
  699. data-favicon="https://www.theverge.com/icons/favicon_32x32.png"
  700. data-domain="theverge.com"
  701. ><svg xmlns="http://www.w3.org/2000/svg"
  702. width="24" height="24" viewBox="0 0 24 24" fill="none"
  703. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  704. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  705. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  706. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  707. </svg>
  708. <span class="sr-only">[archive]</span></a> mais il sera toujours&nbsp;lĂ .</p>
  709. <p>Ce <strong>explicite</strong> correspond principalement pour moi Ă  des <em>prompts</em> qui m’aideraient Ă  coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intĂ©rĂȘt mais je vois aussi au dĂ©triment de tout ce que cela est rendu possible. Des humains-esclaves qui modĂšrent ce qui est gĂ©nĂ©rĂ© d’un cĂŽtĂ©, des sources d’apprentissage non consenties —&nbsp;voire privĂ©es&nbsp;— et des ressources pharaoniques pour rĂ©ussir Ă  aligner 3&nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&nbsp;façon.</p>
  710. <p>Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractÚre intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma maniÚre de les&nbsp;ré-interpréter&#8239;?</p>
  711. <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
  712. <blockquote>
  713. <p>Il nous faut trouver de nouvelles maniĂšres littĂ©raires susceptibles de percuter sans chercher Ă  convaincre, et dĂ©jouer le didactisme qui veut Ă  tout prix expliquer et instruire. Peut-ĂȘtre faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&nbsp;genre.</p>
  714. <p>Écologie, capitalisme, croissance, nature, social, climat, peuple, vert, environnement, progrĂšs, rĂ©volution, biodiversitĂ©, dĂ©mocratie&nbsp;: la plupart d’entre eux ne manquerait Ă  personne tant ils ont Ă©tĂ© dĂ©voyĂ©s et usĂ©s jusqu’à la lie. Mais notre meilleure botte est sans doute de miser sur la capacitĂ© du sensible Ă  <em>affecter</em>.</p>
  715. <p><mark>En littĂ©rature, c’est l’empathie qui amĂšne Ă  la rĂ©flexion et non l’inverse.</mark> Vous pouvez dĂ©velopper l’argumentaire le plus serrĂ© qui soit dans un livre, je doute fort que cela fasse changer quiconque d’avis. En revanche, donnez-nous un personnage Ă  chĂ©rir, faites-nous partager son intimitĂ©, ses Ă©mois, ses douleurs et ses joies, et il nous sera bien plus aisĂ© de prendre en compte son point de vue, Ă  dĂ©faut de le&nbsp;partager.</p>
  716. <p><cite><em>Ibid.</em></cite></p>
  717. </blockquote>
  718. <p>De plus en plus tentĂ© d’explorer cette piste. Je me <a href="/david/stream/2018/11/13/">souviens</a> <a href="/david/stream/2018/11/25/">avec</a> <a href="/david/stream/2018/11/27/">Ă©motion</a> de ma lecture de <em>Professeur cherche Ă©lĂšve ayant dĂ©sir de sauver le monde</em> par Daniel&nbsp;Quinn.</p>
  719. <nav>
  720. <p>
  721. <a href="/david/2024/ecriture/"
  722. title="Liste de tous les articles 2024 associés à cette étiquette"
  723. rel="tag">#Ă©criture</a>
  724. <a href="/david/2024/ia/"
  725. title="Liste de tous les articles 2024 associés à cette étiquette"
  726. rel="tag">#IA</a>
  727. <a href="/david/2024/parvenir/"
  728. title="Liste de tous les articles 2024 associés à cette étiquette"
  729. rel="tag">#parvenir</a>
  730. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  731. </p>
  732. </nav>
  733. <h2>
  734. <a href="/david/2024/01/12/" title="Lien permanent vers cet article">Personnel</a> <time datetime="2024-01-12">12 janvier 2024</time>
  735. </h2>
  736. <blockquote>
  737. <p>Mes lieux de lecture et d’écriture sont trĂšs associĂ©s. J’écris parce que je&nbsp;lis.</p>
  738. <p>J’écris de deux&nbsp;façons.</p>
  739. <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi" hreflang="fr"
  740. title="Consultation de l’article">je ne sais pas pourquoi</a>
  741. <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" hreflang="fr"
  742. data-tippy data-description=""
  743. data-source="https://www.la-grange.net/2024/01/11/pourquoi"
  744. data-date="2024-01-11"
  745. data-favicon="https://www.la-grange.net/favicon.ico"
  746. data-domain="la-grange.net"
  747. ><svg xmlns="http://www.w3.org/2000/svg"
  748. width="24" height="24" viewBox="0 0 24 24" fill="none"
  749. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  750. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  751. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  752. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  753. </svg>
  754. <span class="sr-only">[archive]</span></a></em></cite></p>
  755. </blockquote>
  756. <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posĂ© cette question et je reconnais des <abbr title="OĂč Lire, OĂč Écrire.">oloĂ©s</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" hreflang="fr"
  757. title="Consultation de l’article">dĂ©finition par ici</a>
  758. <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" hreflang="fr"
  759. data-tippy data-description="Une chaise, un lit, un canapĂ©, une baignoire, une place de mĂ©tro, un banc dans un parc, un muret. Un fauteuil Ă  roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafĂ©tĂ©ria."
  760. data-source="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB"
  761. data-date="2024-01-11"
  762. data-favicon="https://tw5.immateriel.fr/wiki/immateriel/b/favicon.ico"
  763. data-domain="tw5.immateriel.fr"
  764. ><svg xmlns="http://www.w3.org/2000/svg"
  765. width="24" height="24" viewBox="0 0 24 24" fill="none"
  766. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  767. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  768. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  769. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  770. </svg>
  771. <span class="sr-only">[archive]</span></a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de rĂšgle stricte pour autant. Parfois, l’envie d’écrire va ĂȘtre trop forte lors d’une lecture en cours de journĂ©e, d’autres fois je vais me rĂ©veiller tĂŽt et commencer Ă  Ă©crire dans ma tĂȘte depuis mon lit ou sous la douche. Une idĂ©e peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
  772. <p>Et puis il y a l’écriture qui appelle une autre Ă©criture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" hreflang="en"
  773. title="Consultation de l’article (anglais)">compost</a>
  774. <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" hreflang="en"
  775. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  776. data-source="https://blog.jim-nielsen.com/2023/blogging-and-compositing/"
  777. data-date="2024-01-11"
  778. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  779. data-domain="blog.jim-nielsen.com"
  780. ><svg xmlns="http://www.w3.org/2000/svg"
  781. width="24" height="24" viewBox="0 0 24 24" fill="none"
  782. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  783. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  784. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  785. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  786. </svg>
  787. <span class="sr-only">[archive]</span></a> oĂč l’on sent qu’il y avait une deuxiĂšme vie possible Ă  cette rĂ©flexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
  788. <blockquote lang="en">
  789. <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
  790. <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
  791. <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</p>
  792. <p>[
] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks — in order to validate its&nbsp;existence.</p>
  793. <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience" hreflang="en"
  794. title="Consultation de l’article (anglais)">build a world, not an audience</a>
  795. <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" hreflang="en"
  796. data-tippy data-description="don’t chase your audience, let them find your world."
  797. data-source="https://keningzhu.com/journal/build-a-world-not-an-audience"
  798. data-date="2024-01-11"
  799. data-favicon="https://images.squarespace-cdn.com/content/v1/51e8148de4b01c1eb79c1977/1547586234044-PLNK9XVHXBYWZ5A1673H/favicon.ico?format=100w"
  800. data-domain="keningzhu.com"
  801. ><svg xmlns="http://www.w3.org/2000/svg"
  802. width="24" height="24" viewBox="0 0 24 24" fill="none"
  803. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  804. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  805. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  806. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  807. </svg>
  808. <span class="sr-only">[archive]</span></a></em></cite></p>
  809. </blockquote>
  810. <a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
  811. <blockquote lang="en">
  812. <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
  813. <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</p>
  814. <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website" hreflang="en"
  815. title="Consultation de l’article (anglais)">The personality of a personal website</a>
  816. <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" hreflang="en"
  817. data-tippy data-description="With his “ I am a poem I am not software” post Robin touched on an interesting problem related to personal websites. I’m not going to summarise 
"
  818. data-source="https://manuelmoreale.com/the-personality-of-a-personal-website"
  819. data-date="2024-01-11"
  820. data-favicon="https://manuelmoreale.com/favicon.ico"
  821. data-domain="manuelmoreale.com"
  822. ><svg xmlns="http://www.w3.org/2000/svg"
  823. width="24" height="24" viewBox="0 0 24 24" fill="none"
  824. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  825. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  826. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  827. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  828. </svg>
  829. <span class="sr-only">[archive]</span></a></em></cite></p>
  830. </blockquote>
  831. <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalitĂ©, si l’image retournĂ©e est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/" hreflang="fr"
  832. title="Consultation de l’article">vraiment fidùle</a>
  833. <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" hreflang="fr"
  834. data-tippy data-description="J’aurais pu m’en rendre compte il y a vingt ans, mais il me manquait le recul de deux dĂ©cennies."
  835. data-source="https://thom4.net/2023/02/01/carnets/"
  836. data-date="2024-01-11"
  837. data-favicon="https://thom4.net/assets/favicon-32x32.png"
  838. data-domain="thom4.net"
  839. ><svg xmlns="http://www.w3.org/2000/svg"
  840. width="24" height="24" viewBox="0 0 24 24" fill="none"
  841. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  842. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  843. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  844. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  845. </svg>
  846. <span class="sr-only">[archive]</span></a> aprĂšs tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’annĂ©es c’est bien qu’il y a un enjeu Ă  ce niveau&nbsp;lĂ .</p>
  847. <a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
  848. <blockquote lang="en">
  849. <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
  850. <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" hreflang="en"
  851. title="Consultation de l’article (anglais)">Tomorrow &amp; Tomorrow &amp; Tomorrow</a>
  852. <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" hreflang="en"
  853. data-tippy data-description="We realize then that it is just the patterns of events in space which are repeating in the building or the town: and nothing else."
  854. data-source="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow"
  855. data-date="2024-01-11"
  856. data-favicon=""
  857. data-domain="erinkissane.com"
  858. ><svg xmlns="http://www.w3.org/2000/svg"
  859. width="24" height="24" viewBox="0 0 24 24" fill="none"
  860. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  861. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  862. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  863. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  864. </svg>
  865. <span class="sr-only">[archive]</span></a></cite></p>
  866. </blockquote>
  867. <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" hreflang="fr"
  868. title="Consultation de l’article">dĂ©couverte d’Antoine</a>
  869. <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" hreflang="fr"
  870. data-tippy data-description="Je découvre (trÚs) tardivement ce _mantra_, ou plutÎt ce positionnement récursif et infini : les pratiques modÚlent les outils qui modÚlent les pratiques etc."
  871. data-source="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/"
  872. data-date="2024-01-11"
  873. data-favicon=""
  874. data-domain="quaternum.net"
  875. ><svg xmlns="http://www.w3.org/2000/svg"
  876. width="24" height="24" viewBox="0 0 24 24" fill="none"
  877. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  878. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  879. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  880. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  881. </svg>
  882. <span class="sr-only">[archive]</span></a>. Une autre façon d’ĂȘtre&nbsp;dé·formĂ©.</p>
  883. <a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
  884. <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
  885. <ul>
  886. <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>
  887. <li><a data-link-domain="mifi.no" href="https://mifi.no/losslesscut/">LosslessCut</a></li>
  888. </ul>
  889. <nav>
  890. <p>
  891. <a href="/david/2024/ecriture/"
  892. title="Liste de tous les articles 2024 associés à cette étiquette"
  893. rel="tag">#Ă©criture</a>
  894. <a href="/david/2024/processus/"
  895. title="Liste de tous les articles 2024 associés à cette étiquette"
  896. rel="tag">#processus</a>
  897. <a href="/david/2024/psychologie/"
  898. title="Liste de tous les articles 2024 associés à cette étiquette"
  899. rel="tag">#psychologie</a>
  900. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  901. </p>
  902. </nav>
  903. <h2>
  904. <a href="/david/2024/01/10/" title="Lien permanent vers cet article">Écriture</a> <time datetime="2024-01-10">10 janvier 2024</time>
  905. </h2>
  906. <blockquote lang="en">
  907. <p>And, I’ll assume we all agree that owning your own website is a <em>good thing</em>, and we all want more people to do&nbsp;it.</p>
  908. <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
  909. <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
  910. <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
  911. <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html" hreflang="en"
  912. title="Consultation de l’article (anglais)">Let’s make the indie web easier</a>
  913. <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" hreflang="en"
  914. data-tippy data-description=""
  915. data-source="https://gilest.org/indie-easy.html"
  916. data-date="2024-01-09"
  917. data-favicon="https://gilest.org/favicon.ico"
  918. data-domain="gilest.org"
  919. ><svg xmlns="http://www.w3.org/2000/svg"
  920. width="24" height="24" viewBox="0 0 24 24" fill="none"
  921. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  922. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  923. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  924. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  925. </svg>
  926. <span class="sr-only">[archive]</span></a></em></cite></p>
  927. </blockquote>
  928. <p>Quelques Ă©toiles dans la&nbsp;galaxie&nbsp;:</p>
  929. <ul>
  930. <li><a data-link-domain="atelier.scribouilli.org" href="https://atelier.scribouilli.org/">Scribouilli</a> (<a data-link-domain="github.com" href="https://github.com/Scribouilli/scribouilli">code</a>) par <a data-link-domain="lechappeebelle.team" href="https://lechappeebelle.team/">L’ÉchappĂ©e Belle</a>&#8239;;</li>
  931. <li><a data-link-domain="write.as" href="https://write.as/">Write.as</a> (<a data-link-domain="writefreely.org" href="https://writefreely.org/">open-source</a>) est le plus proche que je pourrais conseiller avec un support commercial de <a data-link-domain="musing.studio" href="https://musing.studio/">Musing Studio</a>&#8239;;</li>
  932. <li><a data-link-domain="masto.host" href="https://masto.host/">mastohost</a> —&nbsp;que <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/">j’utilise</a>&nbsp;— permet d’avoir son propre domaine aussi sans vraiment de connaissance technique, le support est&nbsp;rĂ©actif&#8239;;</li>
  933. <li><a data-link-domain="carrd.co" href="https://carrd.co/">Carrd</a> est revenu plusieurs fois dans ma bulle ces derniers&nbsp;temps&#8239;;</li>
  934. <li><a data-link-domain="pika.page" href="https://pika.page/">Pika</a> aussi avec une saveur plus&nbsp;humaine.</li>
  935. </ul>
  936. <p>Il y a une bonne liste dans <a data-link-domain="mastodon.social" href="https://mastodon.social/@matthiasott/111557355056827064">cette discussion</a> et une autre <a data-link-domain="robertkingett.com" href="https://robertkingett.com/links/">par ici</a> (section <q lang="en">Managed Static site hosts or Blogging platforms</q>).</p>
  937. <a href="#hr-21" title="Lien vers cette section de la page"><hr id="hr-21" /></a>
  938. <blockquote lang="en">
  939. <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
  940. <p><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion
” or “The next thing to consider is
” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
  941. <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" hreflang="en"
  942. title="Consultation de l’article (anglais)">The Perfect Web Page</a>
  943. <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" hreflang="en"
  944. data-tippy data-description="How the internet reshaped itself around Google’s search algorithms — and into a world where websites look the same."
  945. data-source="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization"
  946. data-date="2024-01-09"
  947. data-favicon="https://cdn.vox-cdn.com/uploads/chorus_asset/file/23989695/favicon_32x32.png"
  948. data-domain="theverge.com"
  949. ><svg xmlns="http://www.w3.org/2000/svg"
  950. width="24" height="24" viewBox="0 0 24 24" fill="none"
  951. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  952. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  953. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  954. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  955. </svg>
  956. <span class="sr-only">[archive]</span></a></em></cite></p>
  957. </blockquote>
  958. <p>Un article de TheVerge qui risque de ne pas ĂȘtre trĂšs bien rĂ©fĂ©rencĂ©. Le moment oĂč l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&nbsp;juste&nbsp;» mis une nouvelle Ă©tiquette dessus en 2023&nbsp;qui permet aux robots / algorithmes de se battre entre eux de maniĂšre&nbsp;explicite.</p>
  959. <p>Pas sĂ»r de vouloir <a data-link-domain="darkvisitors.com" href="https://darkvisitors.com/robots-txt-builder">entrer sur le ring</a> sans m’épuiser trĂšs&nbsp;vite.</p>
  960. <blockquote lang="en">
  961. <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
  962. <p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html" hreflang="en"
  963. title="Consultation de l’article (anglais)">Data Luddism</a>
  964. <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" hreflang="en"
  965. data-tippy data-description=""
  966. data-source="https://www.danmcquillan.org/dataluddism.html"
  967. data-date="2024-01-09"
  968. data-favicon=""
  969. data-domain="danmcquillan.org"
  970. ><svg xmlns="http://www.w3.org/2000/svg"
  971. width="24" height="24" viewBox="0 0 24 24" fill="none"
  972. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  973. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  974. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  975. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  976. </svg>
  977. <span class="sr-only">[archive]</span></a></em></cite></p>
  978. </blockquote>
  979. <a href="#hr-22" title="Lien vers cette section de la page"><hr id="hr-22" /></a>
  980. <blockquote lang="en">
  981. <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
  982. <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
  983. <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much" hreflang="en"
  984. title="Consultation de l’article (anglais)">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a>
  985. <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" hreflang="en"
  986. data-tippy data-description="An NPM user named PatrickJS launched a troll campaign with a package called everything, which depends on all public npm packages."
  987. data-source="https://socket.dev/blog/when-everything-becomes-too-much"
  988. data-date="2024-01-09"
  989. data-favicon="https://socket.dev/favicon-32x32.png"
  990. data-domain="socket.dev"
  991. ><svg xmlns="http://www.w3.org/2000/svg"
  992. width="24" height="24" viewBox="0 0 24 24" fill="none"
  993. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  994. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  995. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  996. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  997. </svg>
  998. <span class="sr-only">[archive]</span></a></em></cite></p>
  999. </blockquote>
  1000. <p><code>npm install lol</code> đŸ€Ł</p>
  1001. <p>En <a data-link-domain="jop2024.lol" href="https://jop2024.lol/">parlant de lol</a>
</p>
  1002. <a href="#hr-23" title="Lien vers cette section de la page"><hr id="hr-23" /></a>
  1003. <blockquote>
  1004. <p>Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rĂŽle majeur Ă  jouer dans la fabrique de notre rapport au monde, alors voilĂ  qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les dĂ©ferlements de violence et le virilisme qui caractĂ©risent les hĂ©ros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crĂ©e. C’est la raison pour laquelle <mark>la bataille culturelle passe aussi par la crĂ©ation de nouvelles utopies,</mark> ni niaises ni naĂŻves, qui puissent donner d’autres matiĂšres Ă  rĂȘver qu’un monde dĂ©vastĂ© et peuplĂ© de soldats&nbsp;augmentĂ©s.</p>
  1005. <p>[
] Nous avons besoin d’autres cadres de pensĂ©e dans lesquels Ă©voluer. Nous avons besoin d’<em>ailleurs culturels</em> pour sortir de l’orniĂšre et nous&nbsp;dĂ©router.</p>
  1006. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  1007. </blockquote>
  1008. <p>Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une <a href="/david/2021/03/17/">nouvelle Ă©quipe</a>. Ces <em>ailleurs culturels</em> doivent pouvoir ĂȘtre partagĂ©s et inspirer pour rĂ©ussir Ă &nbsp;essaimer.</p>
  1009. <p>C’est l’une de mes frustrations Ă  ne plus <a href="/david/2021/01/26/">participer Ă  des regroupements</a>, ne pas partager par ce biais lĂ  les expĂ©riences menĂ©es depuis 11&nbsp;ans en matiĂšre d’horizontalitĂ© et de travail en&nbsp;commun·s.</p>
  1010. <a href="#hr-24" title="Lien vers cette section de la page"><hr id="hr-24" /></a>
  1011. <blockquote lang="en">
  1012. <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
  1013. <p>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
  1014. <p><cite><em><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" hreflang="en"
  1015. title="Consultation de l’article (anglais)">Where have all the websites gone?</a>
  1016. <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" hreflang="en"
  1017. data-tippy data-description="It feels like all the cool websites from the late 2000s are gone. But maybe we are looking at this the wrong way. Maybe it is us who vanished."
  1018. data-source="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/"
  1019. data-date="2024-01-09"
  1020. data-favicon="https://www.fromjason.xyz/img/favicon.png"
  1021. data-domain="fromjason.xyz"
  1022. ><svg xmlns="http://www.w3.org/2000/svg"
  1023. width="24" height="24" viewBox="0 0 24 24" fill="none"
  1024. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  1025. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  1026. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  1027. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  1028. </svg>
  1029. <span class="sr-only">[archive]</span></a></em></cite></p>
  1030. </blockquote>
  1031. <p>DixiĂšme jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite Ă  un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous&nbsp;aussi&nbsp;:).</p>
  1032. <nav>
  1033. <p>
  1034. <a href="/david/2024/apprentissage/"
  1035. title="Liste de tous les articles 2024 associés à cette étiquette"
  1036. rel="tag">#apprentissage</a>
  1037. <a href="/david/2024/ecriture/"
  1038. title="Liste de tous les articles 2024 associés à cette étiquette"
  1039. rel="tag">#Ă©criture</a>
  1040. <a href="/david/2024/ia/"
  1041. title="Liste de tous les articles 2024 associés à cette étiquette"
  1042. rel="tag">#IA</a>
  1043. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1044. </p>
  1045. </nav>
  1046. <h2>
  1047. <a href="/david/2024/01/03/" title="Lien permanent vers cet article">Appariement</a> <time datetime="2024-01-03">3 janvier 2024</time>
  1048. </h2>
  1049. <p>Je me rĂ©veille avec une envie d’expĂ©rimentations typographiques. AprĂšs une nuit de rĂ©flexion, ce sera <a data-link-domain="mbtype.com" href="https://mbtype.com/fonts/century-supra/">Century Supra</a> qui fera la paire avec <a data-link-domain="mbtype.com" href="https://mbtype.com/fonts/concourse/">Concourse</a> pour du <em>sans serif</em> (oui, je suis fan du travail de Matthew Butterick depuis trĂšs longtemps). Il va falloir que je m’habitue Ă  ce que mon Ă©dition dans iA&nbsp;Writer ne ressemble plus au rendu sur la prĂ©visualisation du&nbsp;site.</p>
  1050. <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">Ă©chelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore Ă  cette Ă©tape. Je ne comprends pas encore tout Ă  fait la formule et j’arrive Ă  vivre&nbsp;avec.</p>
  1051. <p>Je me rappelle aussi qu’un des intĂ©rĂȘts que j’avais trouvĂ© aux <em>CSS&nbsp;layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itĂ©ration d’hier pour avoir une feuille dĂ©diĂ©e dont je commence Ă  documenter les diffĂ©rentes&nbsp;sections.</p>
  1052. <p>Je m’amuse comme un petit fou mĂȘme si la CSS fait subitement&nbsp;350&nbsp;lignes.</p>
  1053. <a href="#hr-4" title="Lien vers cette section de la page"><hr id="hr-4" /></a>
  1054. <blockquote>
  1055. <p><mark>Je crois qu’on Ă©crit pour crĂ©er un monde dans lequel on puisse vivre.</mark> Je ne pouvais vivre dans aucun de ceux qui m’étaient proposĂ©s&nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait crĂ©er un monde Ă  moi, comme un climat, un pays, une atmosphĂšre, oĂč je puisse respirer, rĂ©gner et me rĂ©gĂ©nĂ©rer lorsque j’étais dĂ©truite par la&nbsp;vie.</p>
  1056. <p><cite><em>Journal 1947-1955</em>, AnaĂŻs&nbsp;Nin</cite></p>
  1057. </blockquote>
  1058. <p>L’introduction de <em>Alors nous irons trouver la beautĂ© ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
  1059. <a href="#hr-5" title="Lien vers cette section de la page"><hr id="hr-5" /></a>
  1060. <p>On a couru 10&#8239;km avec l’enfant. À ce rythme lĂ , je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La rĂ©compense a Ă©tĂ© de croiser un renard urbain de vraiment trĂšs prĂšs, moins de 5&nbsp;mĂštres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percĂ©e dans ma poche pendant la course, j’étais bien trempĂ© avec du vent. Il faisait&nbsp;-6°C.</p>
  1061. <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
  1062. <nav>
  1063. <p>
  1064. <a href="/david/2024/accompagnement/"
  1065. title="Liste de tous les articles 2024 associés à cette étiquette"
  1066. rel="tag">#accompagnement</a>
  1067. <a href="/david/2024/ecriture/"
  1068. title="Liste de tous les articles 2024 associés à cette étiquette"
  1069. rel="tag">#Ă©criture</a>
  1070. <a href="/david/2024/web/"
  1071. title="Liste de tous les articles 2024 associés à cette étiquette"
  1072. rel="tag">#web</a>
  1073. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  1074. </p>
  1075. </nav>
  1076. <form action="/david/recherche/" method="get">
  1077. <fieldset>
  1078. <legend>Recherche</legend>
  1079. <label for="input-search">Termes de votre recherche :</label>
  1080. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  1081. <input type="submit" value="Chercher">
  1082. <p id="indexation-infos">
  1083. <small>
  1084. Seuls les contenus de ces 8 derniÚres années sont indexés.
  1085. </small>
  1086. </p>
  1087. </fieldset>
  1088. </form>
  1089. <aside>
  1090. <theme-toggle></theme-toggle>
  1091. </aside>
  1092. </article>
  1093. <hr>
  1094. <footer>
  1095. <p>
  1096. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  1097. ‱
  1098. <a href="/david/log/" title="AccĂšs au flux RSS">Suivre</a>
  1099. ‱
  1100. <a href="http://larlet.com"
  1101. title="Go to my English profile"
  1102. data-instant>Pro</a>
  1103. ‱
  1104. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  1105. ‱
  1106. <abbr title="HĂ©bergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">LĂ©gal</abbr>
  1107. </p>
  1108. <template id="theme-selector">
  1109. <form>
  1110. <style type="text/css">
  1111. fieldset div {
  1112. text-align: center;
  1113. }
  1114. </style>
  1115. <fieldset>
  1116. <legend>ThĂšme</legend>
  1117. <div>
  1118. <label>
  1119. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  1120. Auto
  1121. </label>
  1122. <label>
  1123. <input type="radio" value="dark" name="chosen-color-scheme">
  1124. Foncé
  1125. </label>
  1126. <label>
  1127. <input type="radio" value="light" name="chosen-color-scheme">
  1128. Clair
  1129. </label>
  1130. </div>
  1131. </fieldset>
  1132. </form>
  1133. </template>
  1134. </footer>
  1135. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  1136. <script>
  1137. class ThemeToggle extends HTMLElement {
  1138. constructor() {
  1139. super()
  1140. const themeSelectorTemplate = document.querySelector('#theme-selector')
  1141. const form = themeSelectorTemplate.content.firstElementChild
  1142. this.attachShadow({ mode: 'open' })
  1143. this.shadowRoot.appendChild(form.cloneNode(true))
  1144. }
  1145. connectedCallback() {
  1146. const form = this.shadowRoot.querySelector('form')
  1147. form.addEventListener('change', (e) => {
  1148. const chosenColorScheme = e.target.value
  1149. localStorage.setItem('theme', chosenColorScheme)
  1150. toggleTheme(chosenColorScheme)
  1151. })
  1152. const selectedTheme = localStorage.getItem('theme')
  1153. if (selectedTheme && selectedTheme !== 'undefined') {
  1154. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  1155. }
  1156. }
  1157. }
  1158. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  1159. window.addEventListener('load', () => {
  1160. let colorsLayer = undefined
  1161. let hasDarkRules = false
  1162. for (const styleSheet of Array.from(document.styleSheets)) {
  1163. let mediaRules = []
  1164. for (const layerRule of styleSheet.cssRules) {
  1165. if (!(layerRule instanceof CSSLayerBlockRule)) {
  1166. continue
  1167. }
  1168. if (layerRule.name === 'colors') {
  1169. colorsLayer = layerRule
  1170. }
  1171. for (const cssRule of layerRule.cssRules) {
  1172. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  1173. continue
  1174. }
  1175. // WARNING: Safari does not have/supports `conditionText`.
  1176. if (cssRule.conditionText) {
  1177. if (cssRule.conditionText !== prefersColorSchemeDark) {
  1178. continue
  1179. }
  1180. } else {
  1181. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  1182. continue
  1183. }
  1184. }
  1185. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  1186. }
  1187. }
  1188. // WARNING: do not try to insert a Rule to a styleSheet you are
  1189. // currently iterating on, otherwise the browser will be stuck
  1190. // in a infinite loop

  1191. for (const mediaRule of mediaRules) {
  1192. // Safari requires the `0` second parameter (even if default).
  1193. colorsLayer.insertRule(mediaRule.cssText, 0)
  1194. hasDarkRules = true
  1195. }
  1196. }
  1197. if (hasDarkRules) {
  1198. if ('customElements' in window && !customElements.get('theme-toggle')) {
  1199. customElements.define('theme-toggle', ThemeToggle)
  1200. }
  1201. }
  1202. })
  1203. </script>
  1204. </body>
  1205. </html>