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

index.html 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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>“It’s Not Cancel Culture - It’s A Platform Failure.” (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://warzel.substack.com/p/its-not-cancel-culture-its-a-platform">
  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>“It’s Not Cancel Culture - It’s A Platform Failure.”</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://warzel.substack.com/p/its-not-cancel-culture-its-a-platform" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <div class="captioned-image-container"><figure><a class="image-link image2 image2-1152-1456" target="_blank" href="https://cdn.substack.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F98c89132-0c7d-42ba-95a0-f9e443777dd4_1946x1540.jpeg"><img src="https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F98c89132-0c7d-42ba-95a0-f9e443777dd4_1946x1540.jpeg" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/98c89132-0c7d-42ba-95a0-f9e443777dd4_1946x1540.jpeg","height":1152,"width":1456,"resizeWidth":null,"bytes":2455761,"alt":null,"title":null,"type":"image/jpeg","href":null}' alt=""></a><figcaption class="image-caption">Collapse in the wild. (credit: Getty)</figcaption></figure></div>
  71. <p><em>Before we begin, I’d like to thank all of you for your kind words, sign-ups, and extreme generosity with your hard earned dollars over the last few days. Before launching on Sunday, I oscillated between feeling like I was going to barf and wanting to lift weights, yell, and run through drywall. This is a huge leap for me — professionally, financially, and for my fragile writer ego. But I’m so thankful for you all for signing up and giving Galaxy Brain a chance. I’ll try not to let you down. If you’re new to this newsletter, here’s a bit about <a href="https://warzel.substack.com/p/welcome-to-galaxy-brain">the overall mission</a>. Lastly, a reminder: All posts will be free for a few weeks and then I’ll bring down the hammer. And if you haven’t subscribed…well, then you’re in luck, buddy! There’s a link right below!</em></p>
  72. <p><hr></p>
  73. <h2>We Need To Get Rid Of Twitter Trending Topics</h2>
  74. <p>On April 6, Elle Hunt was in a pub in New Zealand, where life has basically returned to pre-pandemic normal. She was, by her account, two wines deep, having a light hearted argument with her friends about film genres. Half serious, but committed to the bit, she tweeted this:</p>
  75. <p>A few minutes later, in response to a harmless reply, she tweeted her rationale and closed her phone:</p>
  76. <p>Even if you don’t know the story, you probably have a sense of what happened next. Her lopsided Twitter poll answers quickly indicated she’d expressed A Bad Opinion. The quote retweets started rolling in. The first few seemed like faux outrage at a particularly spicy genre opinion that kept with the spirit of her post — but that eventually shifted, too. People were mad. Hunt logged off and went to bed.</p>
  77. <p>She woke up to angry emails from strangers. Overnight, friends in the U.K. sent concerned messages asking if she was doing alright. She opened Twitter and found her poll had 120,000 votes. Over 6000 people, including filmmakers like Kevin Smith, had angrily quote tweeted her, many demanding that she apologize — to Film Twitter, to prominent directors, to the medium of space itself. The reason? Once the tweet picked up steam, it was elevated into Twitter’s Trending Topics widget in the U.S and U.K. </p>
  78. <p>The whole affair is a perfect example of context collapse, which generally occurs when a surfeit of different audiences occupy the same space, and a piece of information intended for one audience finds its way to another — usually an uncharitable one — which then reads said information in the worst possible faith (You can <a href="http://www.zephoria.org/thoughts/archives/2013/12/08/coining-context-collapse.html?utm_content=buffer5e438&amp;utm_source=buffer&amp;utm_medium=twitter&amp;utm_campaign=Buffer">read about the origins here</a> from scholar danah boyd). </p>
  79. <p>In this case, the collapse was substantially amplified by Twitter’s Trending widget, which took an anodyne opinion by a verified Twitter user and displayed it to millions of random people as if it was some kind of significant pop cultural event. “My imagined audience when I tweeted this was, ‘oh, we’re all at the bar and having this low stakes debate,” she told me recently. “In retrospect, that was totally naive to think anyone would have taken it that way.”</p>
  80. <p>The point of Twitter’s Trending Topics is ostensibly to surface significant news and Twitter commentary and invite others to ‘join the conversation.’ Left unsaid, of course, is that ‘the conversation’ at scale is complete garbage — an incomprehensible number of voices lecturing past each other. It didn’t matter how Hunt had intended the argument — whether it was cheeky fun or part of a high-minded indictment of the sci-fi horror industrial complex — it was amplified by others as ammunition to make whatever convenient point that interested parties wanted to make. As Ryan Broderick, who chronicles the internet in his excellent newsletter, <em><a href="https://www.garbageday.email/">Garbage Day</a></em>, noted during the incident, “is this really how a website should function?” </p>
  81. <p>“I think Trending Topics definitely made it much worse,” Hunt told me. “The choice to feature me had this effect of holding me up as a public figure in a way that would only encourage abuse. I was thinking about if it would’ve been a different situation if they framed it to reduce the focus on me. [As it was] it sort of validated an engagement with a quite flippant opinion that I held.”</p>
  82. <p>I should pause here to note that this isn’t a dramatic story about unrelenting harassment that ruined a life. But it’s noteworthy precisely because it’s so familiar: a perfect example of our broken social media dynamics, which feel ever-increasingly designed to dehumanize us, polarize us, and make us all miserable.</p>
  83. <p>When I spoke with Hunt recently, she was sanguine about the experience. She doesn’t want people to think she feels persecuted. “It feels wrong to even call what happened to me as harassment,” she said. “And yet when you look at the volume and frequency of how it comes in, it’s hard to talk about it as anything other than harassment. It’s just so many people engaging in bad faith — it just overwhelms you, and you start to see it as a reflection of who you are, and that’s really difficult.”</p>
  84. <p>What Hunt is describing is what it’s like to be Twitter’s main character, a seemingly daily occurrence in which huge chunks of the website and its disparate audiences (right wing trolls, bored journalists with huge followings, academics, sitting politicians) decide to focus on one person’s (usually interestingly problematic) tweet. They usually end up with names that only make sense if you’ve lost critical amounts of brain cells due to internet exposure. Example: “<a href="https://twitter.com/Tsusifec/status/1345950742029479937?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1345950742029479937%7Ctwgr%5E%7Ctwcon%5Es1_&amp;ref_url=https%3A%2F%2Fmashable.com%2Farticle%2Fbean-dad-apology-controversy-explainer%2F">Bean Dad</a>” or “<a href="https://news.knowyourmeme.com/news/dude-gets-flamed-on-twitter-for-not-realizing-shampoo-with-big-dog-on-it-is-dog-shampoo">Dog Shampoo Guy</a>.” It ends up creating spats that, when you take them out of context, are both amazing and slightly jarring in their absurdity. </p>
  85. <p>The entire phenomenon of “Twitter’s Main Character” functions as a master class in context collapse. Many Very Online Users approach this daily ritual as something between high school cafeteria gossip time and one of those Rage Rooms where you pay money to break things with a hammer. But what’s really happening is thousands of strong individual online identities colliding against each other. In Hunt’s case, it was horror and sci-fi fans and film buffs who felt it was important to weigh in as a way to maintain their particular identities. </p>
  86. <p>Once the initial buzz died down around her tweet, Hunt told me that a small handful of her interlocutors reached out to her in a way that made it seem like they saw the whole event as, well, a game. “It was this bizarre set of people thanking me for a good fun day on the internet and saying things like, ‘That was fun! Nice to argue about something low stakes for a change.’ I was like, ‘oh, glad you had fun but it was not that nice for me!’”</p>
  87. <p>“You’re repurposed as fodder for content generation in a way that’s just so dehumanizing,” Hunt continued. “I don’t really believe in cancel culture, I think it’s a platform failure.” </p>
  88. <p>I tend to agree with her. The ability to switch contexts with little friction on Twitter is part of what can make the entire experience feel spontaneous and exciting. It’s how you get celebrities interacting with random nerds. Fun! It’s also how a lot of vile harassment happens. Perhaps the most common form though is what happened to Hunt. Perhaps it doesn’t fit everyone’s definition of harassment, but it’s also categorically a deeply unpleasant experience. </p>
  89. <p>Twitter’s decision to prominently display Trending Topics is their attempt to highlight the joy of the former and turn it into a service. Twitter, after all, is a niche place and can be hard to navigate — sometimes the best nuggets come as threaded replies or from total randos. It’s mostly chaos. But Twitter is hellbent on the notion that this chaos can be harnessed in a safe, PG-13 kind of way. But that’s wishful thinking. Instead, it dredges up items meant for one audience and throws them into another. Note that the tweet that ended up really going viral wasn’t even Hunt’s poll but her eight word reply to a person with just 2,000 followers</p>
  90. <p>Twitter’s Trending Topics only seem only to exacerbate the site’s worst tendencies, often by highlighting the day’s (frequently trollish or bigoted) main character and increasing the opportunities for context collapse. And of course, none of this is new. For years, Twitter let Trending Topics devolve into a cesspool of misinformation. Conspiracy theorists and trolls have hijacked hashtags and manipulated trending topics to sow confusion and inject dangerous ideas into mainstream discourse.</p>
  91. <p>Recently, in an attempt to quash the rampant misinformation spreading via trends, the company changed its processes and hired a curation team to write neutral-sounding descriptions like the one that ended up heaping attention on Hunt. But even its current iteration feels like a tacit admission that the company has no idea how broken its platform is. In Hunt’s case, her tweet was trending in multiple spots on the topics board, sometimes the result of only a thousand or so tweets — hardly national news, but still treated that way. </p>
  92. <p>I’m not sure if I’d call this irresponsible behavior from the Twitter curation team, but it certainly feels like the company still doesn’t realize that one of the worst possible experiences on Twitter is actually to win the game and go viral. The company worked to provide tools for users being bombarded by harassment, it hasn’t been able to solve for what happens when users manage to break through and gain access to huge pools of attention. </p>
  93. <p>In this sense, Twitter <em>is</em> a game. Just one that you can’t win. Hunt felt this acutely during her stint as the main character. “One of the options available to me would have been to lock my account to make it stop, which would have been seen as some kind of concession that I couldn’t take the heat,” she told me. “So I decided to post through it, and it looks like I’m somewhat pathetically trying to keep my head above water. I didn’t know what I could do to ride it out with dignity. It’s just a failure of the platform.”</p>
  94. <p>Meanwhile, the outrage mill — and the trending topics widget that feeds it — are out to seek more grist. The cycle doesn’t end. Just like Fox News cherrypicks random local news stories to fit its ideological narratives — often around undocumented immigrants, trans librarian story time, “out of control” social justice organizers — to foment the feeling that <em>this is happening all over</em>. The platforms have barraged us with psuedoevents that we are determined to treat as new. The process makes us miserable. The world, as whole, seems more claustrophobic, more oppressive, more enraged. </p>
  95. <p>Maybe the world really is that way. But if so, don’t we deserve a better way, a better service, a better <em>platform</em> from which to navigate and interpret it? </p>
  96. <h2>Let’s Debunk A Thing That’s Not True </h2>
  97. <p>Ian Bremmer got in on the Galaxy Brain launch/Substack discourse on Monday (we love to see the enthusiasm, we really do!) and, in the spirit of this newsletter’s name, offered a smoldering take:</p>
  98. <p>Again, I love the enthusiasm as well as the compliment! But in the spirit of transparency I’d regret to inform you that this is wildly, laughably, incredibly (and somewhat heartbreakingly) far from the truth. Reminder: I didn’t take a fancy advance from Substack to come here. I’m building this thing without an existing email list. That means I am not installing any gold plated toilets in my 700 square foot bathroom (yet!). Galaxy Brain will likely be a slow burn, which means that we can grow this thing sustainably. Also, wow, what a great opportunity to become a paid subscriber!</p>
  99. <p>Before we go here are…</p>
  100. <h2>Two Videos That Reward Watching To The End</h2>
  101. <p>Come for this psychological torment:</p>
  102. <p>…And stay for the incredibly grim Flight Simulator training sesh:</p>
  103. <p>Ok! That’s it for today. One last bit of housekeeping: I’m trying to figure out what works best for these emails and I’d love the feedback. Should they be shorter and more frequent or longer and more spaced out in the week? I’ll play around but if something resonates or rubs you the wrong way, let me know. It’s your inbox after all.</p>
  104. </article>
  105. <hr>
  106. <footer>
  107. <p>
  108. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  109. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  110. </svg> Accueil</a> •
  111. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  112. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  113. </svg> Suivre</a> •
  114. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  115. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  116. </svg> Pro</a> •
  117. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  119. </svg> Email</a> •
  120. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  121. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  122. </svg> Légal</abbr>
  123. </p>
  124. <template id="theme-selector">
  125. <form>
  126. <fieldset>
  127. <legend><svg class="icon icon-brightness-contrast">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  129. </svg> Thème</legend>
  130. <label>
  131. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  132. </label>
  133. <label>
  134. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  135. </label>
  136. <label>
  137. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  138. </label>
  139. </fieldset>
  140. </form>
  141. </template>
  142. </footer>
  143. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  144. <script>
  145. function loadThemeForm(templateName) {
  146. const themeSelectorTemplate = document.querySelector(templateName)
  147. const form = themeSelectorTemplate.content.firstElementChild
  148. themeSelectorTemplate.replaceWith(form)
  149. form.addEventListener('change', (e) => {
  150. const chosenColorScheme = e.target.value
  151. localStorage.setItem('theme', chosenColorScheme)
  152. toggleTheme(chosenColorScheme)
  153. })
  154. const selectedTheme = localStorage.getItem('theme')
  155. if (selectedTheme && selectedTheme !== 'undefined') {
  156. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  157. }
  158. }
  159. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  160. window.addEventListener('load', () => {
  161. let hasDarkRules = false
  162. for (const styleSheet of Array.from(document.styleSheets)) {
  163. let mediaRules = []
  164. for (const cssRule of styleSheet.cssRules) {
  165. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  166. continue
  167. }
  168. // WARNING: Safari does not have/supports `conditionText`.
  169. if (cssRule.conditionText) {
  170. if (cssRule.conditionText !== prefersColorSchemeDark) {
  171. continue
  172. }
  173. } else {
  174. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  175. continue
  176. }
  177. }
  178. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  179. }
  180. // WARNING: do not try to insert a Rule to a styleSheet you are
  181. // currently iterating on, otherwise the browser will be stuck
  182. // in a infinite loop…
  183. for (const mediaRule of mediaRules) {
  184. styleSheet.insertRule(mediaRule.cssText)
  185. hasDarkRules = true
  186. }
  187. }
  188. if (hasDarkRules) {
  189. loadThemeForm('#theme-selector')
  190. }
  191. })
  192. </script>
  193. </body>
  194. </html>