A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 37KB

4 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  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>Yuval Noah Harari on what 2050 has in store for humankind (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="https://www.wired.co.uk/article/yuval-noah-harari-extract-21-lessons-for-the-21st-century">
  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. Yuval Noah Harari on what 2050 has in store for humankind (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="https://www.wired.co.uk/article/yuval-noah-harari-extract-21-lessons-for-the-21st-century">Source originale du contenu</a></h3>
  445. <p class="bb-p"><span class="bb-dropcap bb-dropcap--letter">F</span>orget programming - the best skill to teach children is reinvention. In this exclusive extract from his new book, the author of <em class="bb-em">Sapiens</em> reveals what 2050 has in store for humankind.</p>
  446. <h2 class="bb-h2" id="part-one-change-is-the-only-constant">Part one: Change is the only constant</h2>
  447. <p class="bb-p">Humankind is facing unprecedented revolutions, all our old stories are crumbling and no new story has so far emerged to replace them. How can we prepare ourselves and our children for a world of such unprecedented transformations and radical uncertainties? A baby born today will be thirty-something in 2050. If all goes well, that baby will still be around in 2100, and might even be an active citizen of the 22nd century. What should we teach that baby that will help him or her survive and flourish in the world of 2050 or of the 22nd century? What kind of skills will he or she need in order to get a job, understand what is happening around them and navigate the maze of life?</p>
  448. <p class="bb-p">Unfortunately, since nobody knows how the world will look in 2050 – not to mention 2100 – we don’t know the answer to these questions. Of course, humans have never been able to predict the future with accuracy. But today it is more difficult than ever before, because once technology enables us to engineer bodies, brains and minds, we can no longer be certain about anything – including things that previously seemed fixed and eternal.</p>
  449. <p class="bb-p">A thousand years ago, in 1018, there were many things people didn’t know about the future, but they were nevertheless convinced that the basic features of human society were not going to change. If you lived in China in 1018, you knew that by 1050 the Song Empire might collapse, the Khitans might invade from the north, and plagues might kill millions. However, it was clear to you that even in 1050 most people would still work as farmers and weavers, rulers would still rely on humans to staff their armies and bureaucracies, men would still dominate women, life expectancy would still be about 40, and the human body would be exactly the same. Hence in 1018, poor Chinese parents taught their children how to plant rice or weave silk, and wealthier parents taught their boys how to read the Confucian classics, write calligraphy or fight on horseback – and taught their girls to be modest and obedient housewives. It was obvious these skills would still be needed in 1050.</p>
  450. <p class="bb-p">In contrast, today we have no idea how China or the rest of the world will look in 2050. We don’t know what people will do for a living, we don’t know how armies or bureaucracies will function, and we don’t know what gender relations will be like. Some people will probably live much longer than today, and the human body itself might undergo an unprecedented revolution thanks to bioengineering and direct brain-computer interfaces. Much of what kids learn today will likely be irrelevant by 2050.</p>
  451. <p class="bb-p">At present, too many schools focus on cramming information. In the past this made sense, because information was scarce, and even the slow trickle of existing information was repeatedly blocked by censorship. If you lived, say, in a small provincial town in Mexico in 1800, it was difficult for you to know much about the wider world. There was no radio, television, daily newspapers or public libraries. Even if you were literate and had access to a private library, there was not much to read other than novels and religious tracts. The Spanish Empire heavily censored all texts printed locally, and allowed only a dribble of vetted publications to be imported from outside. Much the same was true if you lived in some provincial town in Russia, India, Turkey or China. When modern schools came along, teaching every child to read and write and imparting the basic facts of geography, history and biology, they represented an immense improvement.</p>
  452. <p class="bb-p">In contrast, in the 21st century we are flooded by enormous amounts of information, and even the censors don’t try to block it. Instead, they are busy spreading misinformation or distracting us with irrelevancies. If you live in some provincial Mexican town and you have a smartphone, you can spend many lifetimes just reading Wikipedia, watching TED talks, and taking free online courses. No government can hope to conceal all the information it doesn’t like. On the other hand, it is alarmingly easy to inundate the public with conflicting reports and red herrings. People all over the world are but a click away from the latest accounts of the bombardment of Aleppo or of melting ice caps in the Arctic, but there are so many contradictory accounts that it is hard to know what to believe. Besides, countless other things are just a click away, making it difficult to focus, and when politics or science look too complicated it is tempting to switch to funny cat videos, celebrity gossip or porn.</p>
  453. <p class="bb-p">In such a world, the last thing a teacher needs to give her pupils is more information. They already have far too much of it. Instead, people need the ability to make sense of information, to tell the difference between what is important and what is unimportant, and above all to combine many bits of information into a broad picture of the world.</p>
  454. <p class="bb-p">In truth, this has been the ideal of western liberal education for centuries, but up till now even many western schools have been rather slack in fulfilling it. Teachers allowed themselves to focus on shoving data while encouraging pupils “to think for themselves”. Due to their fear of authoritarianism, liberal schools had a particular horror of grand narratives. They assumed that as long as we give students lots of data and a modicum of freedom, the students will create their own picture of the world, and even if this generation fails to synthesise all the data into a coherent and meaningful story of the world, there will be plenty of time to construct a good synthesis in the future. We have now run out of time. The decisions we will take in the next few decades will shape the future of life itself, and we can take these decisions based only on our present world view. If this generation lacks a comprehensive view of the cosmos, the future of life will be decided at random.</p>
  455. <h2 class="bb-h2" id="part-two-the-heat-is-on">Part two: The heat is on</h2>
  456. <p class="bb-p">Besides information, most schools also focus too much on providing pupils with a set of predetermined skills such as solving differential equations, writing computer code in C++, identifying chemicals in a test tube or conversing in Chinese. Yet since we have no idea how the world and the job market will look in 2050, we don’t really know what particular skills people will need. We might invest a lot of effort teaching kids how to write in C++ or how to speak Chinese, only to discover that by 2050 AI can code software far better than humans, and a new Google Translate app enables you to conduct a conversation in almost flawless Mandarin, Cantonese or Hakka, even though you only know how to say “Ni hao”.</p>
  457. <p class="bb-p">So what should we be teaching? Many pedagogical experts argue that schools should switch to teaching “the four Cs” – critical thinking, communication, collaboration and creativity. More broadly, schools should downplay technical skills and emphasise general-purpose life skills. Most important of all will be the ability to deal with change, to learn new things and to preserve your mental balance in unfamiliar situations. In order to keep up with the world of 2050, you will need not merely to invent new ideas and products – you will above all need to reinvent yourself again and again.</p>
  458. <p class="bb-p">For as the pace of change increases, not just the economy, but the very meaning of “being human” is likely to mutate. In 1848, the <a href="https://www.marxists.org/archive/marx/works/download/pdf/Manifesto.pdf" class="bb-a">Communist Manifesto</a> declared that “all that is solid melts into air”. Marx and Engels, however, were thinking mainly about social and economic structures. By 2048, physical and cognitive structures will also melt into air, or into a cloud of data bits.</p>
  459. <p class="bb-p">In 1848, millions of people were losing their jobs on village farms, and were going to the big cities to work in factories. But upon reaching the big city, they were unlikely to change their gender or to add a sixth sense. And if they found a job in some textile factory, they could expect to remain in that profession for the rest of their working lives.</p>
  460. <p class="bb-p">By 2048, people might have to cope with migrations to cyberspace, with fluid gender identities, and with new sensory experiences generated by computer implants. If they find both work and meaning in designing up-to-the-minute fashions for a 3D virtual-reality game, within a decade not just this particular profession, but all jobs demanding this level of artistic creation might be taken over by AI. So at 25, you introduce yourself on a dating site as “a twenty-five-year-old heterosexual woman who lives in London and works in a fashion shop.” At 35, you say you are “a gender-non-specific person undergoing age- adjustment, whose neocortical activity takes place mainly in the NewCosmos virtual world, and whose life mission is to go where no fashion designer has gone before”. At 45, both dating and self-definitions are so passé. You just wait for an algorithm to find (or create) the perfect match for you. As for drawing meaning from the art of fashion design, you are so irrevocably outclassed by the algorithms, that looking at your crowning achievements from the previous decade fills you with embarrassment rather than pride. And at 45, you still have many decades of radical change ahead of you.</p>
  461. <p class="bb-p">Please don’t take this scenario literally. Nobody can really predict the specific changes we will witness. Any particular scenario is likely to be far from the truth. If somebody describes to you the world of the mid-21st century and it sounds like science fiction, it is probably false. But then if somebody describes to you the world of the mid 21st-century and it doesn’t sound like science fiction – it is certainly false. We cannot be sure of the specifics, but change itself is the only certainty.</p>
  462. <p class="bb-p">Such profound change may well transform the basic structure of life, making discontinuity its most salient feature. From time immemorial, life was divided into two complementary parts: a period of learning followed by a period of working. In the first part of life you accumulated information, developed skills, constructed a world view, and built a stable identity. Even if at 15 you spent most of your day working in the family’s rice field (rather than in a formal school), the most important thing you were doing was learning: how to cultivate rice, how to conduct negotiations with the greedy rice merchants from the big city and how to resolve conflicts over land and water with the other villagers. In the second part of life you relied on your accumulated skills to navigate the world, earn a living, and contribute to society. Of course, even at 50 you continued to learn new things about rice, about merchants and about conflicts, but these were just small tweaks to well-honed abilities.</p>
  463. <p class="bb-p">By the middle of the 21st century, accelerating change plus longer lifespans will make this traditional model obsolete. Life will come apart at the seams, and there will be less and less continuity between different periods of life. “Who am I?” will be a more urgent and complicated question than ever before.</p>
  464. <p class="bb-p">This is likely to involve immense levels of stress. For change is almost always stressful, and after a certain age most people just don’t like to change. When you are 15, your entire life is change. Your body is growing, your mind is developing, your relationships are deepening. Everything is in flux, and everything is new. You are busy inventing yourself. Most teenagers find it frightening, but at the same time, also exciting. New vistas are opening before you, and you have an entire world to conquer. By the time you are 50, you don’t want change, and most people have given up on conquering the world. Been there, done that, got the T-shirt. You much prefer stability. You have invested so much in your skills, your career, your identity and your world view that you don’t want to start all over again. The harder you’ve worked on building something, the more difficult it is to let go of it and make room for something new. You might still cherish new experiences and minor adjustments, but most people in their fifties aren’t ready to overhaul the deep structures of their identity and personality.</p>
  465. <p class="bb-p">There are neurological reasons for this. Though the adult brain is more flexible and volatile than was once thought, it is still less malleable than the teenage brain. Reconnecting neurons and rewiring synapses is damned hard work. But in the 21st century, you can hardly afford stability. If you try to hold on to some stable identity, job or world view, you risk being left behind as the world flies by you with a whooooosh. Given that life expectancy is likely to increase, you might subsequently have to spend many decades as a clueless fossil. To stay relevant – not just economically, but above all socially – you will need the ability to constantly learn and to reinvent yourself, certainly at a young age like 50.</p>
  466. <p class="bb-p">As strangeness becomes the new normal, your past experiences, as well as the past experiences of the whole of humanity, will become less reliable guides. Humans as individuals and humankind as a whole will increasingly have to deal with things nobody ever encountered before, such as super-intelligent machines, engineered bodies, algorithms that can manipulate your emotions with uncanny precision, rapid man-made climate cataclysms, and the need to change your profession every decade. What is the right thing to do when confronting a completely unprecedented situation? How should you act when you are flooded by enormous amounts of information and there is absolutely no way you can absorb and analyse it all? How to live in a world where profound uncertainty is not a bug, but a feature?</p>
  467. <p class="bb-p">To survive and flourish in such a world, you will need a lot of mental flexibility and great reserves of emotional balance. You will have to repeatedly let go of some of what you know best, and feel at home with the unknown. Unfortunately, teaching kids to embrace the unknown and to keep their mental balance is far more difficult than teaching them an equation in physics or the causes of the first world war. You cannot learn resilience by reading a book or listening to a lecture. The teachers themselves usually lack the mental flexibility that the 21st century demands, for they themselves are the product of the old educational system.</p>
  468. <p class="bb-p">The Industrial Revolution has bequeathed us the production-line theory of education. In the middle of town there is a large concrete building divided into many identical rooms, each room equipped with rows of desks and chairs. At the sound of a bell, you go to one of these rooms together with 30 other kids who were all born the same year as you. Every hour some grown-up walks in and starts talking. They are all paid to do so by the government. One of them tells you about the shape of the Earth, another tells you about the human past, and a third tells you about the human body. It is easy to laugh at this model, and almost everybody agrees that no matter its past achievements, it is now bankrupt. But so far we haven’t created a viable alter- native. Certainly not a scaleable alternative that can be implemented in rural Mexico rather than just in upmarket California suburbs.</p>
  469. <h2 class="bb-h2" id="part-three-hacking-humans">Part three: Hacking humans</h2>
  470. <p class="bb-p">So the best advice I could give a 15-year-old stuck in an outdated school somewhere in Mexico, India or Alabama is: don’t rely on the adults too much. Most of them mean well, but they just don’t understand the world. In the past, it was a relatively safe bet to follow the adults, because they knew the world quite well, and the world changed slowly. But the 21st century is going to be different. Due to the growing pace of change, you can never be certain whether what the adults are telling you is timeless wisdom or outdated bias.</p>
  471. <p class="bb-p">So on what can you rely instead? Technology? That’s an even riskier gamble. Technology can help you a lot, but if technology gains too much power over your life, you might become a hostage to its agenda. Thousands of years ago, humans invented agriculture, but this technology enriched just a tiny elite, while enslaving the majority of humans. Most people found themselves working from sunrise till sunset plucking weeds, carrying water buckets and harvesting corn under a blazing sun. It can happen to you too.</p>
  472. <p class="bb-p">Technology isn’t bad. If you know what you want in life, technology can help you get it. But if you don’t know what you want in life, it will be all too easy for technology to shape your aims for you and take control of your life. Especially as technology gets better at understanding humans, you might increasingly find yourself serving it, instead of it serving you. Have you seen those zombies who roam the streets with their faces glued to their smartphones? Do you think they control the technology, or does the technology control them?</p>
  473. <p class="bb-p">Should you rely on yourself, then? That sounds great on <em class="bb-em">Sesame Street</em> or in an old-fashioned Disney film, but in real life it doesn’t work so well. Even Disney is coming to realise it. Just like <a href="https://www.imdb.com/title/tt2096673/?ref_=nv_sr_1" class="bb-a"><em class="bb-em">Inside Ou</em>t’s Riley Andersen</a>, most people hardly know themselves, and when they try to “listen to themselves” they easily become prey to external manipulations. The voice we hear inside our heads was never trustworthy, because it always reflected state propaganda, ideological brainwashing and commercial advertisement, not to mention biochemical bugs.</p>
  474. <p class="bb-p">As biotechnology and machine learning improve, it will become easier to manipulate people’s deepest emotions and desires, and it will become more dangerous than ever to just follow your heart. When Coca-Cola, Amazon, Baidu or the government knows how to pull the strings of your heart and press the buttons of your brain, could you still tell the difference between your self and their marketing experts?</p>
  475. <p class="bb-p">To succeed in such a daunting task, you will need to work very hard on getting to know your operating system better. To know what you are, and what you want from life. This is, of course, the oldest advice in the book: know thyself. For thousands of years, philosophers and prophets have urged people to know themselves. But this advice was never more urgent than in the 21st century, because unlike in the days of Laozi or Socrates, now you have serious competition. Coca-Cola, Amazon, Baidu and the government are all racing to hack you. Not your smartphone, not your computer, and not your bank account – they are in a race to hack <em class="bb-em">you</em>, and your organic operating system. You might have heard that we are living in the era of hacking computers, but that’s hardly half the truth. In fact, we are living in the era of hacking humans.</p>
  476. <p class="bb-p">The algorithms are watching you right now. They are watching where you go, what you buy, who you meet. Soon they will monitor all your steps, all your breaths, all your heartbeats. They are relying on Big Data and machine learning to get to know you better and better. And once these algorithms know you better than you know yourself, they could control and manipulate you, and you won’t be able to do much about it. You will live in the matrix, or in <a href="https://www.imdb.com/title/tt0120382/" class="bb-a"><em class="bb-em">The Truman Show</em></a>. In the end, it’s a simple empirical matter: if the algorithms indeed understand what’s happening within you better than you understand it, authority will shift to them.</p>
  477. <p class="bb-p">Of course, you might be perfectly happy ceding all authority to the algorithms and trusting them to decide things for you and for the rest of the world. If so, just relax and enjoy the ride. You don’t need to do anything about it. The algorithms will take care of everything. If, however, you want to retain some control of your personal existence and of the future of life, you have to run faster than the algorithms, faster than Amazon and the government, and get to know yourself before they do. To run fast, don’t take much luggage with you. Leave all your illusions behind. They are very heavy.</p>
  478. </article>
  479. </section>
  480. <nav id="jumpto">
  481. <p>
  482. <a href="/david/blog/">Accueil du blog</a> |
  483. <a href="https://www.wired.co.uk/article/yuval-noah-harari-extract-21-lessons-for-the-21st-century">Source originale</a> |
  484. <a href="/david/stream/2019/">Accueil du flux</a>
  485. </p>
  486. </nav>
  487. <footer>
  488. <div>
  489. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  490. <p>
  491. Bonjour/Hi!
  492. 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>
  493. 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>).
  494. </p>
  495. <p>
  496. 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>.
  497. </p>
  498. <p>
  499. Voici quelques articles choisis :
  500. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  501. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  502. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  503. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  504. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  505. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  506. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  507. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  508. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  509. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  510. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  511. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  512. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  513. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  514. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  515. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  516. </p>
  517. <p>
  518. 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>.
  519. </p>
  520. <p>
  521. Je ne traque pas ta navigation mais mon
  522. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  523. conserve des logs d’accès.
  524. </p>
  525. </div>
  526. </footer>
  527. <script type="text/javascript">
  528. ;(_ => {
  529. const jumper = document.getElementById('jumper')
  530. jumper.addEventListener('click', e => {
  531. e.preventDefault()
  532. const anchor = e.target.getAttribute('href')
  533. const targetEl = document.getElementById(anchor.substring(1))
  534. targetEl.scrollIntoView({behavior: 'smooth'})
  535. })
  536. })()
  537. </script>