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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630
  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. CompAIgnon
  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="Tech companies big and small sell AI as something that thinks for us. It does replace thought with statistics—but it is not intelligent. No one knows what the future will bring. But is a future without thought a better future?">
  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. <!-- To get attribution when linking on mastodon. -->
  106. <meta name="fediverse:creator" content="@david@larlet.fr">
  107. <style type="text/css">
  108. .tippy-content {
  109. min-width: 280px;
  110. padding: .5rem;
  111. font-size: calc(var(--fluid-0) * 0.8);
  112. font-family: var(--labor-font);
  113. letter-spacing: initial;
  114. text-align: left;
  115. }
  116. .tippy-content h3 {
  117. margin-top: 0;
  118. }
  119. .tippy-content h3 img {
  120. max-width: 2rem;
  121. max-height: 2rem;
  122. display: inline-block;
  123. }
  124. .tippy-content .tippy-links {
  125. display: flex;
  126. justify-content: space-around;
  127. }
  128. .tippy-content a {
  129. padding: .4rem;
  130. color: #F06048;
  131. }
  132. </style>
  133. <body data-instant-intensity="viewport-all">
  134. <article>
  135. <header>
  136. <hgroup>
  137. <h1>CompAIgnon</h1>
  138. <p>Le <time datetime="2024-06-28">28 juin 2024</time></p>
  139. </hgroup>
  140. </header>
  141. <nav>
  142. <p>
  143. <a rel="prev"
  144. href="/david/2024/06/22/"
  145. title="Publication précédente : Jour 2">← Précédent</a> •
  146. <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
  147. <a href="/david/recherche/"
  148. title="Aller à la page de recherche"
  149. rel="search" data-no-instant>Recherche</a>
  150. • <a rel="next"
  151. href="/david/2024/08/10/"
  152. title="Publication suivante : Kudopamine">Suivant →</a>
  153. </p>
  154. </nav>
  155. <blockquote lang="en">
  156. <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>
  157. <p>Now, with a tool that might help us think… How about using AI not to think less but <em>more</em>?</p>
  158. <p><cite><em><a data-link-domain="ia.net" href="https://ia.net/topics/turning-the-tables-on-ai" hreflang="en"
  159. title="Consultation de l’article (anglais)">Turning the Tables on AI</a>
  160. <a href="/david/cache/2024/8f9d64c455a9246d5e23810ed10e3fe2/" hreflang="en"
  161. data-tippy data-description="AI is sold to make us think less... How about using AI not to think less but *more*?"
  162. data-source="https://ia.net/topics/turning-the-tables-on-ai"
  163. data-date="2024-06-24"
  164. data-favicon="https://ia.net/wp-content/themes/iA-library/assets/hotlink-ok/favicon-192x192.png"
  165. data-domain="ia.net"
  166. ><svg xmlns="http://www.w3.org/2000/svg"
  167. width="24" height="24" viewBox="0 0 24 24" fill="none"
  168. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  169. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  170. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  171. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  172. </svg>
  173. <span class="sr-only">[archive]</span></a></em></cite></p>
  174. </blockquote>
  175. <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>
  176. <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>
  177. <blockquote lang="en">
  178. <p>The people who are most confident AI can replace writers are the ones who think writing is&nbsp;typing.</p>
  179. <p><cite>Andrew Ti sur&nbsp;X</cite></p>
  180. </blockquote>
  181. <a href="#hr-189" title="Lien vers cette section de la page"><hr id="hr-189" /></a>
  182. <blockquote lang="en">
  183. <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>
  184. <p>I am honestly astonished that so many companies don’t seem to realise what they’re&nbsp;destroying.</p>
  185. <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/21160" hreflang="en"
  186. title="Consultation de l’article (anglais)">Adactio: Journal-Trust</a>
  187. <a href="/david/cache/2024/d4c01d246dc4f43aeb95c427ac5422a5/" hreflang="en"
  188. data-tippy data-description="How to destroy your greatest asset with AI."
  189. data-source="https://adactio.com/journal/21160"
  190. data-date="2024-06-24"
  191. data-favicon="https://adactio.com/icon.png"
  192. data-domain="adactio.com"
  193. ><svg xmlns="http://www.w3.org/2000/svg"
  194. width="24" height="24" viewBox="0 0 24 24" fill="none"
  195. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  196. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  197. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  198. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  199. </svg>
  200. <span class="sr-only">[archive]</span></a></em></cite></p>
  201. </blockquote>
  202. <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"
  203. title="Consultation de l’article (anglais)">Coucou Kagi</a>
  204. <a href="/david/cache/2024/463a5fd436bb887f90f9e01b01b7716b/" hreflang="en"
  205. 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."
  206. data-source="https://blog.kagi.com/what-is-next-for-kagi#9"
  207. data-date="2024-06-24"
  208. 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>"
  209. data-domain="blog.kagi.com"
  210. ><svg xmlns="http://www.w3.org/2000/svg"
  211. width="24" height="24" viewBox="0 0 24 24" fill="none"
  212. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  213. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  214. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  215. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  216. </svg>
  217. <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>
  218. <blockquote lang="en">
  219. <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>
  220. <p>Less privacy. More environmental impact. More hype. <em>Cool.</em></p>
  221. <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>
  222. <p><cite><em><a data-link-domain="coryd.dev" href="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/" hreflang="en"
  223. title="Consultation de l’article (anglais)">Did anyone ask for these AI features? • Cory Dransfeldt</a>
  224. <a href="/david/cache/2024/486e49501e495e42b2e40320969c373f/" hreflang="en"
  225. 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?"
  226. data-source="https://coryd.dev/posts/2024/did-anyone-ask-for-these-ai-features/"
  227. data-date="2024-06-24"
  228. data-favicon="https://cdn.coryd.dev/assets/icons/favicon.svg?v=19.5.32"
  229. data-domain="coryd.dev"
  230. ><svg xmlns="http://www.w3.org/2000/svg"
  231. width="24" height="24" viewBox="0 0 24 24" fill="none"
  232. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  233. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  234. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  235. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  236. </svg>
  237. <span class="sr-only">[archive]</span></a></em></cite></p>
  238. </blockquote>
  239. <a href="#hr-190" title="Lien vers cette section de la page"><hr id="hr-190" /></a>
  240. <blockquote lang="en">
  241. <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>
  242. <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>
  243. <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"
  244. title="Consultation de l’article (anglais)">Generative AI Is Not Going To Build Your Engineering Team For You</a>
  245. <a href="/david/cache/2024/93c287363dbe9cae22f4360c5b107971/" hreflang="en"
  246. data-tippy data-description=""
  247. data-source="https://stackoverflow.blog/2024/06/10/generative-ai-is-not-going-to-build-your-engineering-team-for-you/"
  248. data-date="2024-06-24"
  249. data-favicon="https://stackoverflow.blog/favicon.ico"
  250. data-domain="stackoverflow.blog"
  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>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>
  261. <a href="#hr-191" title="Lien vers cette section de la page"><hr id="hr-191" /></a>
  262. <blockquote lang="en">
  263. <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>
  264. <p>This is what is being done with&nbsp;AI.</p>
  265. <p><cite><em><a data-link-domain="micro.anniegreens.lol" href="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html" hreflang="en"
  266. title="Consultation de l’article (anglais)">I’ve had this thought but never put it into words.</a>
  267. <a href="/david/cache/2024/54ee1030f6fef778ec10e59726bc5731/" hreflang="en"
  268. data-tippy data-description="The modern tech company or capitalistic enterprise is taking …"
  269. data-source="https://micro.anniegreens.lol/2024/05/06/ive-had-this.html"
  270. data-date="2024-06-24"
  271. data-favicon="https://micro.blog/anniegreens/favicon.png"
  272. data-domain="micro.anniegreens.lol"
  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>À relire dans un contexte d’élections&nbsp;#OhWait.</p>
  283. <a href="#hr-192" title="Lien vers cette section de la page"><hr id="hr-192" /></a>
  284. <blockquote>
  285. <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>
  286. <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>
  287. <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"
  288. title="Consultation de l’article">Cinq idées reçues lors de l’école d’été sur les humanités numériques</a>
  289. <a href="/david/cache/2024/92ca1fc6eb390997db6b76afaf742d63/" hreflang="fr"
  290. data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
  291. data-source="https://www.lobrassard.net/carnet/2024-06-14-idees-recues-ecole-ete-humanites-numeriques.html"
  292. data-date="2024-06-24"
  293. data-favicon="data:;base64,iVBORw0KGgo="
  294. data-domain="lobrassard.net"
  295. ><svg xmlns="http://www.w3.org/2000/svg"
  296. width="24" height="24" viewBox="0 0 24 24" fill="none"
  297. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  298. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  299. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  300. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  301. </svg>
  302. <span class="sr-only">[archive]</span></a></em></cite></p>
  303. </blockquote>
  304. <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>
  305. <a href="#hr-193" title="Lien vers cette section de la page"><hr id="hr-193" /></a>
  306. <blockquote>
  307. <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>
  308. <p><cite><em><a data-link-domain="mimo.blog" href="https://mimo.blog/le-panneau-des-prejuges" hreflang="fr"
  309. title="Consultation de l’article">Le panneau des préjugés</a>
  310. <a href="/david/cache/2024/63a6d75aee63c072c6d3b174c918740e/" hreflang="fr"
  311. 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..."
  312. data-source="https://mimo.blog/le-panneau-des-prejuges"
  313. data-date="2024-06-24"
  314. data-favicon="https://i.snap.as/CoWgXgFY.png"
  315. data-domain="mimo.blog"
  316. ><svg xmlns="http://www.w3.org/2000/svg"
  317. width="24" height="24" viewBox="0 0 24 24" fill="none"
  318. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  319. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  320. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  321. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  322. </svg>
  323. <span class="sr-only">[archive]</span></a></em></cite></p>
  324. </blockquote>
  325. <p>En parlant de&nbsp;biais.</p>
  326. <a href="#hr-194" title="Lien vers cette section de la page"><hr id="hr-194" /></a>
  327. <blockquote>
  328. <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>
  329. <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>
  330. <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>
  331. <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"
  332. title="Consultation de l’article">ChatGPT et l’indifférence à la vérité</a>
  333. <a href="/david/cache/2024/8b0a0eb43814f315e2b296aa5bdd5eee/" hreflang="fr"
  334. data-tippy data-description="Site web d’Arthur Perret, enseignant-chercheur en SIC."
  335. data-source="https://www.arthurperret.fr/blog/2024-06-21-chatgpt-et-l-indifference-a-la-verite.html"
  336. data-date="2024-06-24"
  337. data-favicon="https://www.arthurperret.fr/blog/favicon-32x32.png"
  338. data-domain="arthurperret.fr"
  339. ><svg xmlns="http://www.w3.org/2000/svg"
  340. width="24" height="24" viewBox="0 0 24 24" fill="none"
  341. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  342. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  343. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  344. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  345. </svg>
  346. <span class="sr-only">[archive]</span></a></em></cite></p>
  347. </blockquote>
  348. <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>
  349. <a href="#hr-195" title="Lien vers cette section de la page"><hr id="hr-195" /></a>
  350. <blockquote lang="en">
  351. <p>Don’t let the past steal your&nbsp;present.</p>
  352. <p><cite>Cherríe L. Moraga</cite></p>
  353. </blockquote>
  354. <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>
  355. <blockquote lang="en">
  356. <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>
  357. </blockquote>
  358. <p>Avec l’éternel questionnement associé, qui ne date pas&nbsp;d’hier&nbsp;:</p>
  359. <blockquote lang="en">
  360. <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>
  361. <blockquote>
  362. <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>
  363. </blockquote>
  364. <p>Prescient.</p>
  365. <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"
  366. title="Consultation de l’article (anglais)">Notes From “You Are Not A Gadget”</a>
  367. <a href="/david/cache/2024/b39aef611801e2b15f189e8d02586b88/" hreflang="en"
  368. data-tippy data-description="Writing about the big beautiful mess that is making things for the world wide web."
  369. data-source="https://blog.jim-nielsen.com/2024/notes-from-you-are-not-a-gadget/"
  370. data-date="2024-06-24"
  371. data-favicon="https://blog.jim-nielsen.com/favicon.ico"
  372. data-domain="blog.jim-nielsen.com"
  373. ><svg xmlns="http://www.w3.org/2000/svg"
  374. width="24" height="24" viewBox="0 0 24 24" fill="none"
  375. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  376. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  377. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  378. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  379. </svg>
  380. <span class="sr-only">[archive]</span></a></em></cite></p>
  381. </blockquote>
  382. <nav>
  383. <p>
  384. <a href="/david/2024/ecriture/"
  385. title="Liste de tous les articles 2024 associés à cette étiquette"
  386. rel="tag">#écriture</a>
  387. <a href="/david/2024/ia/"
  388. title="Liste de tous les articles 2024 associés à cette étiquette"
  389. rel="tag">#IA</a>
  390. <a href="/david/2024/parvenir/"
  391. title="Liste de tous les articles 2024 associés à cette étiquette"
  392. rel="tag">#parvenir</a>
  393. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  394. </p>
  395. </nav>
  396. <nav>
  397. <p>
  398. <a rel="prev"
  399. href="/david/2024/06/22/"
  400. title="Publication précédente : Jour 2">← Précédent</a> •
  401. <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
  402. • <a rel="next"
  403. href="/david/2024/08/10/"
  404. title="Publication suivante : Kudopamine">Suivant →</a>
  405. </p>
  406. </nav>
  407. <form action="/david/recherche/" method="get">
  408. <fieldset>
  409. <legend>Recherche</legend>
  410. <label for="input-search">Termes de votre recherche :</label>
  411. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  412. <input type="submit" value="Chercher">
  413. <p id="indexation-infos">
  414. <small>
  415. Seuls les contenus de ces 8 dernières années sont indexés.
  416. </small>
  417. </p>
  418. </fieldset>
  419. </form>
  420. <aside>
  421. <theme-toggle></theme-toggle>
  422. </aside>
  423. </article>
  424. <hr>
  425. <footer>
  426. <p>
  427. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  428. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  429. <a href="http://larlet.com"
  430. title="Go to my English profile"
  431. data-instant>Pro</a>
  432. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  433. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  434. </p>
  435. <template id="theme-selector">
  436. <form>
  437. <style type="text/css">
  438. fieldset div {
  439. text-align: center;
  440. }
  441. </style>
  442. <fieldset>
  443. <legend>Thème</legend>
  444. <div>
  445. <label>
  446. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  447. Auto
  448. </label>
  449. <label>
  450. <input type="radio" value="dark" name="chosen-color-scheme">
  451. Foncé
  452. </label>
  453. <label>
  454. <input type="radio" value="light" name="chosen-color-scheme">
  455. Clair
  456. </label>
  457. </div>
  458. </fieldset>
  459. </form>
  460. </template>
  461. </footer>
  462. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  463. <script>
  464. class ThemeToggle extends HTMLElement {
  465. constructor() {
  466. super()
  467. const themeSelectorTemplate = document.querySelector('#theme-selector')
  468. const form = themeSelectorTemplate.content.firstElementChild
  469. this.attachShadow({ mode: 'open' })
  470. this.shadowRoot.appendChild(form.cloneNode(true))
  471. }
  472. connectedCallback() {
  473. const form = this.shadowRoot.querySelector('form')
  474. form.addEventListener('change', (e) => {
  475. const chosenColorScheme = e.target.value
  476. localStorage.setItem('theme', chosenColorScheme)
  477. toggleTheme(chosenColorScheme)
  478. })
  479. const selectedTheme = localStorage.getItem('theme')
  480. if (selectedTheme && selectedTheme !== 'undefined') {
  481. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  482. }
  483. }
  484. }
  485. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  486. window.addEventListener('load', () => {
  487. let colorsLayer = undefined
  488. let hasDarkRules = false
  489. for (const styleSheet of Array.from(document.styleSheets)) {
  490. let mediaRules = []
  491. for (const layerRule of styleSheet.cssRules) {
  492. if (!(layerRule instanceof CSSLayerBlockRule)) {
  493. continue
  494. }
  495. if (layerRule.name === 'colors') {
  496. colorsLayer = layerRule
  497. }
  498. for (const cssRule of layerRule.cssRules) {
  499. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  500. continue
  501. }
  502. // WARNING: Safari does not have/supports `conditionText`.
  503. if (cssRule.conditionText) {
  504. if (cssRule.conditionText !== prefersColorSchemeDark) {
  505. continue
  506. }
  507. } else {
  508. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  509. continue
  510. }
  511. }
  512. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  513. }
  514. }
  515. // WARNING: do not try to insert a Rule to a styleSheet you are
  516. // currently iterating on, otherwise the browser will be stuck
  517. // in a infinite loop…
  518. for (const mediaRule of mediaRules) {
  519. // Safari requires the `0` second parameter (even if default).
  520. colorsLayer.insertRule(mediaRule.cssText, 0)
  521. hasDarkRules = true
  522. }
  523. }
  524. if (hasDarkRules) {
  525. if ('customElements' in window && !customElements.get('theme-toggle')) {
  526. customElements.define('theme-toggle', ThemeToggle)
  527. }
  528. }
  529. })
  530. </script>
  531. <script src="/static/david/js/popper-2.11.8.min.js"></script>
  532. <script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script>
  533. <script>
  534. tippy('[data-tippy]', {
  535. content(reference) {
  536. reference.addEventListener('click', (e) => e.preventDefault())
  537. return `
  538. <h3 lang="fr">
  539. <img src="${reference.dataset.favicon}" loading="lazy">
  540. <a href="${reference.dataset.source}"
  541. >Article sur ${reference.dataset.domain}</a></h3>
  542. <p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p>
  543. <div class="tippy-links" lang="fr">
  544. <a href="${reference.href}">Archive au ${reference.dataset.date}</a>
  545. </div>
  546. `
  547. },
  548. allowHTML: true,
  549. interactive: true,
  550. delay: [150, 700],
  551. hideOnClick: false
  552. })
  553. </script>
  554. <script type="module">
  555. import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'
  556. const markObserver = new IntersectionObserver((entries, observer) => {
  557. const computedStyle = getComputedStyle(document.documentElement)
  558. const markBackground = computedStyle.getPropertyValue('--mark-background')
  559. for (const entry of entries) {
  560. if (entry.intersectionRatio === 0) continue
  561. const markElement = entry.target
  562. markElement.style.backgroundColor = 'inherit'
  563. const annotation = annotate(
  564. markElement, {
  565. type: 'highlight',
  566. multiline: true,
  567. color: markBackground,
  568. // animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
  569. animate: false
  570. }
  571. )
  572. annotation.show()
  573. observer.unobserve(markElement)
  574. }
  575. }, {threshold: 1.0})
  576. for (const markElement of document.querySelectorAll('mark')) {
  577. markObserver.observe(markElement)
  578. }
  579. </script>
  580. </body>
  581. </html>