davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
297 コミット
1 ブランチ
ツリー: 63bf7c13de
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'63bf7c13de' から
${ noResults }
larlet-fr-david-cache/cache/c31a74f7ba029c77bf0a735a2c7.../index.html

index.html 27KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665 
  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>Startups de merde, vous devriez avoir honte. (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="http://mariejulien.com/post/2016/05/22/Startups-de-merde%2C-vous-devriez-avoir-honte">

  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.   Startups de merde, vous devriez avoir honte. (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="http://mariejulien.com/post/2016/05/22/Startups-de-merde%2C-vous-devriez-avoir-honte">Source originale du contenu</a></h3>

  463.     <div class="post-content"><h3>Coup de gueule.</h3>

  464. 

  465. <p>Je tombe sur un article du monde intitulé <a href="http://www.lemonde.fr/campus/article/2016/05/22/a-fresnes-de-jeunes-passionnes-d-informatique-hackent-les-codes-de-l-entreprise_4924060_4401467.html">“De jeunes geeks craquent les codes de l’entreprise”</a> dans mon feed twitter. Un article enjoué qui ne choquera quasiment plus personne, et pourtant.</p>

  466. 

  467. 

  468. <p>Dedans on y lit par exemple :</p>

  469. 

  470. 

  471. <blockquote><p>Agés de 19 ans à 26 ans, ils partagent une maison et leurs compétences au service de Seed-Up, une start-up créée à la fin de 2015, spécialisée dans le développement de sites Internet, d’applications et autres nouvelles technologies.</p></blockquote>

  472. 

  473. 

  474. <p>Jusque là tout est normal, des jeunes (parfois à peine majeurs) qui partagent leurs compétences sur un projet commun, c’est beau.</p>

  475. 

  476. 

  477. <p>Quand soudain…</p>

  478. 

  479. 

  480. <blockquote><p>Une fois le projet lancé, et presque <strong>20 000 euros de prêts bancaires</strong> plus tard (…) Environ 40 % de leur temps est consacré aux commandes des clients. (…) Très vite, ils ont dû augmenter la cadence pour <strong>répondre aux commandes</strong>, et il a fallu renforcer l’équipe, trouver de la main-d’œuvre <strong>qualifiée et rentable</strong>. Trois stagiaires ont renforcé les troupes, pour six mois. « On commence, donc c’est <strong>une question de coût</strong> », assume Paul Poupet.</p></blockquote>

  481. 

  482. 

  483. <p>Un des fondateurs <strong>“assume”</strong> donc dans un journal national avoir “embauché” des stagiaires, qualifiés qui plus est, pour répondre aux commandes des clients, et peu importe que notre code-du-travail-étouffant-qui-prend-en-otage-les-gens-qui-veulent-bosser interdise à un stagiaire d’occuper le poste d’un salarié <a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=CDE8CADEAA962BAE7F142941841196FC.tpdila13v_3?idArticle=LEGIARTI000029234119&amp;cidTexte=LEGITEXT000006071191&amp;categorieLien=id&amp;dateTexte=">(le code de l’éducation dans son article Article L124-7 en fait</a>).</p>

  484. 

  485. 

  486. <p><strong>Attendez… quoi ?</strong> OK la pratique est loin d’être nouvelle, mais l’avouer comme ça en toute décontraction dans un article montre à quel point on est allé loin dans l’impunité de ces startups “innovantes”. On reparlera aussi du terme “assumer” le jour où il devra faire face à l’inspection de travail. À n’en pas douter à ce moment là ce sera devenu une “maladresse” ou une “incompréhension” nettement moins assumée.</p>

  487. 

  488. 

  489. <p>Mais c’est pas fini !</p>

  490. 

  491. 

  492. <blockquote><p>Les heures de travail s’enchaînent souvent jusqu’à <strong>une heure avancée de la nuit</strong>. Les projets <strong>doivent être rendus à temps</strong>. (…) D’ailleurs,<strong> on travaille tous les jours, samedi et dimanche compris »</strong>, lance Paul Poupet à ses <strong>employés</strong>, en guise de <strong>rappel</strong>. Un manège qui n’a pas échappé aux voisins, habitués à voir « de la lumière à tous les étages en permanence et les jeunes pianoter sur leurs claviers comme des fous ».</p></blockquote>

  493. 

  494. 

  495. <p>Toujours en toute tranquillité, le patron “rappelle” (amicalement j’espère) à ses employés qu’ils doivent bosser tous les jours, samedi et dimanche compris, car le repos hebdomadaire obligatoire c’est pour les bande-mous de bureaucrates qui veulent étouffer l’innovation. D’ailleurs ça doit être un alinéa incompréhensible de notre code-du-travail-lourd-et-cryptique-qui-fait-rien-qu’à-dégoûter-d’embaucher.</p>

  496. 

  497. 

  498. <blockquote><p>Il est interdit de faire travailler un même salarié plus de six jours par semaine.</p></blockquote>

  499. 

  500. 

  501. <p>Ha ben non c’est assez clair en fait. Mais bon même. (<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=E9C499E9544E11AD1668A98D7E340265.tpdila13v_3?idArticle=LEGIARTI000006902580&amp;cidTexte=LEGITEXT000006072050&amp;categorieLien=id&amp;dateTexte=">Article L3132-1 du code du travail</a>)</p>

  502. 

  503. 

  504. <h3>Sale crypto-socialo-gauchiste, laisse bosser ceux qui veulent le faire et reste dans ton coin à ne rien créer.</h3>

  505. 

  506. 

  507. <p>La tentation va être très forte pour mes lecteurs de l’aile droite des “startups innovantes kinenveulent” de me rétorquer ce genre de chose, c’est pour ça que je vais mettre les choses au clair dès maintenant.</p>

  508. 

  509. <ul>

  510. <li>Travailler sans compter ses heures, c’est cool.</li>

  511. <li>Travailler sur des projets passionnants c’est cool.</li>

  512. <li>Travailler tous les jours de la semaine c’est cool (vous savez quoi on est dimanche et je bosse là).</li>

  513. <li>Se donner pour innover c’est cool.</li>

  514. <li>Travailler sans rétribution immédiate c’est cool.</li>

  515. </ul>

  516. 

  517. 

  518. <p><strong>MAIS…</strong></p>

  519. 

  520. 

  521. <p>Il faut qu’on en retire les fruits. Je n’empêche personne de bosser, je ne critique pas les gens qui veulent se dédier à leur travail, mais il faut que ce soit choisi, assumé, et <strong>SURTOUT</strong> que le bénéfice de ce travail n’aille pas dans la poche d’un autre, qui ne travaillera pas plus que vous (si déjà vous travaillez tard 7/7j, il aura du mal à vous dépasser)</p>

  522. 

  523. 

  524. <p>Prenons ce charmant extrait :</p>

  525. 

  526. 

  527. <blockquote><p>À l’image d’une colocation, tout est fait en commun. « Le rituel du matin, c’est réveil aux alentours de 10 heures, enfin, quand on n’est plus fatigué, chercher les œufs, faire le café et les gaufres », précise-t-il, fier de la double friteuse, « indispensable pour bien travailler ». Le soir, vers 22 heures, tout ce petit monde dîne, assis dans un canapé d’angle situé au fond de la pièce, derrière les écrans d’ordinateurs, les fers à souder et les enceintes connectées.</p></blockquote>

  528. 

  529. 

  530. <p>L’ambiance a l’air cool et détendue, on partage tout… sauf les revenus apparemment.</p>

  531. 

  532. 

  533. <blockquote><p>Mais si la maison rappelle une auberge espagnole, et bien que tous se tutoient et se baladent pieds nus, l’ambiance est studieuse.</p></blockquote>

  534. 

  535. 

  536. <p>Toute cette belle ambiance ne vaut que si on travaille. On reste copains, mais pas trop non plus, il faut donner de sa personne quand les projets client tombent.</p>

  537. 

  538. 

  539. <h4>Redistribution</h4>

  540. 

  541. 

  542. <p>Car le nœud du problème est là. Toutes ses entreprises sont hyper innovantes quand il s’agit de disrupter la terre entière ou d’uberiser le boulot des autres, mais quand il s’agit de faire de l’argent on revient aux bonnes vieilles recettes : On fait travailler la main d’œuvre la moins coûteuse et la plus qualifiée disponible sur le marché (ici des stagiaires) et on la paye le moins possible sans leur assurer non plus une sécurité de l’emploi (toute relative).</p>

  543. 

  544. 

  545. <p>Sur ce volet, nos chères entreprises innovantes ont su connaitre leurs limites et admettre que le vieux modèle exploitant/exploité à la papa, ça peut parfois être pas mal. C’est vrai quoi, on ne va pas non plus TOUT révolutionner.</p>

  546. 

  547. 

  548. <p>D’ailleurs je parie que vilipender les lourdeurs administratives de ce vieux pays qu’est la France ne les empêchera pas de toucher deci-dela des aides bien interventionnistes comme le CIR, mais bon là je suppose que ils sont bien obligés, “sinon ils ne s’en sortent pas”. C’est quand même vachement bien pensé.</p>

  549. 

  550. 

  551. <h4>Investissement et innovation</h4>

  552. 

  553. 

  554. <p>Vous voulez que votre startup soit innovante, vous y croyez à mort, et pourtant vous ne pouvez pas vous empêcher de ne pas investir dedans. Oui vous allez investir l’argent de papa et maman, ou 20000€ de prêt bancaire, mais ensuite vous allez vous reposer sur un montant équivalent (ou souvent supérieur) de main d’œuvre gratuite.</p>

  555. 

  556. 

  557. <p>En quoi un étudiant de dernière année devrait “investir” dans votre startup en donnant sa force de travail ? Investir est bien entre guillemet car il n’obtiendra qu’un bien léger retour sur investissement.</p>

  558. 

  559. 

  560. <h3>Et surtout, surtout, surtout… Vous ne “hackez” rien, vous ne “révolutionnez” rien. Fermez bien vos gueules.</h3>

  561. 

  562. 

  563. <p>Le pire dans ce genre d’entreprise (à part d’exploiter des gens s’entend) c’est de faire passer tout ça pour hyper cool et moderne, alors qu’on retourne doucement vers Germinal. Le titre de l’article parle de “craquer les codes de l’entreprise”, alors que la seule chose sur laquelle ils ont craqué, c’est le code du travail.</p>

  564. 

  565. 

  566. <h4>Tous complices</h4>

  567. 

  568. 

  569. <p>Le problème est que les journalistes présentent TOUJOURS ces entreprises comme étant révolutionnaires, sans se poser une seule question. Il ne se passe pas un jour sans qu’un journaliste en mal de sensations business fasse un article cire-pompe sur la dernière “startup” en vogue en s’extasiant sur son modèle sans une once d’esprit critique</p>

  570. 

  571. 

  572. <p>Les politiques de leur coté sont tétanisés par la peur de passer pour des gros has-been et de tuer une superbe innovation dans l’œuf. Ils <a href="/post/2014/07/19/Contre-le-travail-gratuit%2C-rencontre-avec-Axelle-Lemaire%2C-Secr%C3%A9taire-d-%C3%89tat-au-num%C3%A9rique.">vont donc s’empresser d’aller serrer la main des fondateurs</a> pour les photos sans se poser de question sur leur modèle.</p>

  573. 

  574. 

  575. <p>Il faut dire que ces entrepreneurs sont très fort pour brandir la menace de la mort de l’innovation française et faire du chantage à l’emploi, même si ils n’emploient personne.</p>

  576. 

  577. 

  578. <p>Le mot “startup” donne un espèce de totem d’immunité qui va faire que les journalistes auront trop peur de vous critiquer et les politiques trop peur de se questionner, et on se retrouve dans la situation des “<a href="https://fr.wikipedia.org/wiki/Les_Habits_neufs_de_l%27empereur">habits neufs de l’empereur</a>” où tout le monde est tellement dedans que personne n’ose dire qu’ils ont du vent en face d’eux. On préfère attendre la bulle patiemment.</p>

  579. 

  580. 

  581. <p>Comme le disait très justement <a href="https://www.youtube.com/watch?v=_iEEC8TlPuA">le grand poète Serge Benamou</a> il y a déjà presque 20 ans :</p>

  582. 

  583. 

  584. <blockquote><p>La start-up c’est un mot magique. Tu dis ça, on t’ouvre le coffre et en plus on t’lèche le zboub !</p></blockquote>

  585. 

  586. 

  587. <p><a href="http://www.frenchtech.co/a-propos">Je veux des entreprises en France</a>. Mais des vraies. Pas des guignols qui se disent entrepreneurs et font croire qu’ils sont obligés de tricher ou exploiter des gens pour exister.</p>

  588. 

  589. 

  590. <p>En bref…</p>

  591. 

  592. 

  593. <h3>Startups de merde, vous devriez avoir honte.</h3>

  594. 

  595. 

  596. <p>Car vous n’êtes rien pour le pays, rien pour l’écosystème, rien pour les gens qui travaillent pour vous, et vous ne participez surement pas à faire de ce monde “un endroit meilleur”.</p>

  597. 

  598. 

  599. <hr/>

  600. 

  601. <p><strong>Edit :</strong> Vous trouverez <a href="http://www.lepostillon.org/J-ai-rencontre-Ceuxquifont-de-la.html">ici le Storify de mes tweets du début de l’après-midi</a> pour ceux qui voudraient les lire.</p></div>

  602.   </article>

  603. </section>

  604. 

  605. 

  606. <nav id="jumpto">

  607.   <p>

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

  609.     <a href="http://mariejulien.com/post/2016/05/22/Startups-de-merde%2C-vous-devriez-avoir-honte">Source originale</a> |

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

  611.   </p>

  612. </nav>

  613. 

  614. <footer>

  615.   <div>

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

  617.     <p>

  618.       Bonjour/Hi!

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

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

  621.     </p>

  622.     <p>

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

  624.     </p>

  625.     

  626.     <p>

  627.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  644.     </p>

  645.     <p>

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

  647.     </p>

  648.     <p>

  649.       Je ne traque pas ta navigation mais mon

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

  651.       conserve des logs d’accès.

  652.     </p>

  653.   </div>

  654. </footer>

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

  656.   ;(_ => {

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

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

  659.       e.preventDefault()

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

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

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

  663.     })

  664.   })()

  665. </script>