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

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Don’t Follow Your Passion: Career Advice for Recent Graduates (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://a16z.com/2015/05/28/some-career-advice-for-all-you-recent-graduates/">
  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. Don’t Follow Your Passion: Career Advice for Recent Graduates (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://a16z.com/2015/05/28/some-career-advice-for-all-you-recent-graduates/">Source originale du contenu</a></h3>
  445. <p><strong>TRANSCRIPT</strong></p>
  446. <p>So first of all, thank you, Class of 2015, for inviting me to speak. It’s such a great honor and when I got the invitation I started thinking back to when I was in Columbia and I remember getting to Columbia and I was immediately stressed out, because I realized that I now had to figure out, at some point, what I was going to do with my life. That was super scary. Some of you might be going through that now a little bit, (but not to bring that up or anything.)</p>
  447. <p>I remember when I got the first clue of what I might do, I was taking a class over in the Mudd Building, which somebody was telling me today is a great building if you like prisons and Catholic school. I was in this class and they were talking about this guy, Alan Turing and they were talking about how he had proven that if you built a machine, that he called a Turing Machine, it was theoretically impossible to build a machine that was computationally more powerful. It just melted my mind when I heard it, because I couldn’t even imagine what he was talking about, because it was 1984 and you have to remember 1984 computers weren’t even really a thing.</p>
  448. <p>So the idea of a machine that could do anything was just so farfetched, because all of our machines were just special-purpose machines, like for doing math. Your parents will remember it’s called a calculator. And then we had one machine for word processing called a typewriter and we even had one for video called a television set. And so the idea of, okay, now you’re gonna have the machine that can do absolutely anything and this guy had figured that out 40 years previously — I didn’t even know it was possible. I had no idea, it was like this secret to the universe in which they were saying, “Oh, here, there is a machine that’s limitless and you can do anything on it.” And I was just thought: “No way.” Translate, español, no way Jose. For the parents, that’s a Kanye West reference.</p>
  449. <p>That point in my life was like, for those of you who are Phineas and Ferb fans, it was like that time when Phineas goes, “I know what I’m gonna do today. ” I’m gonna major in computer science. And so I ran over to (Carmen) and I was just so excited to tell my friends. I was, like, man, they’re gonna be just like so fired up for me, I figured it out. I’m not gonna be stressed anymore: “Guys, I’m gonna major in computer science.” And one of my friends said, “Wow, that’s the stupidest thing I’ve ever heard.” And said: “Why?” He said, “Look, you’re at Columbia University. That’s like a trade. You could learn that at DeVry. They’ll teach you how to build computers, fix them, program them. Here you should major in something real.” And I was just thinking to myself: “I’m talking about a limitless machine. You’re talking about a washing machine.” I was completely frustrated, I couldn’t really explain to him why, but it was at that point, at my height of frustration that I learned the most valuable lesson that I learned at Columbia, which is: Don’t listen to your friends. Think for yourself.</p>
  450. <p>Thinking for yourself sounds both simple and trivial, but in reality it’s extremely difficult and it’s profound and here is why. As human beings, we want to be liked. It’s anthropological. If people didn’t like you in caveman days, they would just eat you. So you really have a natural built in instinct to want to be liked and the easiest way to be liked is to tell people what they want to hear.</p>
  451. <p>And you know what everybody wants to hear? What they already believe to be true. And so the last thing they want to hear is an original idea that contradicts their belief system. So it’s very hard to even bring that kind of stuff up. But those are the things; those are the only things — things that YOU believe, that everybody around you doesn’t believe — that when you’re right that create real value in the world. Everything else people already know. There is no value created. It’s just business as usual. So it’s so important to think for yourself.</p>
  452. <p>I see this in my business every day. My business is that I fund people who have companies. Some of you probably have company ideas and you might come to me and say, “I’ve got an idea.” The biggest thing that I’ll look for when you come to with an idea is, have you thought for yourself? Is it something that you know that nobody else knows? Or is it something that everybody knows?</p>
  453. <p>Let me give you an example. Let’s say you come to me and say, “Hey, I’ve got an idea to make batteries and cell phones last longer.” I would react, “Well, that’s a pretty good idea, but I’m not gonna fund it, because everybody thinks that’s a good idea.” And because everybody think that’s a good idea, companies like Google and Apple and Samsung with tons of resources will just build that. So it’s not really a new value creation for a new person.</p>
  454. <p>Contrast that with an idea that came to me about five years ago. A young man by the name of Brian Chesky came up to me and had this idea that he was going to have an air mattress in his apartment that he rented to people. It would be an air bed and breakfast and I immediately thought: wow, that’s a horrible, horrible idea. Who would want to rent an air mattress out to somebody’s apartment like probably a serial killer?</p>
  455. <p>But Brian had a secret and his secret: and that was he had run the experiment. He had actually tried his idea and a whole lot of people wanted to rent that air mattress and they weren’t serial killers. Beyond that, he went and he studied the history of hotel chains and he found out hotel chains were a relatively new concept. That before hotel chains, people stayed at inns and bed and breakfasts. And that the problem with inns and bed and breakfast were, they were like a box of chocolates. You had no idea what you were going to get — one day you might have something good and the other day you might have marzipan cherry or some weird stuff.</p>
  456. <p>So, he though, with the internet, we can make every one of those little chocolates in the box transparent and you can know what you’re getting. And then you’d get all the greatness of the bed and breakfast and all the goodness of the hotel chain all in one. And he had figured out that secret and it was an interesting secret, because it wasn’t something everybody knew. Or it was something that probably everybody in the world knew at one point, but they had all forgotten. Everybody had forgot why we had hotels. And today? I think they rent more nights every night in New York than Hilton Hotel. Just five years ago and it was all based on him believing something that nobody else believed.</p>
  457. <p>So in that spirit, what I’d like to give is a few unconventional graduation thoughts and I’m titling them, “Do Not Follow Your Passion and the World is Not Going to Hell in a Handbasket and the Class of 2015 is Not Required to Save it.”  I told you it wasn’t going to be conventional. Don’t follow your passion.</p>
  458. <p>Now, you’re probably thinking, “That’s a really dumb idea.” Because if you poll 1,000 people who are successful they’ll all say that they love what they do. And so the broad conclusion of the world is that if you do what you love, then you’ll be successful. But we’re engineers and we know that that might be true. But it also might be the case that if you’re successful, you love what you do. You just love being successful and everybody loves you. It’s awesome.</p>
  459. <p>So which one is it?</p>
  460. <p>Well, I think to figure it out, you have to go back in time. You have to back off when you were successful to right now when you’re graduating as the Class of 2015. And the first tricky thing about passions are they’re hard to prioritize. Which passion is it? Are you more passionate about math or engineering? Are you more passionate about history or literature? Are you more passionate about video games or K-pop? These are tough decisions. How do you even know? On the other hand, what are you good at? Are you better at math or writing? That’s a much easier thing to figure out.</p>
  461. <p>The second thing that’s tricky if you’re going forward in time with this follow your passion idea is that what you’re passionate about at 21 is not necessarily what you’re gonna be passionate about at 40. Now, this is true for boyfriends as well as career choices.</p>
  462. <p>The third issue with following your passion is you’re not necessarily good at your passion. Has anybody ever watched American Idol? You know what I’m talking about. Just because you love singing doesn’t mean you should be a professional singer.</p>
  463. <p>Finally and most importantly, following your passion is a very “me”-centered view of the world. When you go through life, what you’ll find is what you take out of the world over time — be it money, cars, stuff, accolades — is much less important than what you’ve put into the world. So my recommendation would be follow your contribution. Find the thing that you’re great at, put that into the world, contribute to others, help the world be better and that is the thing to follow.</p>
  464. <p>Now, speaking of the world, this is generally the point in a graduation speech where I should say, “The Class of 2015 faces unprecedented challenges. There is ISIS. There is global warming. It sucks.” Don’t get me started on congressional gridlock. And I think all those are true, but what’s remarkable from a historical standpoint about this time in the world, to me, are not the unprecedented challenges; it’s the unprecedented opportunities.</p>
  465. <p>Let me talk quickly about the state of the world.</p>
  466. <p>The number of people living in extreme poverty today is the lowest in the history of the world and one-fifth of what it was in 1900. Child labor is in steep decline and fell one-third between 2000 and 2012. Compared to the late 19<sup>th</sup> Century, the number of hours that one has to work has fallen roughly in half. The percent of income spent on food has fallen in half since 1960. Life expectancy has increased six years between 1990 and 2012. Child mortality has fallen in half since 1990. People are getting taller, which is a measure of nutrition. People have grown more in the last 100 years than in the previous 2,000. Speaking of ISIS, worldwide battlefield deaths are down twentyfold since the 40s. The homicide rate in the U.S. is down half since the late 70s, violent crime is one-third of what it was in 1976. The global supply of nuclear weapons is down nearly fivefold since 1990 and in 2014 was the first year in 40 that carbon emissions were flat.</p>
  467. <p>So it’s not that bad.</p>
  468. <p>But the biggest opportunity is one that we’ve only begun to measure and to explain this, I’d like to go back to when your parents and I were in college, because when we were in college, and they may have told you this, and it may have scared you, we didn’t have the internet. There was no internet. And so if we had an idea Brian Chesky had an idea, and we wanted to find out about it, we couldn’t Google it.</p>
  469. <p>But we did have a search engine. It was a different kind of technology. It was called a library and it kind of sucked. There is actually an old search engine behind me; I’m looking at it there. But it kind of sucked because, one, you couldn’t access it from your dorm room, because it wasn’t even in cyberspace. It was in, well, actual space. And you had to walk over there and then, and you had to bring your credentials or they wouldn’t even let you in. There was no logged out user experience.</p>
  470. <p>And it was based on this really weird tech that was invented a long time ago called the Dewey Decimal System. And this tech was so old, Dewey was named after the guy Dewey who invented it. But to make it seem high tech, they said it’s a decimal system: “This is so high tech, we’re using numbers, dude.” And not just integers, the decimal system! The user interface to it was so bad, it was called a card catalog, they had to train you to use it. You couldn’t just go in and use it. You needed hours and hours of classroom training.</p>
  471. <p>The net result of this was that looking stuff up was very discouraging, because you couldn’t look it up in milliseconds, it took hours, and that’s if you were a Columbia student, right? Even if you had a good library like Butler, it would take you hours to look things up, so it was very discouraging.</p>
  472. <p>Maybe if Brian Chesky was born then he would just have said, “Forget this, I’m going to Taco Bell. I’m not figuring out where hotels came from.” But think about it, that’s for a Columbia student. Even worse for like a student who didn’t go to Columbia and didn’t have access to as good a library and, you might not even have that book in the library.</p>
  473. <p>Or even more so, imagine if you grew up in Bangladesh or Sudan and you had all kinds of great ideas, you had no access, no search engine at all, no way to contribute your original ideas to the world.</p>
  474. <p>But then we fast forward to where we are now and everybody who has a smart phone, which is pretty soon going to be everybody in the world has the Library of Congress in their pocket. That means a girl growing up in Bangladesh now has a better library than a student at Columbia or Harvard had 20 years ago.</p>
  475. <p>What might her idea be? What might she contribute?</p>
  476. <p>Well, I think that’s going be a lot up to you, because the world still isn’t flat. There are issues. There are issues with power and issues with water and issues with food and issues with equal rights. But if you contribute, if you put your contribution into the world, if you think for yourself, then I believe that you will be the greatest generation. Because when we look back 50 years from now, 100 years from now, 500 years from now, you will be the generation that unlocked human potential.</p>
  477. <p>So congratulations Columbia Class of 2015 and thank you for inviting me.</p>
  478. </article>
  479. </section>
  480. <nav id="jumpto">
  481. <p>
  482. <a href="/david/blog/">Accueil du blog</a> |
  483. <a href="http://a16z.com/2015/05/28/some-career-advice-for-all-you-recent-graduates/">Source originale</a> |
  484. <a href="/david/stream/2019/">Accueil du flux</a>
  485. </p>
  486. </nav>
  487. <footer>
  488. <div>
  489. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  490. <p>
  491. Bonjour/Hi!
  492. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  493. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  494. </p>
  495. <p>
  496. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  497. </p>
  498. <p>
  499. Voici quelques articles choisis :
  500. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  501. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  502. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  503. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  504. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  505. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  506. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  507. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  508. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  509. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  510. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  511. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  512. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  513. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  514. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  515. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  516. </p>
  517. <p>
  518. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  519. </p>
  520. <p>
  521. Je ne traque pas ta navigation mais mon
  522. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  523. conserve des logs d’accès.
  524. </p>
  525. </div>
  526. </footer>
  527. <script type="text/javascript">
  528. ;(_ => {
  529. const jumper = document.getElementById('jumper')
  530. jumper.addEventListener('click', e => {
  531. e.preventDefault()
  532. const anchor = e.target.getAttribute('href')
  533. const targetEl = document.getElementById(anchor.substring(1))
  534. targetEl.scrollIntoView({behavior: 'smooth'})
  535. })
  536. })()
  537. </script>