Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  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>
  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>Résilience — David Larlet</title>
  13. <meta name="description" content="La résilience est un concept adulé dans nos sociétés, notamment pour administrer les désastres, c’est-à-dire non seulement pour les gérer mais aussi pour les transformer en remèdes aux dégâts qu’ils génèrent. On peut comprendre cet engouement étant donné que nous sommes de plus en plus confrontés à des catastrophes impossibles à maîtriser. La résilience apparaît comme une formule magique car elle prétend clore cette impossibilité, et en faire une source d’inspiration et de rebond vers un soi-disant « monde d’après ». En fait, plus on connaît les causes des désastres, plus les réponses que l’on fournit sont concentrées sur leurs conséquences, et sur la meilleure façon dont on peut en tirer parti, rendant ainsi les causes de plus en plus désastreuses. C’est un principe de base de la résilience que l’on pourrait définir comme « l’art de s’adapter au pire ».">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script>
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Résilience</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2021/05/09/" title="Publication précédente : Reflets">← Précédent</a> •
  59. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  60. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  61. </svg> Accueil</a>
  62. • <a rel="next" href="/david/2021/05/11/" title="Publication suivante : Paradigme">Suivant →</a>
  63. </p>
  64. </nav>
  65. <hr>
  66. <blockquote>
  67. <p>La résilience est un concept adulé dans nos sociétés, notamment pour administrer les désastres, c’est-à-dire non seulement pour les gérer mais aussi pour les transformer en remèdes aux dégâts qu’ils génèrent. On peut comprendre cet engouement étant donné que nous sommes de plus en plus confrontés à des catastrophes impossibles à maîtriser. <mark>La résilience apparaît comme une formule magique car elle prétend clore cette impossibilité</mark>, et en faire une source d’inspiration et de rebond vers un soi-disant «&nbsp;monde d’après&nbsp;». En fait, plus on connaît les causes des désastres, plus les réponses que l’on fournit sont concentrées sur leurs conséquences, et sur la meilleure façon dont on peut en tirer parti, rendant ainsi les causes de plus en plus désastreuses. C’est un principe de base de la résilience que l’on pourrait définir comme «&nbsp;l’art de s’adapter au pire&nbsp;».</p>
  68. <p>Dans le cas d’une catastrophe nucléaire comme celle de Fukushima, mais c’est aussi vrai ailleurs, <mark>la résilience est promue au rang de technique thérapeutique pour faire face au désastre</mark>. On va individualiser le problème et amener les gens à faire fi de leur impuissance face aux dégâts pour, au contraire, leur donner l’impression d’être puissants et agissants. Chacun est exhorté à «&nbsp;rebondir&nbsp;», à «&nbsp;vivre avec&nbsp;». Les victimes sont amenées à cogérer le désastre, en participant à la «&nbsp;décontamination&nbsp;» ou en surveillant la radioactivité ambiante. L’objectif des apôtres de la résilience (autorités étatiques, associations locales, experts internationaux), c’est d’amener chacun à cesser de s’inquiéter «&nbsp;inutilement&nbsp;» d’avoir fatalement à vivre avec la contamination. Personne n’ose dire que l’on va «&nbsp;vivre comme avant&nbsp;» mais on parle de «&nbsp;situation post-normale&nbsp;», qui est en fait une situation de survie. Les gens doivent apprendre à se contenter d’un bonheur palliatif, où règne le «&nbsp;trop peu&nbsp;», considéré comme éternel et indiscutable&nbsp;: «&nbsp;trop peu&nbsp;» de santé, «&nbsp;trop peu&nbsp;» de liberté, «&nbsp;trop peu&nbsp;» de peur, «&nbsp;trop peu&nbsp;» de refus, «&nbsp;trop peu&nbsp;» de vie.</p>
  69. <p><cite><em><a href="https://www.bastamag.net/Fukushima-contaminations-zones-radioactives-catastrophes-nucleaires-contre-la-resilience-thierry-ribault">Pour les habitants autour de Fukushima, «&nbsp;il y a une injonction à être des contaminés satisfaits&nbsp;»</a></em> (<a href="/david/cache/2021/2d4d277eb9521025b82bf2fc233c3238/">cache</a>)</cite></p>
  70. </blockquote>
  71. <p>Cette interview de Thierry Ribault m’a donné une autre façon d’interpréter la résilience. Son côté obscur que je n’avais jusqu’alors fait qu’effleurer, il ne suffit parfois que de quelques phrases pour envisager un terme sous son angle inverse. Un <em>pharmakon</em> aurait dit Bernard Stiegler.</p>
  72. <p>Dans un contexte de pandémie, cet échange prend un nouveau sens. Ce n’est plus une catastrophe nucléaire à l’autre bout du globe, c’est une injonction locale pour chacun·e d’entre nous. Maintenant. La résilience comme un pansement sur la <a href="https://fr.wikipedia.org/wiki/Synd%C3%A9mie">syndémie</a> que l’on essaye de se cacher.</p>
  73. <blockquote>
  74. <p>Mais la résilience est plus que cela. C’est une <mark>technologie du consentement</mark> qui précède historiquement le néolibéralisme. Elle s’est développée en même temps que la société industrielle car il s’agit de trouver de bonnes raisons à la traversée de la catastrophe.</p>
  75. <p>[…]</p>
  76. <p>L’alternative est de considérer réellement le malheur, de le nommer et non pas de lui donner un sens pour mieux l’évacuer, et de faire advenir à la conscience la dureté de ce que l’on vit, <mark>conscience indispensable pour aller ensuite vers des formes de vie sociale radicalement différentes</mark>, plutôt que se résigner aux rapports sociaux et à leurs nuisibles sous-produits tels qu’ils sont. On ne traverse pas les épreuves, on est traversés par elles.</p>
  77. <p><cite><em>Ibid.</em></cite></p>
  78. </blockquote>
  79. <nav>
  80. <p class="center">
  81. <a rel="prev" href="/david/2021/05/09/" title="Publication précédente : Reflets">← Précédent</a> •
  82. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  83. • <a rel="next" href="/david/2021/05/11/" title="Publication suivante : Paradigme">Suivant →</a>
  84. </p>
  85. </nav>
  86. </article>
  87. <hr>
  88. <footer>
  89. <p>
  90. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  91. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  92. </svg> Accueil</a> •
  93. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  94. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  95. </svg> Suivre</a> •
  96. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  97. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  98. </svg> Pro</a> •
  99. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  100. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  101. </svg> Email</a> •
  102. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  103. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  104. </svg> Légal</abbr>
  105. </p>
  106. <template id="theme-selector">
  107. <form>
  108. <fieldset>
  109. <legend><svg class="icon icon-brightness-contrast">
  110. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  111. </svg> Thème</legend>
  112. <label>
  113. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  114. </label>
  115. <label>
  116. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  117. </label>
  118. <label>
  119. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  120. </label>
  121. </fieldset>
  122. </form>
  123. </template>
  124. </footer>
  125. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  126. <script>
  127. function loadThemeForm(templateName) {
  128. const themeSelectorTemplate = document.querySelector(templateName)
  129. const form = themeSelectorTemplate.content.firstElementChild
  130. themeSelectorTemplate.replaceWith(form)
  131. form.addEventListener('change', (e) => {
  132. const chosenColorScheme = e.target.value
  133. localStorage.setItem('theme', chosenColorScheme)
  134. toggleTheme(chosenColorScheme)
  135. })
  136. const selectedTheme = localStorage.getItem('theme')
  137. if (selectedTheme && selectedTheme !== 'undefined') {
  138. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  139. }
  140. }
  141. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  142. window.addEventListener('load', () => {
  143. let hasDarkRules = false
  144. for (const styleSheet of Array.from(document.styleSheets)) {
  145. let mediaRules = []
  146. for (const cssRule of styleSheet.cssRules) {
  147. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  148. continue
  149. }
  150. // WARNING: Safari does not have/supports `conditionText`.
  151. if (cssRule.conditionText) {
  152. if (cssRule.conditionText !== prefersColorSchemeDark) {
  153. continue
  154. }
  155. } else {
  156. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  157. continue
  158. }
  159. }
  160. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  161. }
  162. // WARNING: do not try to insert a Rule to a styleSheet you are
  163. // currently iterating on, otherwise the browser will be stuck
  164. // in a infinite loop…
  165. for (const mediaRule of mediaRules) {
  166. styleSheet.insertRule(mediaRule.cssText)
  167. hasDarkRules = true
  168. }
  169. }
  170. if (hasDarkRules) {
  171. loadThemeForm('#theme-selector')
  172. }
  173. })
  174. </script>
  175. </body>
  176. </html>