A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  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>The Questions Concerning Technology (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>The Questions Concerning Technology</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>A few days ago, a handful of similar stories or anecdotes about technology came to my attention. While they came from different sectors and were of varying degrees of seriousness, they shared a common characteristic. In each case, there was either an expressed bewilderment or admission of obliviousness about the possibility that a given technology would be put to destructive or nefarious purposes. Naturally, I tweeted about it … like one does. </p>
  71. <p>I subsequently clarified that I was not subtweeting anyone in particular just everything in general. Of course, naiveté, hubris, and recklessness don’t quite cover all the possibilities—nor are they mutually exclusive. </p>
  72. <p>In response, someone noted that “people find it hard to ‘think like an *-hole’, in <br><a href="https://twitter.com/mathbabedotorg" rel="">@mathbabedotorg</a>'s phrase, because most aren’t.” That handle belongs to Cathy O’Neil, best known for her 2016 book, <em><a href="https://crownpublishing.com/archives/feature/big-data-increases-inequality-threatens-democracy" rel="">Weapons of Math Destruction: How Big Data Increases Inequality And Threatens Democracy</a></em>. </p>
  73. <p>There’s something to this, of course, and, as I mentioned in my reply, I truly do appreciate the generosity of this sentiment. I suggested that the witness of history is helpful on this score, correcting and informing our own limited perspectives. But I was also reminded of a set of questions that I had put together back in 2016 in a moment of similar frustration. </p>
  74. <p>The occasion then was the following <a href="https://om.co/2014/11/26/technology-and-the-moral-dimension/" rel="">observation</a> from Om Malik: </p>
  75. <blockquote><p>“I can safely say that we in tech don’t understand the emotional aspect of our work, just as we don’t understand the moral imperative of what we do. It is not that all players are bad; it is just not part of the thinking process the way, say, ‘minimum viable product’ or ‘growth hacking’ are.”</p></blockquote>
  76. <p>Malik went on to write that “it is time to add an emotional and moral dimension to products,” by which he seems to have meant that tech companies should use data responsibly and make their terms of service more transparent. In my response at the time, I took the opportunity to suggest that we needn’t add an emotional and moral dimension to tech, it was already there. The only question was as to its nature. As Langdon Winner had famously inquired “Do artifacts have politics?” and answered in the affirmative, I likewise argued that artifacts have ethics. I then went on to produce a set of 41 questions that I drafted with a view to helping us draw out the moral or ethical implications of our tools. The post proved popular at the time and I received a few notes from developers and programmers who had found the questions useful enough to print out post in their workspaces. </p>
  77. <p>This was all before the subsequent boom in “tech ethics,” and, frankly, while my concerns obviously overlap to some degree with the most vocal and popular representatives of that movement, I’ve generally come at the matter from a different place and have expressed my own <a href="https://thefrailestthing.com/2017/11/06/one-does-not-simply-add-ethics-to-technology/" rel="">reservations</a> with the shape more recent tech ethics advocacy has taken. Nonetheless, I have defended the need to think about the moral dimensions of technology against the notion that all that matters are the underlying dynamics of political economy (e.g., <a href="https://thefrailestthing.com/2018/07/07/political-economy-or-ethics-of-technology/" rel="">here</a> and <a href="https://thefrailestthing.com/2018/10/24/in-defense-of-technology-ethics-properly-understood/" rel="">here</a>). </p>
  78. <p>I won’t cover that ground again, but I did think it might be worthwhile to repost the questions I drafted then. It’s been more than six years since I first posted them, and, while some you reading this have been following along since then, most of you picked up on my work in just the last couple of years. And, recalling where we began, trying to think like a malevolent actor might yield some useful insights, but I’d say that we probably need a better way to prompt our thinking about technology’s moral dimensions. Besides, worst case malevolent uses are not the only kinds of morally significant aspects of our technology worth our consideration, as I hope some of these questions will make clear. </p>
  79. <p>This is not, of course, an exhaustive set of questions, nor do I claim any unique profundity for them. I do hope, however, that they are useful, wherever we happen to find ourselves in relation to technological artifacts and systems. At one point, I had considered doing something a bit more with these, possibly expanding on each briefly to explain the underlying logic and providing some concrete illustrative examples or cases. Who knows, may be that would be a good occasional series for the newsletter. Feel free to let me know what you think about that. </p>
  80. <p>Anyway, without further ado, here they are: </p>
  81. <ol><li><p>What sort of person will the use of this technology make of me?</p></li><li><p>What habits will the use of this technology instill?</p></li><li><p>How will the use of this technology affect my experience of time?</p></li><li><p>How will the use of this technology affect my experience of place?</p></li><li><p>How will the use of this technology affect how I relate to other people?</p></li><li><p>How will the use of this technology affect how I relate to the world around me?</p></li><li><p>What practices will the use of this technology cultivate?</p></li><li><p>What practices will the use of this technology displace?</p></li><li><p>What will the use of this technology encourage me to notice?</p></li><li><p>What will the use of this technology encourage me to ignore?</p></li><li><p>What was required of other human beings so that I might be able to use this technology?</p></li><li><p>What was required of other creatures so that I might be able to use this technology?</p></li><li><p>What was required of the earth so that I might be able to use this technology?</p></li><li><p>Does the use of this technology bring me joy? [N.B. This was years before I even heard of Marie Kondo!]</p></li><li><p>Does the use of this technology arouse anxiety?</p></li><li><p>How does this technology empower me? At whose expense?</p></li><li><p>What feelings does the use of this technology generate in me toward others?</p></li><li><p>Can I imagine living without this technology? Why, or why not?</p></li><li><p>How does this technology encourage me to allocate my time?</p></li><li><p>Could the resources used to acquire and use this technology be better deployed?</p></li><li><p>Does this technology automate or outsource labor or responsibilities that are morally essential?</p></li><li><p>What desires does the use of this technology generate?</p></li><li><p>What desires does the use of this technology dissipate?</p></li><li><p>What possibilities for action does this technology present? Is it good that these actions are now possible?</p></li><li><p>What possibilities for action does this technology foreclose? Is it good that these actions are no longer possible?</p></li><li><p>How does the use of this technology shape my vision of a good life?</p></li><li><p>What limits does the use of this technology impose upon me?</p></li><li><p>What limits does my use of this technology impose upon others?</p></li><li><p>What does my use of this technology require of others who would (or must) interact with me?</p></li><li><p>What assumptions about the world does the use of this technology tacitly encourage?</p></li><li><p>What knowledge has the use of this technology disclosed to me about myself?</p></li><li><p>What knowledge has the use of this technology disclosed to me about others? Is it good to have this knowledge?</p></li><li><p>What are the potential harms to myself, others, or the world that might result from my use of this technology?</p></li><li><p>Upon what systems, technical or human, does my use of this technology depend? Are these systems just?</p></li><li><p>Does my use of this technology encourage me to view others as a means to an end?</p></li><li><p>Does using this technology require me to think more or less?</p></li><li><p>What would the world be like if everyone used this technology exactly as I use it?</p></li><li><p>What risks will my use of this technology entail for others? Have they consented?</p></li><li><p>Can the consequences of my use of this technology be undone? Can I live with those consequences?</p></li><li><p>Does my use of this technology make it easier to live as if I had no responsibilities toward my neighbor?</p></li><li><p>Can I be held responsible for the actions which this technology empowers? Would I feel better if I couldn’t?</p></li></ol>
  82. </article>
  83. <hr>
  84. <footer>
  85. <p>
  86. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  87. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  88. </svg> Accueil</a> •
  89. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  90. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  91. </svg> Suivre</a> •
  92. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  93. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  94. </svg> Pro</a> •
  95. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  96. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  97. </svg> Email</a> •
  98. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  99. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  100. </svg> Légal</abbr>
  101. </p>
  102. <template id="theme-selector">
  103. <form>
  104. <fieldset>
  105. <legend><svg class="icon icon-brightness-contrast">
  106. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  107. </svg> Thème</legend>
  108. <label>
  109. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  110. </label>
  111. <label>
  112. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  113. </label>
  114. <label>
  115. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  116. </label>
  117. </fieldset>
  118. </form>
  119. </template>
  120. </footer>
  121. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  122. <script>
  123. function loadThemeForm(templateName) {
  124. const themeSelectorTemplate = document.querySelector(templateName)
  125. const form = themeSelectorTemplate.content.firstElementChild
  126. themeSelectorTemplate.replaceWith(form)
  127. form.addEventListener('change', (e) => {
  128. const chosenColorScheme = e.target.value
  129. localStorage.setItem('theme', chosenColorScheme)
  130. toggleTheme(chosenColorScheme)
  131. })
  132. const selectedTheme = localStorage.getItem('theme')
  133. if (selectedTheme && selectedTheme !== 'undefined') {
  134. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  135. }
  136. }
  137. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  138. window.addEventListener('load', () => {
  139. let hasDarkRules = false
  140. for (const styleSheet of Array.from(document.styleSheets)) {
  141. let mediaRules = []
  142. for (const cssRule of styleSheet.cssRules) {
  143. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  144. continue
  145. }
  146. // WARNING: Safari does not have/supports `conditionText`.
  147. if (cssRule.conditionText) {
  148. if (cssRule.conditionText !== prefersColorSchemeDark) {
  149. continue
  150. }
  151. } else {
  152. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  153. continue
  154. }
  155. }
  156. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  157. }
  158. // WARNING: do not try to insert a Rule to a styleSheet you are
  159. // currently iterating on, otherwise the browser will be stuck
  160. // in a infinite loop…
  161. for (const mediaRule of mediaRules) {
  162. styleSheet.insertRule(mediaRule.cssText)
  163. hasDarkRules = true
  164. }
  165. }
  166. if (hasDarkRules) {
  167. loadThemeForm('#theme-selector')
  168. }
  169. })
  170. </script>
  171. </body>
  172. </html>