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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
  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 #parvenir
  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 #parvenir">
  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>#parvenir</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. <a rel="tags"
  123. href="/david/2024/#tags"
  124. title="Liste de toutes les étiquettes">
  125. Étiquettes</a>
  126. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  127. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  128. </p>
  129. </nav>
  130. <h2>
  131. <a href="/david/2024/06/28/" title="Lien permanent vers cet article">CompAIgnon</a> <time datetime="2024-06-28">28 juin 2024</time>
  132. </h2>
  133. <blockquote lang="en">
  134. <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>
  135. <p>Now, with a tool that might help us think… How about using AI not to think less but <em>more</em>?</p>
  136. <p><cite><em><a data-link-domain="ia.net" href="https://ia.net/topics/turning-the-tables-on-ai" hreflang="en"
  137. title="Consultation de l’article (anglais)">Turning the Tables on AI</a>
  138. <a href="/david/cache/2024/8f9d64c455a9246d5e23810ed10e3fe2/" hreflang="en"
  139. data-tippy data-description="AI is sold to make us think less... How about using AI not to think less but *more*?"
  140. data-source="https://ia.net/topics/turning-the-tables-on-ai"
  141. data-date="2024-06-24"
  142. data-favicon="https://ia.net/wp-content/themes/iA-library/assets/hotlink-ok/favicon-192x192.png"
  143. data-domain="ia.net"
  144. ><svg xmlns="http://www.w3.org/2000/svg"
  145. width="24" height="24" viewBox="0 0 24 24" fill="none"
  146. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  147. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  148. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  149. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  150. </svg>
  151. <span class="sr-only">[archive]</span></a></em></cite></p>
  152. </blockquote>
  153. <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>
  154. <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>
  155. <blockquote lang="en">
  156. <p>The people who are most confident AI can replace writers are the ones who think writing is&nbsp;typing.</p>
  157. <p><cite>Andrew Ti sur&nbsp;X</cite></p>
  158. </blockquote>
  159. <a href="#hr-189" title="Lien vers cette section de la page"><hr id="hr-189" /></a>
  160. <blockquote lang="en">
  161. <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>
  162. <p>I am honestly astonished that so many companies don’t seem to realise what they’re&nbsp;destroying.</p>
  163. <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/21160" hreflang="en"
  164. title="Consultation de l’article (anglais)">Adactio: Journal-Trust</a>
  165. <a href="/david/cache/2024/d4c01d246dc4f43aeb95c427ac5422a5/" hreflang="en"
  166. data-tippy data-description="How to destroy your greatest asset with AI."
  167. data-source="https://adactio.com/journal/21160"
  168. data-date="2024-06-24"
  169. data-favicon="https://adactio.com/icon.png"
  170. data-domain="adactio.com"
  171. ><svg xmlns="http://www.w3.org/2000/svg"
  172. width="24" height="24" viewBox="0 0 24 24" fill="none"
  173. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  174. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  175. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  176. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  177. </svg>
  178. <span class="sr-only">[archive]</span></a></em></cite></p>
  179. </blockquote>
  180. <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"
  181. title="Consultation de l’article (anglais)">Coucou Kagi</a>
  182. <a href="/david/cache/2024/463a5fd436bb887f90f9e01b01b7716b/" hreflang="en"
  183. 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."
  184. data-source="https://blog.kagi.com/what-is-next-for-kagi#9"
  185. data-date="2024-06-24"
  186. 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>"
  187. data-domain="blog.kagi.com"
  188. ><svg xmlns="http://www.w3.org/2000/svg"
  189. width="24" height="24" viewBox="0 0 24 24" fill="none"
  190. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  191. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  192. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  193. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  194. </svg>
  195. <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>
  196. <blockquote lang="en">
  197. <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>
  198. <p>Less privacy. More environmental impact. More hype. <em>Cool.</em></p>
  199. <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>
  200. <p><cite><em><a data-link-domain="coryd.dev" href="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/" hreflang="en"
  201. title="Consultation de l’article (anglais)">Did anyone ask for these AI features? • Cory Dransfeldt</a>
  202. <a href="/david/cache/2024/486e49501e495e42b2e40320969c373f/" hreflang="en"
  203. 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?"
  204. data-source="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/"
  205. data-date="2024-06-24"
  206. data-favicon="https://cdn.coryd.dev/assets/icons/favicon.svg?v=19.5.32"
  207. data-domain="coryd.dev"
  208. ><svg xmlns="http://www.w3.org/2000/svg"
  209. width="24" height="24" viewBox="0 0 24 24" fill="none"
  210. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  211. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  212. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  213. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  214. </svg>
  215. <span class="sr-only">[archive]</span></a></em></cite></p>
  216. </blockquote>
  217. <a href="#hr-190" title="Lien vers cette section de la page"><hr id="hr-190" /></a>
  218. <blockquote lang="en">
  219. <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>
  220. <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>
  221. <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"
  222. title="Consultation de l’article (anglais)">Generative AI Is Not Going To Build Your Engineering Team For You</a>
  223. <a href="/david/cache/2024/93c287363dbe9cae22f4360c5b107971/" hreflang="en"
  224. data-tippy data-description=""
  225. data-source="https://stackoverflow.blog/2024/06/10/generative-ai-is-not-going-to-build-your-engineering-team-for-you/"
  226. data-date="2024-06-24"
  227. data-favicon="https://stackoverflow.blog/favicon.ico"
  228. data-domain="stackoverflow.blog"
  229. ><svg xmlns="http://www.w3.org/2000/svg"
  230. width="24" height="24" viewBox="0 0 24 24" fill="none"
  231. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  232. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  233. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  234. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  235. </svg>
  236. <span class="sr-only">[archive]</span></a></em></cite></p>
  237. </blockquote>
  238. <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>
  239. <a href="#hr-191" title="Lien vers cette section de la page"><hr id="hr-191" /></a>
  240. <blockquote lang="en">
  241. <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>
  242. <p>This is what is being done with&nbsp;AI.</p>
  243. <p><cite><em><a data-link-domain="micro.anniegreens.lol" href="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html" hreflang="en"
  244. title="Consultation de l’article (anglais)">I’ve had this thought but never put it into words.</a>
  245. <a href="/david/cache/2024/54ee1030f6fef778ec10e59726bc5731/" hreflang="en"
  246. data-tippy data-description="The modern tech company or capitalistic enterprise is taking …"
  247. data-source="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html"
  248. data-date="2024-06-24"
  249. data-favicon="https://micro.blog/anniegreens/favicon.png"
  250. data-domain="micro.anniegreens.lol"
  251. ><svg xmlns="http://www.w3.org/2000/svg"
  252. width="24" height="24" viewBox="0 0 24 24" fill="none"
  253. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  254. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  255. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  256. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  257. </svg>
  258. <span class="sr-only">[archive]</span></a></em></cite></p>
  259. </blockquote>
  260. <p>À relire dans un contexte d’élections&nbsp;#OhWait.</p>
  261. <a href="#hr-192" title="Lien vers cette section de la page"><hr id="hr-192" /></a>
  262. <blockquote>
  263. <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>
  264. <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>
  265. <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"
  266. title="Consultation de l’article">Cinq idées reçues lors de l’école d’été sur les humanités numériques</a>
  267. <a href="/david/cache/2024/92ca1fc6eb390997db6b76afaf742d63/" hreflang="fr"
  268. data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
  269. data-source="https://www.lobrassard.net/carnet/2024-06-14-idees-recues-ecole-ete-humanites-numeriques.html"
  270. data-date="2024-06-24"
  271. data-favicon="data:;base64,iVBORw0KGgo="
  272. data-domain="lobrassard.net"
  273. ><svg xmlns="http://www.w3.org/2000/svg"
  274. width="24" height="24" viewBox="0 0 24 24" fill="none"
  275. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  276. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  277. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  278. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  279. </svg>
  280. <span class="sr-only">[archive]</span></a></em></cite></p>
  281. </blockquote>
  282. <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>
  283. <a href="#hr-193" title="Lien vers cette section de la page"><hr id="hr-193" /></a>
  284. <blockquote>
  285. <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>
  286. <p><cite><em><a data-link-domain="mimo.blog" href="https://mimo.blog/le-panneau-des-prejuges" hreflang="fr"
  287. title="Consultation de l’article">Le panneau des préjugés</a>
  288. <a href="/david/cache/2024/63a6d75aee63c072c6d3b174c918740e/" hreflang="fr"
  289. 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..."
  290. data-source="https://mimo.blog/le-panneau-des-prejuges"
  291. data-date="2024-06-24"
  292. data-favicon="https://i.snap.as/CoWgXgFY.png"
  293. data-domain="mimo.blog"
  294. ><svg xmlns="http://www.w3.org/2000/svg"
  295. width="24" height="24" viewBox="0 0 24 24" fill="none"
  296. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  297. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  298. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  299. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  300. </svg>
  301. <span class="sr-only">[archive]</span></a></em></cite></p>
  302. </blockquote>
  303. <p>En parlant de&nbsp;biais.</p>
  304. <a href="#hr-194" title="Lien vers cette section de la page"><hr id="hr-194" /></a>
  305. <blockquote>
  306. <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>
  307. <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>
  308. <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>
  309. <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"
  310. title="Consultation de l’article">ChatGPT et l’indifférence à la vérité</a>
  311. <a href="/david/cache/2024/8b0a0eb43814f315e2b296aa5bdd5eee/" hreflang="fr"
  312. data-tippy data-description="Site web d’Arthur Perret, enseignant-chercheur en SIC."
  313. data-source="https://www.arthurperret.fr/blog/2024-06-21-chatgpt-et-l-indifference-a-la-verite.html"
  314. data-date="2024-06-24"
  315. data-favicon="https://www.arthurperret.fr/blog/favicon-32x32.png"
  316. data-domain="arthurperret.fr"
  317. ><svg xmlns="http://www.w3.org/2000/svg"
  318. width="24" height="24" viewBox="0 0 24 24" fill="none"
  319. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  320. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  321. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  322. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  323. </svg>
  324. <span class="sr-only">[archive]</span></a></em></cite></p>
  325. </blockquote>
  326. <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>
  327. <a href="#hr-195" title="Lien vers cette section de la page"><hr id="hr-195" /></a>
  328. <blockquote lang="en">
  329. <p>Don’t let the past steal your&nbsp;present.</p>
  330. <p><cite>Cherríe L. Moraga</cite></p>
  331. </blockquote>
  332. <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>
  333. <blockquote lang="en">
  334. <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>
  335. </blockquote>
  336. <p>Avec l’éternel questionnement associé, qui ne date pas&nbsp;d’hier&nbsp;:</p>
  337. <blockquote lang="en">
  338. <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>
  339. <blockquote>
  340. <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>
  341. </blockquote>
  342. <p>Prescient.</p>
  343. <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"
  344. title="Consultation de l’article (anglais)">Notes From “You Are Not A Gadget”</a>
  345. <a href="/david/cache/2024/b39aef611801e2b15f189e8d02586b88/" hreflang="en"
  346. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  347. data-source="https://blog.jim-nielsen.com/2024/notes-from-you-are-not-a-gadget/"
  348. data-date="2024-06-24"
  349. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  350. data-domain="blog.jim-nielsen.com"
  351. ><svg xmlns="http://www.w3.org/2000/svg"
  352. width="24" height="24" viewBox="0 0 24 24" fill="none"
  353. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  354. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  355. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  356. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  357. </svg>
  358. <span class="sr-only">[archive]</span></a></em></cite></p>
  359. </blockquote>
  360. <nav>
  361. <p>
  362. <a href="/david/2024/ecriture/"
  363. title="Liste de tous les articles 2024 associés à cette étiquette"
  364. rel="tag">#écriture</a>
  365. <a href="/david/2024/ia/"
  366. title="Liste de tous les articles 2024 associés à cette étiquette"
  367. rel="tag">#IA</a>
  368. <a href="/david/2024/parvenir/"
  369. title="Liste de tous les articles 2024 associés à cette étiquette"
  370. rel="tag">#parvenir</a>
  371. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  372. </p>
  373. </nav>
  374. <h2>
  375. <a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time>
  376. </h2>
  377. <blockquote lang="en">
  378. <p>Eventually, I started asking myself: <mark><em>why am I promising permanence?</em></mark> The answer crept up on me: <em>because permanence is better than nothing.</em> Without the momentum of obligation, I didn’t trust myself to begin anything in&nbsp;earnest.</p>
  379. <p>The thing is, it never worked. The half-life of obligation is short; the half-life of guilt is long. Promises never saved one of my side projects, but they clogged many nights and weekends with the gunk of regret. Something had to&nbsp;change.</p>
  380. <p><cite><em><a data-link-domain="dianaberlin.com" href="https://dianaberlin.com/posts/no-more-forever-projects" hreflang="en"
  381. title="Consultation de l’article (anglais)">No more forever projects</a>
  382. <a href="/david/cache/2024/4c8a04c4c0e928bd78f22db77425bb47/" hreflang="en"
  383. data-tippy data-description="It took me a long time to see past forever projects. I told myself that making promises gave beginnings gravity. I labeled my newsletter &nbsp;a “lifelong project” not long after I started it. I called /mentoring a “movement” the day I announced it. Commitment marked a project as something w"
  384. data-source="https://dianaberlin.com/posts/no-more-forever-projects"
  385. data-date="2024-03-03"
  386. data-favicon="https://images.squarespace-cdn.com/content/v1/598927e3bebafbda588a07e2/1504459315187-9G9MSVDRY4HEGXNT8JAL/favicon.ico"
  387. data-domain="dianaberlin.com"
  388. ><svg xmlns="http://www.w3.org/2000/svg"
  389. width="24" height="24" viewBox="0 0 24 24" fill="none"
  390. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  391. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  392. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  393. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  394. </svg>
  395. <span class="sr-only">[archive]</span></a></em></cite></p>
  396. </blockquote>
  397. <p>Je vais aller m’enforester avec cette question. Le refuge ne va pas être accessible via la piste de ski (de fond), plus assez de&nbsp;neige.</p>
  398. <p>Un 3&nbsp;mars, au nord de&nbsp;Montréal.</p>
  399. <a href="#hr-97" title="Lien vers cette section de la page"><hr id="hr-97" /></a>
  400. <blockquote>
  401. <p>Ces chaleurs extrêmes de 2023&nbsp;ont moins à voir avec le développement d’El Niño qu’avec les conditions anticycloniques de la zone. <em>«&nbsp;On a observé une baisse des vents assez forte sur l’Atlantique Nord,</em> explique Christophe Cassou. <em>Or quand il y a moins de vent, il y a moins d’évaporation, ce qui conduit à un réchauffement des eaux de surface. Ces eaux chauffent aussi car elles se mélangent moins avec les eaux plus profondes et plus&nbsp;froides.&nbsp;»</em></p>
  402. <p>Aujourd’hui, cette configuration météorologique a disparu mais les eaux de surface de l’Atlantique Nord continuent de battre des records de chaleur à cause du phénomène El Niño, qui a fini par réchauffer progressivement les eaux de l’océan pendant&nbsp;l’hiver.</p>
  403. <p><cite><em><a data-link-domain="lemonde.fr" href="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html" hreflang="fr"
  404. title="Consultation de l’article">Climat&nbsp;: pourquoi les températures battent tous les records depuis la mi-2023</a>
  405. <a href="/david/cache/2024/6fc45aab6c9584cbb6f55ef70a685d01/" hreflang="fr"
  406. data-tippy data-description="L’année 2023 a été classée comme la plus chaude enregistrée depuis 1850, avec 14,98 °C de moyenne sur l’ensemble du globe. La tendance continue en 2024. Le principal coupable : le réchauffement lié aux gaz à effet de serre d’origine humaine."
  407. data-source="https://www.lemonde.fr/les-decodeurs/article/2024/03/03/climat-pourquoi-les-temperatures-battent-tous-les-records-depuis-la-mi-2023_6219806_4355770.html"
  408. data-date="2024-03-03"
  409. data-favicon="https://www.lemonde.fr/dist/assets/img/logos/pwa-180.png"
  410. data-domain="lemonde.fr"
  411. ><svg xmlns="http://www.w3.org/2000/svg"
  412. width="24" height="24" viewBox="0 0 24 24" fill="none"
  413. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  414. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  415. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  416. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  417. </svg>
  418. <span class="sr-only">[archive]</span></a></em></cite></p>
  419. </blockquote>
  420. <p>Les Décodeurs m’offrent une grille de lecture des phénomènes en cours&nbsp;intéressante.</p>
  421. <a href="#hr-98" title="Lien vers cette section de la page"><hr id="hr-98" /></a>
  422. <blockquote lang="en">
  423. <p>From pragma directives, to async scripts, to stylesheets, to open graph tags, it’s easy to mess up and can have consequences. Capo.js will show you the <a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/rules/">specific order of elements</a> to make your <code>&lt;head&gt;</code> and your page a little (or a lotta) bit&nbsp;faster.</p>
  424. <p><cite><em><a data-link-domain="frontendmasters.com" href="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/" hreflang="en"
  425. title="Consultation de l’article (anglais)">Capo.js: A five minute web performance boost</a>
  426. <a href="/david/cache/2024/a122504621c3c5318c0bdee38ef4479b/" hreflang="en"
  427. data-tippy data-description="You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your <head> in order. It’s based o…"
  428. data-source="https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/"
  429. data-date="2024-03-03"
  430. data-favicon="https://frontendmasters.com/favicon-32x32.png"
  431. data-domain="frontendmasters.com"
  432. ><svg xmlns="http://www.w3.org/2000/svg"
  433. width="24" height="24" viewBox="0 0 24 24" fill="none"
  434. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  435. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  436. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  437. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  438. </svg>
  439. <span class="sr-only">[archive]</span></a></em></cite></p>
  440. </blockquote>
  441. <p>Il est aussi possible d’<a data-link-domain="rviscomi.github.io" href="https://rviscomi.github.io/capo.js/user/demo/">utiliser la démo</a> sans installer aucun JS en copiant du HTML ou en pointant vers une page. J’ai du mal à évaluer à quel point c’est pertinent pour cet espace, peut-être davantage dans des <a data-link-domain="tonsky.me" href="https://tonsky.me/blog/js-bloat/" hreflang="en"
  442. title="Consultation de l’article (anglais)">contextes sans prise de soin</a>
  443. <a href="/david/cache/2024/ad911ebf7ba5523ef0be1bdd599f7623/" hreflang="en"
  444. data-tippy data-description="What is the average size of JavaScript code downloaded per website? Fuck around and find out!"
  445. data-source="https://tonsky.me/blog/js-bloat/"
  446. data-date="2024-03-03"
  447. data-favicon="https://tonsky.me/i/favicon.png"
  448. data-domain="tonsky.me"
  449. ><svg xmlns="http://www.w3.org/2000/svg"
  450. width="24" height="24" viewBox="0 0 24 24" fill="none"
  451. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  452. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  453. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  454. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  455. </svg>
  456. <span class="sr-only">[archive]</span></a> qui semblent être la norme&nbsp;aujourd’hui.</p>
  457. <a href="#hr-99" title="Lien vers cette section de la page"><hr id="hr-99" /></a>
  458. <blockquote>
  459. <p>Rêve de la nuit&nbsp;dernière</p>
  460. <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/02/20/reve" hreflang="fr"
  461. title="Consultation de l’article">rêve - Carnets Web de La Grange</a>
  462. <a href="/david/cache/2024/24716a84007189a332fd8db3e5ff4c05/" hreflang="fr"
  463. data-tippy data-description=""
  464. data-source="https://www.la-grange.net/2024/02/20/reve"
  465. data-date="2024-03-03"
  466. data-favicon="https://www.la-grange.net/favicon.ico"
  467. data-domain="la-grange.net"
  468. ><svg xmlns="http://www.w3.org/2000/svg"
  469. width="24" height="24" viewBox="0 0 24 24" fill="none"
  470. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  471. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  472. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  473. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  474. </svg>
  475. <span class="sr-only">[archive]</span></a></em></cite></p>
  476. </blockquote>
  477. <p>💚</p>
  478. <nav>
  479. <p>
  480. <a href="/david/2024/dependance/"
  481. title="Liste de tous les articles 2024 associés à cette étiquette"
  482. rel="tag">#dépendance</a>
  483. <a href="/david/2024/opensource/"
  484. title="Liste de tous les articles 2024 associés à cette étiquette"
  485. rel="tag">#opensource</a>
  486. <a href="/david/2024/parvenir/"
  487. title="Liste de tous les articles 2024 associés à cette étiquette"
  488. rel="tag">#parvenir</a>
  489. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  490. </p>
  491. </nav>
  492. <h2>
  493. <a href="/david/2024/01/13/" title="Lien permanent vers cet article">Wuwei</a> <time datetime="2024-01-13">13 janvier 2024</time>
  494. </h2>
  495. <blockquote>
  496. <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>
  497. <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>
  498. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  499. </blockquote>
  500. <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"
  501. title="Consultation de l’article (anglais)">intelligence artificielle</a>
  502. <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" hreflang="en"
  503. 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 …"
  504. data-source="https://simonwillison.net/2024/Jan/7/call-it-ai/"
  505. data-date="2024-01-13"
  506. data-favicon="https://simonwillison.net/favicon.ico"
  507. data-domain="simonwillison.net"
  508. ><svg xmlns="http://www.w3.org/2000/svg"
  509. width="24" height="24" viewBox="0 0 24 24" fill="none"
  510. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  511. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  512. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  513. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  514. </svg>
  515. <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"
  516. title="Consultation de l’article (anglais)">lune</a>
  517. <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" hreflang="en"
  518. 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."
  519. data-source="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra"
  520. data-date="2024-01-13"
  521. data-favicon="https://www.theverge.com/icons/favicon_32x32.png"
  522. data-domain="theverge.com"
  523. ><svg xmlns="http://www.w3.org/2000/svg"
  524. width="24" height="24" viewBox="0 0 24 24" fill="none"
  525. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  526. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  527. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  528. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  529. </svg>
  530. <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"
  531. title="Consultation de l’article (anglais)">mariée</a>
  532. <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" hreflang="en"
  533. 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."
  534. data-source="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai"
  535. data-date="2024-01-13"
  536. data-favicon="https://www.theverge.com/icons/favicon_32x32.png"
  537. data-domain="theverge.com"
  538. ><svg xmlns="http://www.w3.org/2000/svg"
  539. width="24" height="24" viewBox="0 0 24 24" fill="none"
  540. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  541. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  542. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  543. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  544. </svg>
  545. <span class="sr-only">[archive]</span></a> mais il sera toujours&nbsp;là.</p>
  546. <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>
  547. <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>
  548. <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
  549. <blockquote>
  550. <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>
  551. <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>
  552. <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>
  553. <p><cite><em>Ibid.</em></cite></p>
  554. </blockquote>
  555. <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>
  556. <nav>
  557. <p>
  558. <a href="/david/2024/ecriture/"
  559. title="Liste de tous les articles 2024 associés à cette étiquette"
  560. rel="tag">#écriture</a>
  561. <a href="/david/2024/ia/"
  562. title="Liste de tous les articles 2024 associés à cette étiquette"
  563. rel="tag">#IA</a>
  564. <a href="/david/2024/parvenir/"
  565. title="Liste de tous les articles 2024 associés à cette étiquette"
  566. rel="tag">#parvenir</a>
  567. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  568. </p>
  569. </nav>
  570. <h2>
  571. <a href="/david/2024/01/04/" title="Lien permanent vers cet article">Repos</a> <time datetime="2024-01-04">4 janvier 2024</time>
  572. </h2>
  573. <blockquote>
  574. <p>Je m’engouffre, sans trop réfléchir et avant qu’il ne file, dans cet élan d’écriture que j’espérais tout en refusant de m’en faire une contrainte. L’Inde m’offre l’imprévu, la nouveauté, la stimulation sans doute, que je n’avais plus en France pour pouvoir écrire autre chose que de la fiction. Ce pays est un roman en soi — je peux revenir avec désir à cette réalité-là. <mark>J’en suis aussi excitée que prudente,</mark> je n’ai aucune idée de ce que cela va donner ni si ça aura le moindre intérêt. Mais je sais déjà que je n’évoquerai ni les Rafale, ni le nucléaire, ni Modi, ces tue-l’amour&nbsp;absolus.</p>
  575. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  576. </blockquote>
  577. <p>Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&nbsp;tempo.</p>
  578. <a href="#hr-6" title="Lien vers cette section de la page"><hr id="hr-6" /></a>
  579. <p>Je me demande s’il serait pertinent <a data-link-domain="blog.stephaniestimac.com" href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/" hreflang="en"
  580. title="Consultation de l’article (anglais)">d’utiliser <code>text-wrap</code></a>
  581. <a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" hreflang="en"
  582. data-tippy data-description="A ruthless look at when to use these two CSS text-wrap values."
  583. data-source="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/"
  584. data-date="2024-01-07"
  585. data-favicon="https://stephaniestimac.com/imgs/favicon.ico"
  586. data-domain="blog.stephaniestimac.com"
  587. ><svg xmlns="http://www.w3.org/2000/svg"
  588. width="24" height="24" viewBox="0 0 24 24" fill="none"
  589. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  590. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  591. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  592. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  593. </svg>
  594. <span class="sr-only">[archive]</span></a> sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py">un script Python</a> que l’on a fait avec <a data-link-domain="ronan.amicel.net" href="https://ronan.amicel.net/">Ronan</a> à l’époque <a href="/david/2020/05/26/">de MesConseilsCovid / Covidoudou</a>.</p>
  595. <p>Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&nbsp;: <q>Ah je croyais que c’était de toi&#8239;!</q>.</p>
  596. <pre><code>blockquote::before {
  597. content: &quot;citation&quot;;
  598. transform: rotate(-90deg);
  599. position: absolute;
  600. margin-left: -1rem;
  601. margin-top: 3.5rem;
  602. }
  603. </code></pre>
  604. <p>Au passage, autant faire de même pour le code. Des couleurs, de la vie&#8239;! De&nbsp;l’envie.</p>
  605. <p>Note&nbsp;: être développeur d’un produit <em>open-source</em> populaire c’est un boulot à plein temps, pas de vacances pour les notifications /&nbsp;sollicitations.</p>
  606. <nav>
  607. <p>
  608. <a href="/david/2024/decision/"
  609. title="Liste de tous les articles 2024 associés à cette étiquette"
  610. rel="tag">#décision</a>
  611. <a href="/david/2024/parvenir/"
  612. title="Liste de tous les articles 2024 associés à cette étiquette"
  613. rel="tag">#parvenir</a>
  614. <a href="/david/2024/propriete/"
  615. title="Liste de tous les articles 2024 associés à cette étiquette"
  616. rel="tag">#propriété</a>
  617. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  618. </p>
  619. </nav>
  620. <form action="/david/recherche/" method="get">
  621. <fieldset>
  622. <legend>Recherche</legend>
  623. <label for="input-search">Termes de votre recherche :</label>
  624. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  625. <input type="submit" value="Chercher">
  626. <p id="indexation-infos">
  627. <small>
  628. Seuls les contenus de ces 8 dernières années sont indexés.
  629. </small>
  630. </p>
  631. </fieldset>
  632. </form>
  633. <aside>
  634. <theme-toggle></theme-toggle>
  635. </aside>
  636. </article>
  637. <hr>
  638. <footer>
  639. <p>
  640. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  641. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  642. <a href="http://larlet.com"
  643. title="Go to my English profile"
  644. data-instant>Pro</a>
  645. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  646. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  647. </p>
  648. <template id="theme-selector">
  649. <form>
  650. <style type="text/css">
  651. fieldset div {
  652. text-align: center;
  653. }
  654. </style>
  655. <fieldset>
  656. <legend>Thème</legend>
  657. <div>
  658. <label>
  659. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  660. Auto
  661. </label>
  662. <label>
  663. <input type="radio" value="dark" name="chosen-color-scheme">
  664. Foncé
  665. </label>
  666. <label>
  667. <input type="radio" value="light" name="chosen-color-scheme">
  668. Clair
  669. </label>
  670. </div>
  671. </fieldset>
  672. </form>
  673. </template>
  674. </footer>
  675. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  676. <script>
  677. class ThemeToggle extends HTMLElement {
  678. constructor() {
  679. super()
  680. const themeSelectorTemplate = document.querySelector('#theme-selector')
  681. const form = themeSelectorTemplate.content.firstElementChild
  682. this.attachShadow({ mode: 'open' })
  683. this.shadowRoot.appendChild(form.cloneNode(true))
  684. }
  685. connectedCallback() {
  686. const form = this.shadowRoot.querySelector('form')
  687. form.addEventListener('change', (e) => {
  688. const chosenColorScheme = e.target.value
  689. localStorage.setItem('theme', chosenColorScheme)
  690. toggleTheme(chosenColorScheme)
  691. })
  692. const selectedTheme = localStorage.getItem('theme')
  693. if (selectedTheme && selectedTheme !== 'undefined') {
  694. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  695. }
  696. }
  697. }
  698. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  699. window.addEventListener('load', () => {
  700. let colorsLayer = undefined
  701. let hasDarkRules = false
  702. for (const styleSheet of Array.from(document.styleSheets)) {
  703. let mediaRules = []
  704. for (const layerRule of styleSheet.cssRules) {
  705. if (!(layerRule instanceof CSSLayerBlockRule)) {
  706. continue
  707. }
  708. if (layerRule.name === 'colors') {
  709. colorsLayer = layerRule
  710. }
  711. for (const cssRule of layerRule.cssRules) {
  712. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  713. continue
  714. }
  715. // WARNING: Safari does not have/supports `conditionText`.
  716. if (cssRule.conditionText) {
  717. if (cssRule.conditionText !== prefersColorSchemeDark) {
  718. continue
  719. }
  720. } else {
  721. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  722. continue
  723. }
  724. }
  725. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  726. }
  727. }
  728. // WARNING: do not try to insert a Rule to a styleSheet you are
  729. // currently iterating on, otherwise the browser will be stuck
  730. // in a infinite loop…
  731. for (const mediaRule of mediaRules) {
  732. // Safari requires the `0` second parameter (even if default).
  733. colorsLayer.insertRule(mediaRule.cssText, 0)
  734. hasDarkRules = true
  735. }
  736. }
  737. if (hasDarkRules) {
  738. if ('customElements' in window && !customElements.get('theme-toggle')) {
  739. customElements.define('theme-toggle', ThemeToggle)
  740. }
  741. }
  742. })
  743. </script>
  744. </body>
  745. </html>