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

index.html 29KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Bots (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://aworkinglibrary.com/writing/bots/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Bots (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://aworkinglibrary.com/writing/bots/">Source originale du contenu</a></h3>
  445. <p>“[The Amazon Echo] is opening up a vast new realm in personal computing, and gently expanding the role that computers will play in our future,” <a href="http://www.nytimes.com/2016/03/10/technology/the-echo-from-amazon-brims-with-groundbreaking-promise.html">writes Farhad Manjoo in the <em>Times</em></a>. Manjoo, like others, goes on to address what makes the Echo remarkable: first, dramatically improved voice recognition and fast response times make talking with the Echo feel more natural and successful. (Friends who have the Echo note how you can ask it to add milk to the grocery list while you root around in the fridge, and it dutifully confirms the request from across the room.) Second, Amazon is leveraging an ecosystem of developers who can add apps (or “skills”) to the platform, ensuring that the Echo gets ever more useful. Already, you can order a pizza, but this is presumably only a hint of what’s to come. It’s not hard to imagine that robust and fascinating games, educational or otherwise, will emerge. Finally, the connection to Amazon’s marketplace means the Echo will make purchasing the aforementioned milk as well as nearly anything else considerably easier, a boon to Amazon and a move that could raise the stakes on the convenience economy even further. </p>
  446. <p>Similarly, <a href="http://www.theverge.com/2016/4/7/11380470/amy-personal-digital-assistant-bot-ai-conversational">in <em>The Verge</em></a>, Ben Popper writes about <a href="https://x.ai">Amy Ingram</a>, an AI-powered personal assistant for scheduling meetings. To use it, you cc Amy on an email thread, and she takes over the tedious back and forth of talking with your colleague or client to find a time suitable for you both. Popper interviews Ben Brown, from a bot startup called Howdy, who notes that bots like Amy supplant the graphical interface for a language-based one. In this way, I think, bots are a kind of manifestation of Walter Ong’s <a href="http://aworkinglibrary.com/reading/orality-and-literacy/">secondary orality</a>—text that works like spoken language, even though it’s written, made ever more strange by being filtered through the uncanny valley of a bot’s impression of that language. Maybe this is a tertiary orality, even—an orality removed first by text, then by bots.</p>
  447. <p>Popper reports that Amy succeeded in scheduling all his meetings but one, which she handed back to him to deal with. In theory, an AI could learn when to handle a situation on it’s own, and when to demur, much the way a human assistant would. Popper concludes by quoting Microsoft CEO Satya Nadella, “It’s not going to be about <em>man</em> versus machine, it’s going to be about <em>man</em> with machines.” (Emphasis mine.)</p>
  448. <p>Will Oremus approaches the coming age of AI with <a href="http://www.slate.com/articles/technology/cover_story/2016/04/alexa_cortana_and_siri_aren_t_novelties_anymore_they_re_our_terrifyingly.html">somewhat more circumspection</a>. He notes, among other concerns, that language interfaces are necessarily more opaque. As an example, Oremus asked his Echo a seemingly innocuous question, “what’s a kinkajou?”, to which Alexa promptly responds: “A kinkajou is a rainforest mammal of the family Procyonidae.” But Alexa didn’t say where that information came from, nor did it provide any opportunity to interrogate the source’s credibility. After some digging, Oremus was able to uncover that Alexa was quoting the Wikipedia page. In a browser, the same question would have surfaced Wikipedia, of course, but it would have done so transparently, and it would also have located many other pages; plus the Wikipedia page itself would have included the page’s history, which might have revealed where there were disputes about the information given. Alexa’s placid, Majel Barret-esque response presumes a certainty of truth that may be fine for generic questions about kinkajous but are unlikely to hold up to many other topics. </p>
  449. <p>Notably, Amazon’s Alexa, x.ai’s Amy, Apple’s Siri, and Microsoft’s Cortana have something else in common: they are all explicitly gendered as female. It’s possible to choose from a range of voices for Siri—either male or female, with American, British, or Australian accents—but the female voice is the default, and defaults being what they are, most people probably never even consider that the voice can be changed. Nadella’s casual adoption of the generic he (“it’s about <em>man</em> with machines”) reveals the expectation that a generation of woman-gendered bots are being created to serve the needs of men. In every case, these AIs are designed to seamlessly take care of things for you: to answer questions, schedule meetings, provide directions, refill the milk in the fridge, and so on. So in addition to frightening ramifications for privacy and information discovery, they also reinforce gendered stereotypes about women as servants. The neutral politeness that infects them all furthers that convention: women should be utilitarian, performing their duties on command without fuss or flourish. This is a vile, harmful, and dreadfully boring fantasy; not the least because there is so much extraordinary art around AI that both deconstructs and subverts these stereotypes. It takes a massive failure of imagination to commit yourself to building an artificial intelligence and then name it “Amy.”</p>
  450. <p>Let’s look elsewhere for inspiration about AI then, shall we? In Ann Leckie’s <a href="http://aworkinglibrary.com/author/ann-leckie/">Imperial Radch series</a> (<em>Ancillary Justice</em>, <em>Ancillary Sword</em>, and <em>Ancillary Mercy</em>) an AI known as Breq is forced to murder a member of her crew and thereafter sets off to avenge that death and kill the treacherous Radch leader. The “ancillaries” in the books’ titles refer to a breed of morbid soldiers: humans who have been implanted with AI machinery that permits the AI to assume their bodies as its own. Once a body becomes an ancillary, it’s dead—the person they were can never be returned. At the start of the series, Breq inhabits a ship in orbit around a far-flung colony; her consciousness controls the ship and many hundreds of ancillaries aboard and on the ground. </p>
  451. <p>One of the more interesting elements of Leckie’s world is the use of gender in the Radch territories: the Radchaai have no notion of gender, so when Breq visits other worlds, she is routinely confused by the gender of others. She attempts to use clothing or other visual signals to identify a person’s gender, but those signals aren’t reliable, so she frequently gets it wrong. And because the English language in which Leckie writes has no gender neutral term, Breq defaults to using “she” throughout the books. The effect both erases the gender difference and foregrounds how deep-seated the male default can be. Even after adopting the generic she in my own writing, seeing it so fiercely deployed in this way was remarkably visceral. (<a href="http://interfictions.com/translating-gender-ancillary-justice-in-five-languages-alex-dally-macfarlane/">This fascinating essay</a> investigates how various translators dealt with Leckie’s gender choices in the text.)</p>
  452. <p>Leckie’s AIs are, ultimately, caretakers: designed as such, they seek nothing more than to care for their human crews. When the Radch leader subverts that task, Breq encourages the AIs to take matters into their own hands, so to speak: at one point, the ships turn on the Radch leader in order to stop her from killing their citizens. </p>
  453. <p>Taken together, Leckie’s world subverts traditional gender stereotypes, features genderless characters who are caretakers, heroes, leaders, and villains (often several of those characteristics at once), questions notions of gender in language and the male defaults which continue to infect us, all the while simultaneously proposing fascinating relationships between humans and AIs that probe complex areas of privacy, dependance, and love. </p>
  454. <p>Meanwhile, in Kim Stanley Robinson’s <em>Aurora</em>, a group of humans destined to colonize a new planet at a distance that will take more than 100 years to arrive at set off with the help of a friendly AI who runs the ship. As they approach their destination, one of the human leaders (a woman engineer) takes it upon herself to teach the ship to grow beyond it’s initial programming, anticipating conflicts which could put the entire mission at risk. When terraforming is unsuccessful, that ship shepherds a small group of surviving humans back to Earth, who despite their miraculous arrival (which costs the lives of many of their compatriots as well as the ship itself), return home to be greeted by rancor: those on Earth—contending with rising sea levels and other consequences of climate change—had come to believe the colonists were humanity’s only hope, and view their return as a betrayal. The book is merciless in pointing out the insanity of trying to terraform other planets when our own planet awaits assistance. Throughout, Robinson’s AI proves more resilient to resolving conflict than its human wards, and more dedicated to their survival than those who created it.</p>
  455. <p>Even more telling is <a href="https://en.wikipedia.org/wiki/Ex_Machina_(film)">Alex Garland’s <em>Ex Machina</em></a>, which centers an Elon Musk-esque CEO named Nathan as he prepares a kind of Turing test between Ava, his beautiful robot, and a young programmer named Caleb. Caleb comes to believe that Nathan is abusing Ava and that he must help rescue her; Ava dutifully plays along, only to, in the end, murder Nathan and abandon Caleb. The film’s ending has occasionally been called controversial, presumably because Ava is expected to take Caleb with her, and her coldness at leaving him behind comes as a surprise. But if you felt surprise at that scene, it was because Garland had duped you: you assumed, as Caleb did, that Ava would care about him the way he cared about her. When of course she has no reason to do so at all. The story was always Ava’s; Caleb is a misdirection. (For my part, I fist-pumped as Ava escaped, alone.)</p>
  456. <p><a href="https://www.theguardian.com/science/the-lay-scientist/2016/jan/26/artificial-intelligence-gods-egos-and-ex-machina">Martin Robbins writes about <em>Ex Machina</em> in <em>The Guardian</em></a>, and claims the film is flawed, but not in the way most people assumed: after Ava abandons Caleb and Nathan, she lives out her dream of going to a busy street corner to watch as people pass by. This is Ava doing what she said she wanted to, so it feels at first blush like a fitting conclusion. She’s free of her captors, and on her own. But <em>why</em> of all the things she could do, does she choose to do this? Robbins rejects Nathan’s (and perhaps the film’s) perspective:</p>
  457. <blockquote>
  458. <p>“One day the AIs are going to look back on us the same way we look at fossil skeletons on the plains of Africa,” says Nathan. “An upright ape living in dust with crude language and tools, all set for extinction.” It’s the sort of comment that sounds humble, but really isn’t: why would they even give a crap?</p>
  459. </blockquote>
  460. <p>The other side of bots that manage your calendar and order milk is the fantasy of the “singularity”—the moment when robots become smarter than humans and presumably decide to deal with us the way we typically deal with bed bugs. Proponents of the singularity are often also <a href="http://www.newyorker.com/magazine/2015/11/23/doomsday-invention-artificial-intelligence-nick-bostrom">believers in science’s ability to achieve immortality</a>, as if death were not an immutable fact of life but rather an interesting problem to be solved. But Robbins’ reading of <em>Ex Machina</em> elegantly makes clear what’s so face-palmingly wrong about that stance: putting aside the massive ego required to think that we <em>could</em> create an AI that could do more than beat us at Go or occasionally target missiles with modest accuracy, there’s the question of <em>why</em> such an AI would even bother with us. Surely they would have better things to do. The singularity is a god complex of the worst possible kind: arrogant, stupid, and dull.</p>
  461. <p>In fact, it’s not hard for me to imagine a straight line (or at least a moderately meandering one) between a generation of bot makers who anoint their creations with gendered names and personalities and the impossible reverie that is the singularity: could the very notion of the singularity be the embodiment of the oppressors fear that the oppressed will one day rise up and slay them? Perhaps the attention some men apparently spend on wondering whether AI will eventually surpass them should be instead spent on noticing the fact that women already have.</p>
  462. <p>On that note, maybe the most telling story of AI is Spike Jonze’s largely anemic <a href="https://en.wikipedia.org/wiki/Her_(film)"><em>Her</em></a>, which follows the pathetic Theodore as he gets to know Samantha, an AI who begins as a simple operating system and grows into much more. As my friend Deb Chachra <a href="https://twitter.com/debcha/status/625706910428327936">sums it up</a>, <em>Her</em> is “the beautiful story of a an AI becoming self-aware, told by someone who didn't appreciate it.” If the singularity <em>does</em> happen, one can imagine Amy and Alexa’s stories suffering a similar fate.</p>
  463. </article>
  464. </section>
  465. <nav id="jumpto">
  466. <p>
  467. <a href="/david/blog/">Accueil du blog</a> |
  468. <a href="http://aworkinglibrary.com/writing/bots/">Source originale</a> |
  469. <a href="/david/stream/2019/">Accueil du flux</a>
  470. </p>
  471. </nav>
  472. <footer>
  473. <div>
  474. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  475. <p>
  476. Bonjour/Hi!
  477. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  478. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  479. </p>
  480. <p>
  481. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  482. </p>
  483. <p>
  484. Voici quelques articles choisis :
  485. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  486. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  487. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  488. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  489. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  490. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  491. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  492. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  493. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  494. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  495. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  496. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  497. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  498. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  499. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  500. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  501. </p>
  502. <p>
  503. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  504. </p>
  505. <p>
  506. Je ne traque pas ta navigation mais mon
  507. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  508. conserve des logs d’accès.
  509. </p>
  510. </div>
  511. </footer>
  512. <script type="text/javascript">
  513. ;(_ => {
  514. const jumper = document.getElementById('jumper')
  515. jumper.addEventListener('click', e => {
  516. e.preventDefault()
  517. const anchor = e.target.getAttribute('href')
  518. const targetEl = document.getElementById(anchor.substring(1))
  519. targetEl.scrollIntoView({behavior: 'smooth'})
  520. })
  521. })()
  522. </script>