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 42KB

  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>Designed in China, Assembled in California (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://ia.net/topics/designed-in-china-assembled-in-california">
  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. Designed in China, Assembled in California (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://ia.net/topics/designed-in-china-assembled-in-california">Source originale du contenu</a></h3>
  445. <h2>As China starts outdoing us economically, technically and strategically, we are turning Chinese, slowly losing the spiritual, cultural and political texture that made us different.</h2>
  446. <p>China’s Xi Jinping is in a good mood. He just got approved to be president for life. His country is doing better than ever:</p>
  447. <blockquote><p>
  448. …this is ‘the best period of development since modern times, while the world is undergoing the most profound and unprecedented changes in a century’…Xi refers to the current period as a period of unprecedented strategic opportunity for China…<sup><a href="#fn1-24511" id="fnr1-24511" title="see footnote" class="footnote">1</a></sup>
  449. </p></blockquote>
  450. <p>China has already outperformed the rest of the world. They sport the highest GDP, and their economy keeps growing. They own the four biggest banks in the world.<sup><a href="#fn2-24511" id="fnr2-24511" title="see footnote" class="footnote">2</a></sup></p>
  451. <table>
  452. <colgroup>
  453. <col/>
  454. <col/>
  455. <col/>
  456. <col/>
  457. </colgroup>
  458. <thead>
  459. <tr>
  460. <th>Rank</th>
  461. <th>Country</th>
  462. <th>Name</th>
  463. <th>Assets (US$ B)</th>
  464. </tr>
  465. </thead>
  466. <tbody>
  467. <tr>
  468. <td>1</td>
  469. <td>China</td>
  470. <td>Industrial and Commercial Bank of China</td>
  471. <td>4,009.26</td>
  472. </tr>
  473. <tr>
  474. <td>2</td>
  475. <td>China</td>
  476. <td>China Construction Bank Corporation</td>
  477. <td>3,400.25</td>
  478. </tr>
  479. <tr>
  480. <td>3</td>
  481. <td>China</td>
  482. <td>Agricultural Bank of China</td>
  483. <td>3,235.65</td>
  484. </tr>
  485. <tr>
  486. <td>4</td>
  487. <td>China</td>
  488. <td>Bank of China</td>
  489. <td>2,991.90</td>
  490. </tr>
  491. <tr>
  492. <td>5</td>
  493. <td>Japan</td>
  494. <td>Mitsubishi UFJ Financial Group</td>
  495. <td>2,784.74</td>
  496. </tr>
  497. <tr>
  498. <td>6</td>
  499. <td>United States</td>
  500. <td>JPMorgan Chase &amp; Co.</td>
  501. <td>2,533.60</td>
  502. </tr>
  503. <tr>
  504. <td>7</td>
  505. <td>United Kingdom</td>
  506. <td>HSBC Holdings PLC</td>
  507. <td>2,521.77</td>
  508. </tr>
  509. <tr>
  510. <td>8</td>
  511. <td>France</td>
  512. <td>BNP Paribas</td>
  513. <td>2,357.07</td>
  514. </tr>
  515. <tr>
  516. <td>9</td>
  517. <td>United States</td>
  518. <td>Bank of America</td>
  519. <td>2,281.23</td>
  520. </tr>
  521. <tr>
  522. <td>10</td>
  523. <td>France</td>
  524. <td>Crédit Agricole</td>
  525. <td>2,117.16</td>
  526. </tr>
  527. </tbody>
  528. </table>
  529. <p>Unlike the US, who subsidizes 19th-century coal mining, China invested and now leads in alternative energy. They own practically all rare earth metals. They don’t have the fastest growing economy. Six out of the 10 fastest growing economies in 2018 are African states. <sup><a href="#fn3-24511" id="fnr3-24511" title="see footnote" class="footnote">3</a></sup> If you follow the news it won’t come as a surprise that China has massively invested in those six. China keeps lending money and buying vast amounts of infrastructure all over Africa. They invest and they win with class.</p>
  530. <blockquote><p>
  531. As the team at Ant Financial – a Chinese internet bank now bigger than Goldman Sachs – raked in $14 Billion, its CEO Eric Jing raised a cup of tea. ‘This will be the entirety of our celebration.’ <sup><a href="#fn4-24511" id="fnr4-24511" title="see footnote" class="footnote">4</a></sup>
  532. </p></blockquote>
  533. <p>The US still leads in information technology.<sup><a href="#fn5-24511" id="fnr5-24511" title="see footnote" class="footnote">5</a></sup> But the future may look different. Right now, Silicon Valley is just boring, the thrill has gone… to China.</p>
  534. <blockquote><p>
  535. China is planning to make IT as one of the seven strategic industries that will help the country become a world-class, innovation-driven, and high-tech society, moving from a cheap-labor manufacturing outsourcing.<sup><a href="#fn6-24511" id="fnr6-24511" title="see footnote" class="footnote">6</a></sup></p>
  536. <p>All lists of private companies contain degrees of subjectivity and error, but the Wikipedia ranking of unicorn start-ups by value offers a peek into the future. Of the top 50 entries, 26 are Chinese and 16 are American. There are none from Europe. <sup><a href="#fn7-24511" id="fnr7-24511" title="see footnote" class="footnote">7</a></sup>
  537. </p></blockquote>
  538. <p>In 2016, STEM graduates from Chinese universities outnumbered American graduates 8:1.<sup><a href="#fn8-24511" id="fnr8-24511" title="see footnote" class="footnote">8</a></sup> Software development in China is getting more expensive than development in Japan. Meanwhile the Chinese government aggressively subsidizes data analytics, machine learning, and robotics. </p>
  539. <blockquote><p>
  540. “Innovation” and “entrepreneurship” have topped the Chinese government agenda since 2014 as the backbone of the national effort to shift economic development driven by manufacturing to one that is steered by innovation. The vision is rooted in “Made in China 2025” or “Industry 4.0”, capitalizing on big data analytics and robotics, as well as artificial intelligence, which Beijing has designated in a three-step national guideline, to become a global power in AI by 2030.<sup><a href="#fn9-24511" id="fnr9-24511" title="see footnote" class="footnote">9</a></sup>
  541. </p></blockquote>
  542. <p>Bejing, Shanghai, and Shenzen do not compete with Silicon Valley, they outlaw, outsmart, and outperform it. While the Chinese market is wisely protected from any foreign competition, Chinese tech is silently expanding into the West.<sup><a href="#fn10-24511" id="fnr10-24511" title="see footnote" class="footnote">10</a></sup></p>
  543. <p>Chinese companies buy Western game companies and startups. “70 percent of all acquisitions of game companies since 2015 have been by Chinese buyers.”<sup><a href="#fn11-24511" id="fnr11-24511" title="see footnote" class="footnote">11</a></sup> Talking Tom was originally a Slovenian app. A Chinese chemical maker bought it for one billion dollars. Yes, a Chinese chemical maker. </p>
  544. <blockquote><p>
  545. A real estate magnate in Beijing bought Legendary Entertainment, the movie studio that made the Dark Knight trilogy, for $3.5 billion. A maker of construction materials bought Framestore, the company behind the special effects in the Harry Potter films. Zhejiang Dragon Pipe Manufacturing Co. acquired app developer Entertainment Game Labs. And perhaps strangest of all, Digital Extremes Ltd., which created an alien battle game, and the studio Splash Damage Ltd., which made an offshoot of the Xbox hit Gears of War, were bought by an enormous Chinese poultry processor.<sup><a href="#fn12-24511" id="fnr12-24511" title="see footnote" class="footnote">12</a></sup>
  546. </p></blockquote>
  547. <p>Financial engineering makes it worthwhile for regular companies to buy into Western tech corporations. If you are planning an exit, you should study how the Chinese market works. Start here:</p>
  548. <blockquote><p>
  549. industrial companies […] may trade at as much as 100 times their annual earnings—more than four times the multiple of General Electric Co. This means they can acquire companies at what is effectively a discount. […] Chinese companies are betting that by adding game studios that have better margins than a stodgy industrial business, their stock price will rise.<sup><a href="#fn13-24511" id="fnr13-24511" title="see footnote" class="footnote">13</a></sup>
  550. </p></blockquote>
  551. <p>Thanks to IT, the Chinese government is now very optimistic about its economic future. It comes in handy that the government knows everything about its citizens and companies. Their surveillance machine is omnipresent and omniscient. It’s not even a secret. They have an official point system. They call it “Social Credit System”. Depending on how well you fare helping people across the street or smoking in the right places or not, you will face consequences. If you fail: No plane tickets. No train tickets. No high-speed Internet. No credit. Your children may be blacklisted from the good schools if you don’t behave. </p>
  552. <blockquote><p>
  553. Imagine a world where many of your daily activities were constantly monitored and evaluated: what you buy in the shops and online; where you are at any given time; who your friends are and how you interact with them; how many hours you spend watching content or playing video games; and what bills and taxes you pay (or not). […] But now imagine a system where all these behaviours are rated as either positive or negative and distilled into a single number, according to rules set by the government. <sup><a href="#fn14-24511" id="fnr14-24511" title="see footnote" class="footnote">14</a></sup>
  554. </p></blockquote>
  555. <p>A system that observes everybody and conditions them to act in a certain way at any moment in time. This eliminates free will and the ability to judge for yourself. This is what we should fear. But we don’t.</p>
  556. <h2>We are turning Chinese</h2>
  557. <p>25 years ago, China started looking over the fence. It then slowly moved from Leninist Communism to an evenly iron form of State Capitalism. It took some time to learn and adjust. But now, with the help of information technology, for the first time in 75 years, the party finally succeeded. Everyone agrees: China is doing great. China is the future. Our future. “Capitalism has won” is so Nineties. Communism is bigger than ever. And if you are tempted to use one of your sophisticated <em>actuallys</em>, please, hold your breath for a second:</p>
  558. <blockquote><p>
  559. Xi’s deeply Marxist, dialectical-materialist view of history [is] based on permanently evolving “contradictions” between what dialecticians call thesis, antithesis and synthesis. In Xi’s view […] may sound like old-fashioned Marxism. That’s because it is. The intellectual software of generations of Chinese leaders has been shaped by this conceptual framework for interpreting and responding to what they define as scientific, objective reality. And Xi Jinping belongs to that tradition. Remember he has already convened special study sessions of the politburo on understanding both dialectical and historical materialism in the past. <sup><a href="#fn15-24511" id="fnr15-24511" title="see footnote" class="footnote">15</a></sup>
  560. </p></blockquote>
  561. <p>Now, take a second breath and try to imagine that it was not just China that had been Westernized, but that the West had been slowly turning Chinese in the meantime. Yes, there are differences. China has one Party, and the US still has two, but look at it like this: </p>
  562. <ul>
  563. <li>In China, the party is the law.</li>
  564. <li>In the US, the Supreme Court votes along the party lines. The party with more Supreme Court Judges dictates right and wrong.</li>
  565. <li>In China, policy dictates the economy.</li>
  566. <li>In the US, economic interests dictate policy, lobbyists make laws.</li>
  567. <li>In China, the highest party member has become president for life with near absolutist power.</li>
  568. <li>A silver spoon Billionaire runs the US like his own business.</li>
  569. </ul>
  570. <p>It’s almost the same thing, but backward. Both the Chinese and the American president have an army of minions that applaud their dear leader and his 4d chess abilities, no matter what. </p>
  571. <p>While we were wondering whether China really got Westernised, somehow, the West became more Chinese than we could ever imagine. This is not the time to point fingers. We are working on the very same projects. “Social Credit System” starts in 2020. A big part of it is already in place. </p>
  572. <p>Somehow China’s “Social Credit System” it is not too far away for us either “because most of that already happens, thanks to all those data-collecting behemoths like Google, Facebook, and Instagram or health-tracking apps such as Fitbit.” <sup><a href="#fn16-24511" id="fnr16-24511" title="see footnote" class="footnote">16</a></sup></p>
  573. <p>The Chinese government observes its citizens, reads their emails, tracks them on- and offline, listens to their conversations, judges and punishes them. Silicon Valley observes its users, reads our emails, tracks us online and offline, listens to our conversations. We judge and punish each other. </p>
  574. <h2>What happened?</h2>
  575. <p>Every <em>Like</em> button on every Website reports back to Menlo Park. You don’t need to press it. Facebook gets notified if you visit a site with a button. You don’t even need a button. There are transparent pixels, too, that do that. </p>
  576. <p>Android, Chrome, Gmail, Google Maps, Google Photos and YouTube report everything you do back to Mountain View. Google’s original idea was to build a God. A God that knows everything. And they got close, very soon.<sup><a href="#fn17-24511" id="fnr17-24511" title="see footnote" class="footnote">17</a></sup> </p>
  577. <p>But why? Why the hell do they observe us like criminals? What have we done? What is wrong with us? Nothing, or better: We haven’t clicked enough ads is why.</p>
  578. <p>Amazon, Google, and Facebook have no bad intentions. Currently, they just want to know who we are and what we like. So advertisers can target us. Advertisers fuel the surveillance machine with money, we fuel it with data. It’s a fair deal. It’s everywhere. It’s normal. And it’s bizarre. </p>
  579. <p>It’s bizarre because the last thing we want is advertisement. We oversee ads. We ignore ads. We avoid ads. We hate ads. We don’t click on ads. Nobody clicks on ads. Nobody has met anyone that clicks on ads. </p>
  580. <p>They observe us like the Chinese government to make us finally click on those damn ads. They observe us like the Chinese government to show us the ads we like. And still, we never click on ads. It’s almost as if the <em>more</em> they observe us the <em>less</em> we click. Some psychological Quantum Mechanics must be at play. The more we feel observed the less we want to be predictable. Maybe we feel that by letting them observe us we have already paid our share. </p>
  581. <p>Jokes aside, we don’t need Heisenberg’s uncertainty principle to explain our behavior. We don’t let Google and Facebook observe us to receive better ads. We let them observe us because we don’t care. Okay Google, observe us in our toilets, bedrooms, meetings. We have nothing to hide. We don’t build bombs. We don’t mix Anthrax. We do not conspire. Hey, Alexa, what could happen? We’re not in China. Hey Siri, it’s not like some government has access to this data. Okay, Google, the American Government has access to this data. But the US government is not China. There are differences.</p>
  582. <p>We know that Google, Facebook, Microsoft &amp; Co. may share our data with the US government. It’s creepy. It’s chilling. But we do not resist. We are moving towards the same Black Mirror future. They walk forward, we walk backward. We think that’s just how it is.</p>
  583. <p>And as we assimilate to the technical conditions, we become subject to the same mindset. A mindset that is cold and focused. Focused on numbers. A mindset only accepts what is measurable, weighable and countable. A mindset that thinks that ultimately we are all calculable. A mindset that thinks because it owns all the numbers, it knows everything. </p>
  584. <p>Chinese citizens get indoctrinated with nationalist state propaganda. They are forced to robotically walk in step with a technological “Social Credit System”. They work six days a week from nine to ten. And they all feel like they are winning big time. </p>
  585. <p>Nationalism is on the rise in the West without too much indoctrination. Again, we get to the same place, walking backward. Our nationalism grows out of a general feeling of losing. Many think that immigration is to blame. It’s the Muslims, the Mexicans, the Gypsies. Even the Jews are back in play as an irrational devil that influences the weather to make us believe in Global Warming. Others think that we lose to the 1%, that own everything and take more. Some may fear China. To many, Global Warming is enough of a danger to paint the future black. But we all feel that we are losing. We are losing something. Something that is immeasurably valuable to use. Liberty, beauty, trust, humor, truth, art, humanity, peace of mind, free time. Our soul. It’s too scary to face.</p>
  586. <p>So, in our free time, we empty our brains clicking on junk, and instead of escaping that fear, we accelerate the process. </p>
  587. <h2>Numbers</h2>
  588. <p>As explained, the official reason why we are observed like Chinese citizens is patently absurd. We do not want better ads. Now they say, AI will make us click. Ads never worked and never will. No one clicks. We could install ad blockers, but that won’t help. But even without us clicking at all, somehow the ad system works. No one knows how, because it all happens in a black box. Only Facebook and Google know the real numbers. But no one questions how it works. Why? Because of the numbers.</p>
  589. <p>Google’s and Facebook’s revenues grow astronomically. Users and profits grow year over year. They are beyond comprehension, they are already bigger than reality, and they still grow. Meanwhile competitors—other social networks, search engines and newspapers—collapse. The once distributed architecture of the Internet is controlled by a handful of winners that take it all. And that is whom we believe. The winners. The losers are just jealous. </p>
  590. <p>There is no doubt that ads are bought. The more they observe us the more excited are the advertisers.<sup><a href="#fn18-24511" id="fnr18-24511" title="see footnote" class="footnote">18</a></sup> The ads are bought. The ads are placed. The ads are distributed. And somehow the ads are clicked. But nobody knows anyone who clicks them. It is only strange if you think about it. Don’t think about it. The revenues grow, the profits grow, the intrusion is real and they are smarter than everybody else. They have data to back it up.</p>
  591. <p>No one cares if the business model really works. It’s not our money that gets wasted. We just waste our time. Free-willingly, so to say. No one forces us to use Google or Facebook. If you don’t like Google Search, Google Maps, Gmail, Android, Chrome, Facebook, Instagram, or Whatsapp you can go elsewhere. There are plenty of options. Snap Chat. Apple Maps. Bing. Duck and go, or whatever it is called, and…</p>
  592. <p>Q: Okay, Google, google your alternative.<br/>
  593. A: Here are the search results. Have a look.<br/>
  594. Q: Hey Siri, avoiding you is not easy these days.<br/>
  595. A: Who, me?<br/>
  596. Q: Alexa, I want a divorce.<br/>
  597. A: [Sends all your pictures to all your friends (rarely happens).] </p>
  598. <p>We don’t need a Chinese Wall for our Internet. The market decided, that we can only use a handful of digital products. And the only real competition to Google, Facebook, and Amazon is Chinese. This is not what we should be scared of.</p>
  599. <h2>What makes or breaks the West</h2>
  600. <p>Political junk and entertainment blend in together like North Korean national TV blends in with Fox News. Russian troll farms just put the cherry on the cake. We hardly need them to accelerate our decline. Idiots in their caves spread evidence that the earth is flat without being paid. Deranged man babies tweet death threats for the lulz. Journalists switch to PR-agencies and work hand in hand with armies of do-it-yourself bots. Troll farms have replaced 007. Governments erect walls, and behind those schools decay and bridges rust. Information warfare has become faster, cheaper, more and more efficient than conventional war. </p>
  601. <p>The American president publicly speaks and acts like AI, simulating strength, understanding and knowledge, while making no sense at all. Promising to make America Great Again he is dismantling both the cultural identity and the alliance with the countries that share the same belief. The shared belief that marks the fundamental difference between the West and China. This belief, not hamburgers, stealth bombers, GDPs, or self driving cars is what makes or breaks the West:</p>
  602. <ol>
  603. <li>That all men are by nature equally free and independent</li>
  604. <li>That all power is vested in the people</li>
  605. <li>That government is instituted for the common benefit</li>
  606. <li>That no man is entitled to exclusive privileges</li>
  607. <li>That legislative executive should be separate and distinct from the judicative;</li>
  608. <li>That elections ought to be free</li>
  609. <li>That all power without consent of the representatives of the people is injurious</li>
  610. <li>That in prosecutions a man hath a right to demand the cause and nature of his accusation</li>
  611. <li>That excessive bail ought not to be required, nor excessive fines imposed nor cruel and unusual punishments inflicted</li>
  612. <li>That general warrants are grievous and oppressive</li>
  613. <li>That the ancient trial by jury is preferable to any other</li>
  614. <li>That the freedom of the press is one of the greatest bulwarks of liberty</li>
  615. <li>That a well regulated militia is the proper defense of a free state; that standing armies, in time of peace, should be avoided as dangerous to liberty</li>
  616. <li>That the people have a right to uniform government</li>
  617. <li>That no free government can be preserved to any people but by a firm adherence to justice, moderation, temperance, frugality, and virtue</li>
  618. <li>That religion can be directed by reason and conviction, not by force or violence</li>
  619. </ol>
  620. <p>If you compare the Declaration of Rights to what the current President of the United States tweets, you will see why Xi thinks that it’s China’s time in a different light.</p>
  621. <blockquote><p>
  622. China now has the wind at its back. Of course, there are formidable obstacles ahead. But a dialectical analysis of history causes China to conclude that the forces of reaction facing the US and the West are greater. <sup><a href="#fn19-24511" id="fnr19-24511" title="see footnote" class="footnote">19</a></sup>
  623. </p></blockquote>
  624. <p>The Counts and Dukes of Silicon Valley feel at home in Shenzen.<sup><a href="#fn20-24511" id="fnr20-24511" title="see footnote" class="footnote">20</a></sup> Silicon Valley spies on us like the Chinese Government—and in many ways they see China as their role model. They admire entrepreneurs that don’t sleep, don’t see their children, don’t care about such touch-me-feel-me nonsense like the truth, justice, beauty or how others feel. They name their daughters after the Chinese President, hoping that this might sway him to open the gates to his Asian Eldorado.</p>
  625. <p>Remember why Google is not in China? They did not want to give into censorship. China had other reasons to exclude Western platforms, but those were the days! We keep hearing now that technology has a privacy issue. And we feel that “privacy” may be overrated. What if we worry about the wrong word?</p>
  626. <blockquote><p>
  627. Privacy implies ‘It’s nobody’s business’ …The real issue is…liberty…the freedom to choose what to do with your body, who can see your personal information…monitor your movements and record your calls—who gets to surveil your life and on what grounds. <sup><a href="#fn21-24511" id="fnr21-24511" title="see footnote" class="footnote">21</a></sup>
  628. </p></blockquote>
  629. <p>The final boss that both the Chinese citizens and we need to face if we ever get this far may be the mindset that reduces humans to lab rats. The notion that some humans are better than others and that most humans do not deserve better. The belief that there is no truth but an objective reality and that it is objectively measurable. The idea that what isn’t measurable isn’t real. Those who are in power like that idea because all you need to do to prove that you are superior and that you deserve it is to have bigger numbers. In other words: to earn more.</p>
  630. <p>The belief that who is rich must be smart, favored by God or at least science is widespread. All it needs to feel justified is a single number that bigger than the opponent. </p>
  631. <p>The blind belief in numbers rules the cool offices in Silicon Valley where it religiously measures everything and acts according to what it measures. Year after year Facebooks financial statement annihilates any moral argument against the way they accumulated it.</p>
  632. <p>The idea that who wins must be right sleeps high above the clouds in Shanghai’s Blade Runner apartments and it does not care about your small dark feelings. The same religion builds electric cars to save the world and an escape to Mars while it plans a travel system based on fuel-driven rockets. </p>
  633. <p>And it’s the same soullessness that reigns the White House, where “but I won” crushes any argument. It’s a hole that fears to be filled by China and at the same time, it wants to be like China. It threatens North Korea and flatters its brutal dictator. </p>
  634. <p>Some fear a clash of cultures, a war between China and the US. And surely, the more similar we get the more likely it is that we jump at our throats. But what if our insane leaders meet in the middle, like Trump and Kim Yong Un? What if they just agree that ideas are not worth fighting for. That anything that is not measurable, countable, weighable, things like freedom, friendship and trust, truth, justice and beauty are not real, and that anything is subjected to the GDP. And rather than waging war, they agree on a revised declaration.</p>
  635. <ol>
  636. <li>That only the strong are free and independent</li>
  637. <li>That all power is vested those in power</li>
  638. <li>That government is for the benefit of those who can afford it</li>
  639. <li>That some are entitled to exclusive privileges</li>
  640. <li>That legislative executive should be one with the judicative</li>
  641. <li>That elections are useless</li>
  642. <li>That all power is theirs</li>
  643. <li>That in prosecutions a man hath no right to demand the cause and nature of his accusation</li>
  644. <li>That any bail can be required, excessive fines imposed; and cruel and unusual punishments inflicted</li>
  645. <li>That general warrants are to be expected</li>
  646. <li>That the ancient trial by jury is obsolete</li>
  647. <li>That the press is the enemy of the people</li>
  648. <li>That standing armies, in time of peace, should be the rule</li>
  649. <li>That the people have no rights</li>
  650. <li>That there is no free government, nor justice, moderation, temperance, frugality, and virtue</li>
  651. <li>That religion can be directed by force and violence</li>
  652. </ol>
  653. <p>Justice, truth, and beauty are not measurable. And yet they are real. Happiness, freedom, and imagination are not measurable, and yet they have the power to move mountains. The West has 16 things to lose. None of these 16 can be touched, bought or expressed in numbers. It’s not the GDP, it’s not the number of STEM graduates, it’s not the top positions in the charts of the biggest banks. What we can hope is that the bureaucrats and technocrats continue to undervalue how powerful the unmeasurable is. These 16 ideas have survived Napoleon, ended First World War and won against the Nazis. They have survived the Khmer and they have survived Stalinism. Happy fourth of July.</p>
  654. </article>
  655. </section>
  656. <nav id="jumpto">
  657. <p>
  658. <a href="/david/blog/">Accueil du blog</a> |
  659. <a href="https://ia.net/topics/designed-in-china-assembled-in-california">Source originale</a> |
  660. <a href="/david/stream/2019/">Accueil du flux</a>
  661. </p>
  662. </nav>
  663. <footer>
  664. <div>
  665. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  666. <p>
  667. Bonjour/Hi!
  668. 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>
  669. 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>).
  670. </p>
  671. <p>
  672. 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>.
  673. </p>
  674. <p>
  675. Voici quelques articles choisis :
  676. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  677. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  678. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  679. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  680. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  681. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  682. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  683. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  684. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  685. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  686. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  687. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  688. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  689. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  690. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  691. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  692. </p>
  693. <p>
  694. 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>.
  695. </p>
  696. <p>
  697. Je ne traque pas ta navigation mais mon
  698. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  699. conserve des logs d’accès.
  700. </p>
  701. </div>
  702. </footer>
  703. <script type="text/javascript">
  704. ;(_ => {
  705. const jumper = document.getElementById('jumper')
  706. jumper.addEventListener('click', e => {
  707. e.preventDefault()
  708. const anchor = e.target.getAttribute('href')
  709. const targetEl = document.getElementById(anchor.substring(1))
  710. targetEl.scrollIntoView({behavior: 'smooth'})
  711. })
  712. })()
  713. </script>