davidbgk
/
larlet-fr-david-cache
关注 1
点赞 0
派生 0
代码 版本发布 0 动态
A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
347 提交
1 分支
目录树: 25348ff8d8
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '25348ff8d8'
${ noResults }
larlet-fr-david-cache/cache/7aa96ab5f7af18e008191927ee7.../index.html

index.html 31KB
原始文件 Blame 文件历史

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619 
  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>Do we really need startups? (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://medium.com/@FredericJacobs/do-we-really-need-startups-b659d4fa495">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Do we really need startups? (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://medium.com/@FredericJacobs/do-we-really-need-startups-b659d4fa495">Source originale du contenu</a></h3>

  463.     <p name="ff80" id="ff80" class="graf--p">Thoughts on the “Belgian Startup Manifesto”</p>

  464. 

  465. <p name="4bad" id="4bad" class="graf--p"><a href="https://www.twitter.com/xdamman" data-href="https://www.twitter.com/xdamman" class="markup--anchor markup--p-anchor" rel="nofollow">Xavier</a> invited me to share my thoughts and recommendations for the “Belgian Startup Manifesto”, I’m taking up on that offer in this post.</p>

  466. 

  467. <h4 name="fe9f" id="fe9f" class="graf--h4">On naming and funding</h4>

  468. 

  469. <figure name="fc26" id="fc26" class="graf--figure postField--outsetLeftImage"><div class="aspectRatioPlaceholder is-locked"><p class="aspect-ratio-fill"/><img class="graf-image" data-image-id="1*sSrhfJ2tD22BLLjigZE8_Q.png" data-width="909" data-height="672" data-action="zoom" data-action-value="1*sSrhfJ2tD22BLLjigZE8_Q.png" src="https://d262ilb51hltx0.cloudfront.net/max/600/1*sSrhfJ2tD22BLLjigZE8_Q.png"/></div><figcaption class="imageCaption">Startups Today, from Alex Payne’s talk. Link below.</figcaption></figure>

  470. 

  471. <p name="10cf" id="10cf" class="graf--p">Let me first address the naming issue. I believe that calling it “<em class="markup--em markup--p-em">Belgian </em><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Startup</em></strong><em class="markup--em markup--p-em"> Manifesto</em>” is a terrible idea. Startups are immediately associated with a certain way of running a business. It usually comes with VCs, arrogant CEOs, exits selling data to corporate surveillance companies (making a living trading data), high risk, high growth … Belgium doesn’t need more startups if you want <strong class="markup--strong markup--p-strong">long-term innovation</strong>. Having little dedicated teams raising money from a very specific part of the population and selling out 18 months later to American tech giants is not gonna help create many jobs in Belgium. Silicon Valley profits California a lot because eventually those startups are going to be acquired by tech giants in the region. But Belgian startups selling out to US-tech giants have <strong class="markup--strong markup--p-strong">little to offer to the Belgian economy</strong> (especially without a tax on capital gain).</p>

  472. 

  473. <p name="2d42" id="2d42" class="graf--p">As a technical person, I’m <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">sick and tired of that dynamic </em></strong>and so are many people who have been working in Silicon Valley. <em class="markup--em markup--p-em">Startups</em> are only working for solving a <em class="markup--em markup--p-em">specific subset of engineering problems</em> but a lot of good ideas are never going to be developed using that model because there are too little financial interest for VCs. Yet, we need <strong class="markup--strong markup--p-strong">that</strong> innovation too. If you’re wondering what I’m talking about I <strong class="markup--strong markup--p-strong">strongly</strong> recommend you to watch (or <a href="https://al3x.net/2013/05/23/letter-to-a-young-programmer.html" data-href="https://al3x.net/2013/05/23/letter-to-a-young-programmer.html" class="markup--anchor markup--p-anchor" rel="nofollow">read</a>) Alex Payne’s (one of the first Twitter employees, co-founder of Simple, occasional investor) talk “<em class="markup--em markup--p-em">Reconsidering startups — Letter To A Young Programmer</em>”.</p>

  474. 

  475. <figure name="0be2" id="0be2" class="graf--figure graf--iframe"><p class="iframeContainer"/></figure>

  476. 

  477. <p name="ca2e" id="ca2e" class="graf--p">Most startups have a terrible culture, hostile against minorities and affected by what is known as the <strong class="markup--strong markup--p-strong">brogrammer culture</strong>. CEOs believing they are <em class="markup--em markup--p-em">making impact</em> by building a to-do app. It’s just a facade. I found <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">little ethical considerations</em></strong> in that specific Silicon Valley kind of startup.</p>

  478. 

  479. <p name="1c0e" id="1c0e" class="graf--p">It’s not all good or all bad but startups are coming with their own set of problems and those need to be addressed. Sadly, a lot of the<strong class="markup--strong markup--p-strong"> startup community just stands in denial</strong>, refusing to address those problems (because they conveniently benefit from them?).</p>

  480. 

  481. <h4 name="5397" id="5397" class="graf--h4">Ethical and societal considerations</h4>

  482. 

  483. <p name="9c48" id="9c48" class="graf--p">Startups are disrupting industries, little doubt about that (and there is more to come). Meaning millions more jobs will be lost worldwide because of these disruptions.</p>

  484. 

  485. <p name="6f37" id="6f37" class="graf--p">What we notice is that startups are the <em class="markup--em markup--p-em">disruptors</em> and the bigger/established companies are the <em class="markup--em markup--p-em">disruptees</em>. For getting the same amount of work done, disruptors are considerably more efficient, letting the market disqualify the older established companies. Nothing disruptive so far.</p>

  486. 

  487. <figure name="5344" id="5344" class="graf--figure postField--insetLeftImage"><div class="aspectRatioPlaceholder is-locked"><p class="aspect-ratio-fill"/><img class="graf-image" data-image-id="1*fJCMBab3DwRvtW9VO1VlAw.jpeg" data-width="300" data-height="399" src="https://d262ilb51hltx0.cloudfront.net/max/600/1*fJCMBab3DwRvtW9VO1VlAw.jpeg"/></div><figcaption class="imageCaption">The World’s Government</figcaption></figure>

  488. 

  489. <p name="b13b" id="b13b" class="graf--p">But how are the disruptors treating us? Our relationship with Google is pretty close to the medieval feudal system. They provide us a service and in exchange we give them our data. The “digital knights” are in control, the vassals must abide by the dictated law (terms of services), do they really have a choice to enter that contract? Not really.</p>

  490. 

  491. <p name="4321" id="4321" class="graf--p">The “digital knights” are currently disrupting the old world with no mercy, in the a very crusader-ish way. Cutting on millions of job world wide. The old world reacts by the worst possible way, banning the disruptors.</p>

  492. 

  493. <p name="bafa" id="bafa" class="graf--p">There appears to be a pattern that holds for most industries.</p>

  494. 

  495. <blockquote name="5bd4" id="5bd4" class="graf--blockquote">First they ignore you, then they laugh at you, then they fight you, then you win. ~<strong class="markup--strong markup--blockquote-strong">Mahatma Gandhi</strong></blockquote>

  496. 

  497. <p name="7a9c" id="7a9c" class="graf--p">Think about it, whether it’s the music industry, taxi industry, banking industry… <em class="markup--em markup--p-em">it’s happening or going to happen</em> to almost every single industry.</p>

  498. 

  499. <p name="911e" id="911e" class="graf--p">Now don’t get me wrong, <strong class="markup--strong markup--p-strong">I think that disruption is a fundamentally good force.</strong></p>

  500. 

  501. <p name="54f8" id="54f8" class="graf--p"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Here’s my point</em></strong>. No, I don’t want to live in a technocracy, ruled by the digital knights. Yet, their lobbying power in Washington is immense. I don’t want to live in a world where we have to teach our kids how to code for them to survive.</p>

  502. 

  503. <p name="9173" id="9173" class="graf--p">Neither do I want to live in a world where we have to prevent disruptions from happening. They are going to happen and that’s ultimately a good thing. But what we need to do is adapt the legal framework along with it. If it’s taking 1000x less time to perform a specific amount of work, we can’t expect to have the entire population being active. A lot of jobs are going to be disrupted by robots or machine learning software, what we need are more engineers, designers, digital philosophers… to help us adapt to this new industry.</p>

  504. 

  505. <p name="7f49" id="7f49" class="graf--p">The unconditional basic income, a better digital education, reforming taxation… are things to put on the table if we’re going to discuss how we can collectively benefit from disrupting the established companies.</p>

  506. 

  507. <h4 name="7e4d" id="7e4d" class="graf--h4">On Crowdfunding</h4>

  508. 

  509. <p name="2544" id="2544" class="graf--p">Crowdfunding is a great example of funding a company driven by consumer demand. By bringing back the user in the picture, entrepreneurs will be more incentized to satisfy him, rather than an investor.</p>

  510. 

  511. <p name="47da" id="47da" class="graf--p">Open Whisper Systems, a collective of open-source developers I contribute to, has been experimenting with ideas like <a href="https://whispersystems.org/blog/bithub/" data-href="https://whispersystems.org/blog/bithub/" class="markup--anchor markup--p-anchor" rel="nofollow"><strong class="markup--strong markup--p-strong">BitHub</strong></a>. The idea is simple, users who enjoy our apps, do give money to a “pool” of money for the project or a specific feature they want, and then, whoever closes the issue or contributes to development, gets the money.</p>

  512. 

  513. <p name="8b56" id="8b56" class="graf--p">BitHub allows us to fund free and open-source software to which anyone can contribute and be funded by it, driven by bounties and market demand.</p>

  514. 

  515. <h4 name="28b6" id="28b6" class="graf--h4">Open Data</h4>

  516. 

  517. <p name="48e0" id="48e0" class="graf--p">Privacy to the people, transparency and accountability for public institutions is what we need to achieve. Governmental institutions should be <strong class="markup--strong markup--p-strong">as open as possible and share data</strong> with the people and private sector. These are great tools for individuals and companies.</p>

  518. 

  519. <h4 name="6782" id="6782" class="graf--h4">Authentication Crisis</h4>

  520. 

  521. <p name="a761" id="a761" class="graf--p">There are so many areas where we could automate and disrupt governments the way we’ve been disrupting a lot of private industries. Yet, a crucial part is missing; how do we handle authentication? Governments should provide an “Identity API” for governmental and third-party services. We have the technology to build <em class="markup--em markup--p-em">secure and privacy-friendly</em> authentication schemes based for instance on blind signatures.</p>

  522. 

  523. <p name="b899" id="b899" class="graf--p">This authentication scheme is necessary if we’re going to bring our democracies online. Blockchain-backed authentication schemes are and will probably still be vulnerable to <a href="http://en.wikipedia.org/wiki/Sybil_attack" data-href="http://en.wikipedia.org/wiki/Sybil_attack" class="markup--anchor markup--p-anchor" rel="nofollow">Sybil attacks</a>.</p>

  524. 

  525. <h4 name="937f" id="937f" class="graf--h4">Net Neutrality</h4>

  526. 

  527. <p name="d498" id="d498" class="graf--p">We can’t build any substantial web-driven innovation without Net Neutrality. If we’re not building for a free and open Internet, we’re stopping the disruption cycle and leaving uncontested monopoles flourish.</p>

  528. 

  529. <h4 name="b4d8" id="b4d8" class="graf--h4">Open-Source</h4>

  530. 

  531. <p name="3a79" id="3a79" class="graf--p">If we’re going to live in a Free society, we better have more open-source software. <strong class="markup--strong markup--p-strong">Any software that’s government funded should be open-source</strong>. People should be able to freely review the code they funded. Better software quality holding government contractors accountable. No monopole.</p>

  532. 

  533. <h4 name="8e11" id="8e11" class="graf--h4">Streamlining transfer of knowledge from Academia to industry</h4>

  534. 

  535. <p name="fbef" id="fbef" class="graf--p">Academia is a beautiful world. But sadly, the research done with public funding isn’t transmitted well enough to the industry (or sometimes not even useful).</p>

  536. 

  537. <h4 name="4268" id="4268" class="graf--h4">Think Different</h4>

  538. 

  539. <p name="9383" id="9383" class="graf--p">When I came out of high school, it striked me how restricted belgian parents were towards the educational choices of their kids. How many times have I not been told that doing “Solvay Business School” or going to Law school was the best option and seeing so many clueless end of high school students going into those studies just because it was believed to be “the good thing to do”. That’s not how you prepare high schoolers for the digital economy. Science and arts education is terribly underrated in Belgium, that’s really unfortunate. We don’t have enough engineers, neither do we have enough talented designers.</p>

  540. 

  541. <h4 name="a4fc" id="a4fc" class="graf--h4"><strong class="markup--strong markup--h4-strong">Funding Critical Infrastructure</strong></h4>

  542. 

  543. <p name="1205" id="1205" class="graf--p">Over the last few years, I’ve been repeatedly reporting vulnerabilities in information systems of both the private and public sector. It’s <strong class="markup--strong markup--p-strong">unacceptable</strong> that<a href="http://www.lalibre.be/dernieres-depeches/belga/le-comite-r-vulnerable-aux-hackers-534cc0ed3570d35ee3ee563d" data-href="http://www.lalibre.be/dernieres-depeches/belga/le-comite-r-vulnerable-aux-hackers-534cc0ed3570d35ee3ee563d" class="markup--anchor markup--p-anchor" rel="nofollow"> we have critical infrastructure that’s so vulnerable</a> . If those are the ones that are going to protect the homeland against ISIS, well good luck with that but please don’t come begging for <em class="markup--em markup--p-em">undermining people’s privacy later because you’re unable to do your job, </em>that’s just bullshit. I’m regularly scanning the entire Belgian IPv4 address space for vulnerabilities (try it, it’s really fun!). Belgium’s cyber capabilities are honestly laughably bad. I think that if you’re a nation state and didn’t hack Belgian critical infrastructure you must feel kind of left out because everybody else did.</p>

  544. 

  545. <p name="d83b" id="d83b" class="graf--p">You might ask what this has to do with startups? Well, it turns out that the reasons most of our critical infrastructure is vulnerable is because government contractors belong to the old world. They failed to stay up to date with developments.</p>

  546. 

  547. <h4 name="5a80" id="5a80" class="graf--h4">Diversity</h4>

  548. 

  549. <p name="adec" id="adec" class="graf--p">Silicon Valley’s brogrammer mentality is solving a lot of issues for young white male communities, but there are so many more challenges to solve if we’re more inclusive.</p>

  550. 

  551. <h4 name="b2f8" id="b2f8" class="graf--h4">Closing Notes</h4>

  552. 

  553. <p name="0a4d" id="0a4d" class="graf--p graf--empty"><br/></p>

  554. 

  555. <p name="18ff" id="18ff" class="graf--p graf--last">Writing a manifesto to facilitate innovation and entrepreneurship in Belgium? Hell yeah! But we can do something better than just cloning Surveillance Valley’s model that can’t really work anywhere else. Belgium has potential, tons of potential investors, brilliant cryptographers, designers, developers … but we need to coordinate all of this and make it frictionless to get started.</p>

  556.   </article>

  557. </section>

  558. 

  559. 

  560. <nav id="jumpto">

  561.   <p>

  562.     <a href="/david/blog/">Accueil du blog</a> |

  563.     <a href="https://medium.com/@FredericJacobs/do-we-really-need-startups-b659d4fa495">Source originale</a> |

  564.     <a href="/david/stream/2019/">Accueil du flux</a>

  565.   </p>

  566. </nav>

  567. 

  568. <footer>

  569.   <div>

  570.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  571.     <p>

  572.       Bonjour/Hi!

  573.       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>

  574.       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>).

  575.     </p>

  576.     <p>

  577.       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>.

  578.     </p>

  579.     

  580.     <p>

  581.       Voici quelques articles choisis :

  582.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  583.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  584.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  585.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  586.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  587.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  588.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  589.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  590.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  591.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  592.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  593.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  594.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  595.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  596.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  597.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  598.     </p>

  599.     <p>

  600.       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>.

  601.     </p>

  602.     <p>

  603.       Je ne traque pas ta navigation mais mon

  604.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  605.       conserve des logs d’accès.

  606.     </p>

  607.   </div>

  608. </footer>

  609. <script type="text/javascript">

  610.   ;(_ => {

  611.     const jumper = document.getElementById('jumper')

  612.     jumper.addEventListener('click', e => {

  613.       e.preventDefault()

  614.       const anchor = e.target.getAttribute('href')

  615.       const targetEl = document.getElementById(anchor.substring(1))

  616.       targetEl.scrollIntoView({behavior: 'smooth'})

  617.     })

  618.   })()

  619. </script>