A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  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>Data isn’t oil, so what is it? (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://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it">
  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>Data isn’t oil, so what is it?</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.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>In 2011, Stanford researchers Paul Thibodeau and Lera Boroditsky <a href="https://www.nationalgeographic.com/science/article/is-crime-a-virus-or-a-beast-how-metaphors-shape-our-thoughts-and-decisions">published research</a> that showed how the way we talk about crime changes our ideas about what to do about it. They asked two groups of students to read reports about crime in their area - one using a metaphor of crime as a ‘beast’ that was rampaging through the neighbourhood, and one describing crime as a ‘virus’ that had to be stopped. Their research showed that students shown the ‘virus’ metaphor were more likely to favour policy that looked at the root causes of crime, such as social deprivation, whilst students who read the ‘beast’ metaphor story favoured enforcement policies.</p>
  71. <p>In <a href="https://storythings.com">my day job</a>, we spend a lot of time thinking about the metaphors we use to help shape people’s understanding of complex issues, and hopefully drive change. In fact, I know about the study above from a podcast we produced a few years ago called <em><a href="https://diffusion.network/2019/06/02/episode-01-a-paintbrush-is-a-pump/">This Will Change Your Mind</a></em>, looking at how the ideas that shape public thinking are developed and adopted. In <a href="https://diffusion.network/2019/06/10/episode-02-not-actually-a-hole/">my favourite episode</a>, the hosts try and find out how the phrase ‘hole in the ozone layer’ emerged, a particularly successful climate metaphor that drove global efforts to cut CFC emissions.</p>
  72. <p>It’s an odd metaphor, as there isn’t really an ozone layer, and the hole wasn’t really a hole, but the metaphor caught on with scientists, policy makers and the public. One of the reasons for its success might have been the visceral image of a hole in the earth’s atmosphere, and the associations of breached defences that created. This was the era of early video games like Space Invaders and Missile Command, where the player had to defend the earth by stopping alien attacks raining down. I was a kid in the 80s, and the hole in the ozone layer felt as terrifying as these pixellated invaders.</p>
  73. <p><hr></p>
  74. <p>Back in the early 2000s, I was working at the BBC on a project to imagine what the organisation would do with our user’s personal data. At the time, there were only a few websites that asked you to create personal accounts, and most of the data we captured was relatively anonymous server logs. I developed a <a href="https://test.org.uk/2007/05/04/a-manifesto-for-data-literacy/">list of principles</a> that I thought should inform the BBC’s approach to managing user data, and commissioned a <a href="https://www.liveworkstudio.com">service design agency</a> to develop prototypes of what this might look like as products or services.</p>
  75. <p>I was then asked to present this to the BBC’s executive committee, and gave probably the worst presentation of my life. It didn’t help that I started the presentation by explaining that this work might be important in a ‘post licence fee world’, before being softly chided by then Director General Mark Thompson that this wasn’t the place to discuss that kind of idea.</p>
  76. <p>But more than that gaffe, I think the biggest problem was that I couldn’t really describe what personal data actually <em>was</em>. Not in a technical sense - the BBC ExCo in the mid-2000s wasn’t very technically savvy anyway - but as something that <em>mattered</em>, and was important to a vision of what public media could do in this new century. I had lots of fine statements about what we could do with data, and how it could bring value to our audiences, but the thing itself was immaterial, a poltergeist only visible through the things it moved.</p>
  77. <p>Over the next decade, the most dominant metaphor for personal data ended up being ‘<a href="https://www.economist.com/leaders/2017/05/06/the-worlds-most-valuable-resource-is-no-longer-oil-but-data">oil</a>’. As the platform giants of Facebook, Google, Amazon and Apple built empires of products and services that tracked our every activity, data has been discussed as a vast, untapped resource, ideal for extraction and processing into cold, hard cash.</p>
  78. <p>But in the last few years, there has been a backlash against this extractive metaphor. In 2018 Cory Doctorow described Facebook’s data as an empire of low quality ‘<a href="https://locusmag.com/2018/07/cory-doctorow-zucks-empire-of-oily-rags/">oily rags</a>’, recasting the metaphor to one of industrial waste, not liquid gold. In a <a href="https://twitter.com/DigitalEU/status/1390660489261330440">recent speech</a>, EU Vice President Margrethe Vestager tried to reposition data as a ‘reusable resource’, a more ecological metaphor that suggests ways of extracting value that doesn’t pollute the public sphere.</p>
  79. <p>All these metaphors imagine public data as a huge, passive, untapped resources - lakes of stuff that only has value when it is extracted and processed. But this framing completely removes the individual agency that created the stuff in the first place. Oil is formed by millions of years of compression and chemical transformation of algae and tiny marine animals (<a href="https://www.bbc.co.uk/bitesize/guides/z27thyc/revision/1">sorry, not dinosaurs</a>). Data is created in real time, as we click and swipe around the internet. The metaphor might work in an economic sense, but it fails to describe what data is as a material. It’s not oil, it’s <em>people</em>. </p>
  80. <p><hr></p>
  81. <p>At the moment the big platforms and governments are ramping up the battle over our personal data - <a href="https://whyisthisinteresting.substack.com/p/the-apple-att-edition?token=eyJ1c2VyX2lkIjoxNjMsInBvc3RfaWQiOjM0OTMxMjk4LCJfIjoiVGlXUkMiLCJpYXQiOjE2MjEwOTM3ODUsImV4cCI6MTYyMTA5NzM4NSwiaXNzIjoicHViLTcwMDAiLCJzdWIiOiJwb3N0LXJlYWN0aW9uIn0.2zQKhes6JmkNlPLp5YuQHWv5b-xBZw16zjTRtyohhck">who can collect it</a>, <a href="https://gdpr.eu">what they can do with it</a>, and <a href="https://mobile.twitter.com/markscott82/status/1393203850560032770">where they can send it</a>. But this is happening at a level far above our individual experience of data. The battle rages above us, like the missiles and aliens in the video games of my 80s youth.</p>
  82. <p>The discussions around data policy still feel like they are framing data as oil - as a vast, passive resource that either needs to be exploited or protected. But this data isn’t dead fish from millions of years ago - it’s the thoughts, emotions and behaviours of over a third of the world’s population, the largest record of human thought and activity ever collected. It’s not oil, it’s history. It’s people. It’s <em>us</em>.</p>
  83. <p>If you’ve been on the internet for a while - let’s say 5-10 years - you’ve probably felt the visceral kick of seeing someone or something in your data history that caused you pain. It could be Facebook’s ‘on this day’ feature sending you a memory of a traumatic event, or scrolling through your photo library to find a photo of a deceased relative or friend. Or it could be a moment of joy - the online store where you bough a much loved item of clothing, or that perfect gift for a friend.</p>
  84. <p>After a year of lockdown, seeing reminders of life before the pandemic in our camera rolls and social media updates has felt especially melancholic. Groups of us cramming together in a bar or park to get into the shot, or hugging each other at a football game. That intimacy is what our personal data records, an intimacy that seems doubly ironic when it is played back to us, isolated in our homes, through the same devices we’ve relied on to connect us during the lockdown. </p>
  85. <p>This is not a passive archive - these are records of how we live now, and how people live in our memories. They can be recalled with a touch, and brought back to life, even if they are bittersweet memories. We need metaphors for data that capture the agency and visceral emotions that our personal data can generate. Metaphors that link it directly into our lives and relationships, that help us recognise that this is <em>us</em> - <em>we’re</em> the ones being traded and sold and stored and analysed and processed.</p>
  86. <p>Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.</p>
  87. <p>Maybe we should be very explicit, and refer to data as our <em>lives</em>. Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.</p>
  88. <p>We urgently need to come up with metaphors like this, that bring the discussion over data down from the skies above us and locate it in the minutiae of our everyday lives. Because that, after all, is what this data actually is.</p>
  89. </article>
  90. <hr>
  91. <footer>
  92. <p>
  93. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  94. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  95. </svg> Accueil</a> •
  96. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  97. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  98. </svg> Suivre</a> •
  99. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  100. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  101. </svg> Pro</a> •
  102. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  103. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  104. </svg> Email</a> •
  105. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  106. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  107. </svg> Légal</abbr>
  108. </p>
  109. <template id="theme-selector">
  110. <form>
  111. <fieldset>
  112. <legend><svg class="icon icon-brightness-contrast">
  113. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  114. </svg> Thème</legend>
  115. <label>
  116. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  117. </label>
  118. <label>
  119. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  120. </label>
  121. <label>
  122. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  123. </label>
  124. </fieldset>
  125. </form>
  126. </template>
  127. </footer>
  128. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  129. <script>
  130. function loadThemeForm(templateName) {
  131. const themeSelectorTemplate = document.querySelector(templateName)
  132. const form = themeSelectorTemplate.content.firstElementChild
  133. themeSelectorTemplate.replaceWith(form)
  134. form.addEventListener('change', (e) => {
  135. const chosenColorScheme = e.target.value
  136. localStorage.setItem('theme', chosenColorScheme)
  137. toggleTheme(chosenColorScheme)
  138. })
  139. const selectedTheme = localStorage.getItem('theme')
  140. if (selectedTheme && selectedTheme !== 'undefined') {
  141. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  142. }
  143. }
  144. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  145. window.addEventListener('load', () => {
  146. let hasDarkRules = false
  147. for (const styleSheet of Array.from(document.styleSheets)) {
  148. let mediaRules = []
  149. for (const cssRule of styleSheet.cssRules) {
  150. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  151. continue
  152. }
  153. // WARNING: Safari does not have/supports `conditionText`.
  154. if (cssRule.conditionText) {
  155. if (cssRule.conditionText !== prefersColorSchemeDark) {
  156. continue
  157. }
  158. } else {
  159. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  160. continue
  161. }
  162. }
  163. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  164. }
  165. // WARNING: do not try to insert a Rule to a styleSheet you are
  166. // currently iterating on, otherwise the browser will be stuck
  167. // in a infinite loop…
  168. for (const mediaRule of mediaRules) {
  169. styleSheet.insertRule(mediaRule.cssText)
  170. hasDarkRules = true
  171. }
  172. }
  173. if (hasDarkRules) {
  174. loadThemeForm('#theme-selector')
  175. }
  176. })
  177. </script>
  178. </body>
  179. </html>