Skip to content

Commit 2b1085b

Browse files
ffooddffoodd
committed
feat[WIP]: IA related content
1 parent d26dd3b commit 2b1085b

3 files changed

Lines changed: 215 additions & 0 deletions

File tree

‎_src/pages/ia/md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: "template/ia.njk"
3+
title: "Fait (hu)main"
4+
permalink: "ia/index.html"
5+
tags: ["pages"]
6+
description: "Site et contenus bios élevés en plein air, garantis sans intelligence (artificielle)."
7+
modified: "2026-04-20"
8+
---

‎_src/posts/ia-bien-qui-ia-le-dernier/index.md‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
layout: "template/post.njk"
3+
title: "IA bien qui IA le dernier"
4+
date: "2026-04-20T10:26:35"
5+
modified: "2026-04-20T10:26:35"
6+
permalink: "ia-bien-qui-ia-le-dernier/index.html"
7+
tags: ["posts"]
8+
excerpt: ""
9+
description: ""
10+
commentsOpen: "true"
11+
---
12+
13+
Disclaimer : je me trompe sans doute sur certains de ces points, déterompez-moi sur Masto ou GitHub.
14+
15+
- Les externalités techniques : machines physiques, énergie, surface imperméabilisée, etc.
16+
- Le déni de service généralisé : les robots IA représentent une part massive des requêtes, au point de faire tomber certains services (y compris libres et gratuits).
17+
- La merdification massive du web, au point qu’un moteur de recherche devienne presque inutile.
18+
- Les impacts psychosociaux : perte d’esprit critique, mauvaise estimation du temps, biais de confirmation ++, orientation des idées par suggestion, perte de sens dans le travail, perte de travail tout court
19+
- Les risques culturels : non respect des licences et de la propriété intellectuelle (que se passera-t-il quand du code sous licence sera retrouvé dans vos vibe coded apps ? Orange VS Entr'ouvert), opacité et invisibilisation des sources — voire mensonges / manipulations purs et durs, etc.
20+
- Les risques de sécurité : envoyer des données à pétaouchnok, zéro confidentialité ni étanchéité.
21+
- L’impact sur l’apprentissage et l’expertise : besoin d’expertise pour gérer les résultats, donc experts++ et apprentis--
22+
- Les limites : basées sur un corpus et un entraînement, et des résultats probabilistes. L’IA ne paraît intrinsinquement pas pouvoir dépasser l’intelligence collective.
23+
- L’illusion de l’immédiateté : l’impression de magie parce que ça génère un résultat complexe en 30s qui nous aurait pris des heures à rédiger nous-mếmés — mais basés sur des siècles d’expériences concrètes pré-digérées.
24+
- Accessoirement, plusieurs études ont démontré que « les gens » tendent à ignorer le temps qu’ils passent à rédiger et corriger leurs _prompts_, à exploiter les résultats fournis, etc.
25+
- L’illusion du savoir : une IAg ne cherche rien, elle donne une réponse crédible (pas vraie, juste crédible) en s’appuyant sur ce qu’elle a en stock. _Remember_ les astuces à base de dates, en demandant par exemple qui est l’actuel président des USA.
26+
- Parti pris politique : lié au capitalisme extrême, exploitation des ressources et des gens (entraînements par des petites mains invisibles à Mada et ailleurs…), caisse de résonnance pour les discriminations (racisme, validisme, esxisme, etc.)… aka le technofascime (en lien avec le technoféodalisme)
27+
- Une excuse pour ne pas faire, _a.k.a._ le techno-solutionnisme.
28+
29+
Et que se passera t-il quand votre outil disparaîtra ?
30+
31+
+ Les résultats côté accessibilité (audit, inté HTML / CSS, etc.) étaient jusque là très en retrait en terme de qualité par rapport au bon gros dévs : apparemment ça évolue en bien (Tenon, Romy, etc.).

‎docs/ia-bien-qui-ia-le-dernier/index.html‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
<!doctype html>
2+
<html lang="fr-FR">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
7+
<title>IA bien qui IA le dernier — La vie en #ffoodd</title>
8+
<link rel="preload" as="font" href="/assets/fonts/bello-pro.woff2">
9+
<link rel="preload" as="font" href="/assets/fonts/museo-slab-300.woff2"><link rel="stylesheet" href="/assets/styles.min.css" media="all">
10+
<link rel="stylesheet" href="/assets/impression.min.css" media="print">
11+
12+
<meta name="description" content="">
13+
<meta name="generator" content="Eleventy v3.1.2">
14+
<link rel="icon" href="/favicon.ico" sizes="32x32">
15+
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
16+
<link rel="author" href="/humans.txt" type="text/plain">
17+
<meta property="fediverse:creator" content="@ffoodd@mamot.fr">
18+
<link rel="alternate" type="application/rss+xml" title="La vie en #ffoodd | Flux RSS" href="/feed/index.xml">
19+
</head>
20+
<body class="tk-museo-slab" itemscope itemtype="https://schema.org/WebPage">
21+
<a class="skip scroll pa1 inbl smaller print-hidden" href="#content">Aller au contenu</a>
22+
<a class="skip scroll pa1 inbl smaller print-hidden" href="#sommaire">Aller au sommaire</a>
23+
<div class="row">
24+
<nav class="col txtright pt8 w-33 pl0 pr0 print-hidden" id="nav" role="navigation" aria-label="Menu principal">
25+
<ul class="menu aside p-reset m-reset ul-reset">
26+
<li class="tk-bello-pro h1-like m-reset">
27+
<a href="/">ffoodd</a>
28+
</li>
29+
<li class="h3-like m-reset">
30+
<a href="/journal/">Journal</a>
31+
</li>
32+
<li class="h3-like m-reset">
33+
<a href="/travaux/">Parcours</a>
34+
</li>
35+
<li class="h3-like m-reset">
36+
<a href="/now/">En ce moment</a>
37+
</li>
38+
</ul>
39+
</nav>
40+
41+
<main class="col w--site pl3 pb3 pr3" id="content" role="main" role="main" itemprop="mainContentOfPage">
42+
<div class="logo print-hidden">
43+
<img src="/assets/img/embossed-ffoodd.png" alt="" id="logo" width="144" height="144">
44+
</div>
45+
<header class="center pt1 mb1" role="banner">
46+
<h1 class="mb0 mt0 tk-bello-pro" itemprop="name">IA bien qui IA le dernier</h1>
47+
<nav role="navigation" aria-labelledby="here" class="print-hidden small mt2 mb1">
48+
<span id="here">Vous êtes ici&nbsp;: </span>
49+
<div class="inbl" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
50+
<a href="/" itemprop="url"><span itemprop="title">La vie en #ffoodd</span></a>
51+
<span> ›&nbsp;</span>
52+
</div>
53+
<div class="inbl" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
54+
<span itemprop="title">IA bien qui IA le dernier</span>
55+
</div>
56+
</nav>
57+
58+
</header>
59+
<article role="article" itemscope itemtype="https://schema.org/Article">
60+
<div itemprop="articleBody">
61+
<ul>
62+
<li>Les externalités techniques : machines physiques, énergie, surface imperméabilisée, etc.</li>
63+
<li>Les impacts psychosociaux : perte d’esprit critique, mauvaise estimation du temps, biais de confirmation ++, orientation des idées par suggestion, perte de sens dans le travail, perte de travail tout court</li>
64+
<li>Les risques culturels : non respect des licences et de la propriété intellectuelle (que se passera-t-il quand du code sous licence sera retrouvé dans vos vibe coded apps ? Orange VS Entr’ouvert), opacité et invisibilisation des sources — voire mensonges / manipulations purs et durs, etc.</li>
65+
<li>Les risques de sécurité : envoyer des données à pétaouchnok, zéro confidentialité ni étanchéité</li>
66+
<li>L’impact sur l’apprentissage et l’expertise : besoin d’expertise pour gérer les résultats, donc experts++ et apprentis–</li>
67+
<li>Parti pris politique : lié au capitalisme extrême, exploitation des ressources et des gens (entraînements par des petites mains invisibles à Mada et ailleurs…), caisse de résonnance pour les discriminations (racisme, validisme, esxisme, etc.)…</li>
68+
<li>Les retours / observations par collègues interposés : temps passé important, besoin de recadrer souvent (retours Boris), risques de sécurité ++, besoin de cumuler les outils / agents / serveurs, délire des MCP (talk d’Antonin)</li>
69+
</ul>
70+
<p>Et que se passera t-il quand votre outil disparaîtra ?</p>
71+
<ul>
72+
<li>Les résultats côté accessibilité (audit, inté HTML / CSS, etc.) étaient jusque là très en retrait en terme de qualité par rapport au bon gros dévs : apparemment ça évolue en bien (Tenon, Romy, etc.).</li>
73+
</ul>
74+
75+
</div>
76+
<footer class="small mt2">
77+
<p class="pl2 mt0 pt1">
78+
Article rédigé par <strong itemprop="author"><span class="fn">Gaël Poupard</span></strong>.
79+
Publié le <time class="updated" datetime="2026-04-20T10:26:35" itemprop="datePublished">20 avril 2026</time>.
80+
</p>
81+
</footer>
82+
</article>
83+
<div id="comments" class="comments-area pl2 pt2 mt2 print-hidden"><div class="comment-respond">
84+
<h3>Laisser un commentaire</h3>
85+
<form action="https://github.com/ffoodd/ffoodd.fr/new/main/_src/posts/ia-bien-qui-ia-le-dernier/comments/?filename=0000.md" method="post" class="comment-form">
86+
<p class="comment-notes">
87+
Vous devez avoir un compte GitHub pour ajouter un commentaire.
88+
</p>
89+
<p>
90+
<label for="pseudo">Pseudonyme GitHub <span class="required">(obligatoire)</span></label>
91+
<input id="pseudo" name="pseudo" type="text"
92+
aria-required="true" required="required" autocomplete="nickname">
93+
</p>
94+
<p>
95+
<label for="value">Commentaire <span class="required">(obligatoire)</span></label>
96+
<textarea id="value" name="value" cols="45" rows="8"
97+
aria-required="true" required="required" aria-describedby="comment-note"></textarea>
98+
<span id="comment-note" class="small">Markdown accepté.</span>
99+
</p>
100+
<p class="form-submit">
101+
<input name="submit" type="submit" id="submit" class="submit" value="Laisser un commentaire">
102+
</p>
103+
</form>
104+
<script>
105+
const form = document.querySelector('.comment-form');
106+
const dynamicCommentID = crypto.randomUUID().substring(0, 4);
107+
108+
form.addEventListener('submit', async (event) => {
109+
event.preventDefault();
110+
const pseudo = document.getElementById('pseudo').value;
111+
const comment = document.getElementById('comment').value;
112+
113+
const content = await fetch(`https://api.github.com/users/${pseudo}`)
114+
.then(response => response.json())
115+
.then(user => {
116+
const content = encodeURIComponent(`---
117+
date: "${new Date().toISOString()}"
118+
author_name: "${user.name}"
119+
author_url: "${user.blog}"
120+
author_avatar: "${user.avatar_url}"
121+
id: "${dynamicCommentID}"
122+
tags: ["comments","ia-bien-qui-ia-le-dernier"]
123+
---
124+
${comment}`);
125+
126+
window.open(`https://github.com/ffoodd/ffoodd.fr/new/main/_src/posts/ia-bien-qui-ia-le-dernier/comments/?value=${content}&filename=${dynamicCommentID}.md`)
127+
});
128+
});
129+
</script>
130+
</div>
131+
</main><aside class="col pt8 pl0 pr0 print-hidden" role="complementary" id="sommaire">
132+
<div class="aside pt1 pr3 pb1 pl2">
133+
<h3 class="tk-bello-pro h2-like m-reset">Sommaire</h3>
134+
<div class="textwidget">
135+
</ol>
136+
</div>
137+
</div>
138+
</aside>
139+
</div>
140+
<footer class="mw--site mod txtcenter center" role="contentinfo" itemscope itemtype="https://schema.org/Person">
141+
<ul class="ffeeeedd--contact ul-reset p-reset mt0 print-hidden"><li class="inbl pa1" itemscope itemprop="contactPoint">
142+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__mastodon" href="https://mamot.fr/@ffoodd" itemprop="url" rel="me"title="Gaël Poupard sur Mastodon">
143+
<span itemprop="name">Mastodon</span>
144+
</a>
145+
</li><li class="inbl pa1" itemscope itemprop="contactPoint">
146+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__github" href="https://github.com/ffoodd" itemprop="url"title="Gaël Poupard sur GitHub">
147+
<span itemprop="name">GitHub</span>
148+
</a>
149+
</li><li class="inbl pa1" itemscope itemprop="contactPoint">
150+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__codepen" href="https://codepen.io/ffoodd" itemprop="url"title="Gaël Poupard sur CodePen">
151+
<span itemprop="name">CodePen</span>
152+
</a>
153+
</li><li class="inbl pa1" itemscope itemprop="contactPoint">
154+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__dribbble" href="https://dribbble.com/ffoodd" itemprop="url"title="Gaël Poupard sur Dribbble">
155+
<span itemprop="name">Dribbble</span>
156+
</a>
157+
</li><li class="inbl pa1" itemscope itemprop="contactPoint">
158+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__linkedin" href="https://www.linkedin.com/pub/ga%C3%ABl-poupard/30/17b/401" itemprop="url"title="Gaël Poupard sur LinkedIn">
159+
<span itemprop="name">LinkedIn</span>
160+
</a>
161+
</li><li class="inbl pa1" itemscope itemprop="contactPoint">
162+
<a class="skip inbl ir ffeeeedd--sprite ffeeeedd--sprite__rss" href="/feed/index.xml" itemprop="url"title="La vie en #ffoodd | Flux RSS">
163+
<span itemprop="name">RSS</span>
164+
</a>
165+
</li></ul>
166+
167+
<p class="small">
168+
&copy; 2026 La vie en #ffoodd &mdash; Design et intégration par <span itemprop="name">Gaël Poupard</span> &mdash; <a href="/mentions-legales/">Mentions légales</a>
169+
<br>
170+
Sauf mention contraire, l’ensemble du contenu est sous <a rel="license" href="creativecommons.org/licenses/by-nc-sa/4.0/fr/">Licence <abbr lang="en" title="Creative Commons">CC</abbr> <abbr lang="en" title="Attribution">BY</abbr>-<abbr lang="en" title="Non Commercial">NC</abbr>-<abbr lang="en" title="Share Alike">SA</abbr></a>.
171+
</p>
172+
173+
<meta itemprop="jobTitle" content="Webdesigner et intégrateur web">
174+
<meta itemprop="worksFor" content="onepoint">
175+
</footer></body>
176+
</html>

0 commit comments

Comments
 (0)