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.md 13KB

5 lat temu
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. title: La veille techno pour les vieux croûtons
  2. url: http://www.miximum.fr/veille-techno-vieux-croutons-paris-web-2015.html
  3. hash_url: 4fd35801d8195634b11ecc083becb1f1
  4. <p>Voici la transcription de la conférence « La veille techno pour les vieux
  5. croûtons » que <a href="http://www.miximum.fr/compte-rendu-paris-web-2015.html">j'ai eu le grand plaisir de donner à Paris Web
  6. 2015</a>.</p>
  7. <figure class="full align-center">
  8. <img alt="Saint Jérôme écrivant, tableau de Caravage" class="full shadow"
  9. src="http://i.miximum.fr/i/2015/10/TUM4VFT4OB.jpg" />
  10. <figcaption>
  11. <i>Développeur Cobol corrigeant un bug css sur le site de la Banque Postale</i> — Caravage
  12. </figcaption>
  13. </figure>
  14. <h2>Intro</h2>
  15. <p>Une nuit, en 2014, j'ai fait un cauchemar. J'ai rêvé que j'étais dans une pièce
  16. sans fenêtre, vouté sur mon clavier, couvert d'une couche de poussière
  17. fossilisée, et je corrigeais des bugs sur des applications en COBOL pour le
  18. compte de l'industrie financière. Je me suis réveillé en sursaut et c'est là
  19. que j'ai pris conscience que je m'étais transformé, en quelques mois,
  20. insidieusement, en vieux croûton du Web.</p>
  21. <h2>Les vieux croûtons</h2>
  22. <figure class="full align-center">
  23. <img alt="Tableau représentant Diogène par Trutovskiy Konstantin Na Senovale" class="full border shadow"
  24. src="http://i.miximum.fr/i/2015/10/QZ8GBGAO5U.jpg" />
  25. <figcaption>
  26. <i>Directeur technique refusant à l'équipe la migration de cvs à git</i> — Trutovskiy Konstantin Na senovale
  27. </figcaption>
  28. </figure>
  29. <p>Alors qu'est-ce que j'entends par « vieux croûton » ? Une vieille croûtonne ou
  30. un vieux croûton est une personne qui a laissé ses compétences devenir
  31. obsolètes. Par exemple, c'est la personne qui refuse d'entendre qu'utiliser les
  32. tableaux pour faire sa mise en page, ce n'est peut-être pas le top, ou que les
  33. pages d'intro en flash, ce n'est peut-être pas une super idée. On en connait
  34. tous.</p>
  35. <p>Dans « vieux croûton », il y a vieux. C'est pour ça que je suis obligé de
  36. préciser que ce n'est absolument pas une question d'âge. Refusons de sombrer
  37. dans le jeunisme primaire. On peut être un jeune vieux croûton. À l'inverse, on
  38. peut avoir n'importe quel âge et ne pas être un vieux croûton. Être un vieux
  39. croûton, ce n'est pas une question d'âge, c'est une question d'attitude
  40. mentale.</p>
  41. <p>Le vieux croûton, c'est celui qui ne veut pas changer, qui s'accroche à ses
  42. vieilles habitudes, à ses vieux outils, à ses vieilles méthodes de travail. Qui
  43. pense qu'il a appris une fois, maintenant <em>il sait</em>.</p>
  44. <p>Il existe deux catégories de vieux croûtons. D'abord, il y a le vieux croûton
  45. qui n'assume pas, comme moi. C'est celui qui est conscient de sa condition, qui
  46. a un peu honte, et qui est triste, parce qu'il se sent comme une sous-merde en
  47. sortant des conférences de Christophe Porteneuve.</p>
  48. <p>L'autre catégorie, c'est ceux qui assument <em>à mort</em> : en général, ils finissent
  49. directeurs techniques, et ils font chier toute l'équipe en les forçant à
  50. utiliser cvs.</p>
  51. <h2>La veille techno</h2>
  52. <p>Le proverbe dit qu'une scie qui ne s'affûte s'émousse. Si on traduit ça au Web,
  53. un des antidotes à la vieucroûtonnitude c'est la veille techno.</p>
  54. <p>Tester les nouvelles librairies ; jouer avec le dernier framework à la mode ;
  55. se maintenir à jour sur l'actualité des standards ; bidouiller avec les
  56. dernières apis, etc. Toujours se remettre en question, toujours maintenir ses
  57. compétences à niveau. Le développeur, s'il s'affûte sans cesse sciera sans
  58. soucis.</p>
  59. <h2>Le burnout</h2>
  60. <figure class="full align-center">
  61. <img alt="Jael et Sisera, tableau par Artemisia" class="full border shadow"
  62. src="http://i.miximum.fr/i/2015/10/294VLVUZF4.jpg" />
  63. <figcaption>
  64. <i>Documentation de Node.js. Allégorie.</i> — Artemisia
  65. </figcaption>
  66. </figure>
  67. <p>Jusqu'à maintenant, je pratiquais la veille techno sans trop y penser, c'était
  68. plutôt naturel. Dès qu'un nouveau truc sortait, c'était « oh, un nouveau
  69. framework javascript », et je passais un week-end à le tester en bidouillant un
  70. petit projet perso. Et puis en 2014, je me suis rendu compte que mon attitude
  71. avait changé.</p>
  72. <p>Au lieu de voir la veille techno comme un truc fun, c'était devenu un gros
  73. rouleau compresseur qui avançait derrière moi. Vous savez, un peu comme quand
  74. vous voyez votre évier se remplir petit à petit, et que vous avez de moins en
  75. moins envie de vous y mettre.</p>
  76. <p>Et j'en suis arrivé au point ou j'ai saturé, j'ai tout envoyé valser. J'ai pris
  77. tout ce qu'il y avait dans l'évier, je l'ai mis à la poubelle, et j'ai acheté
  78. de la vaisselle en plastique. Métaphoriquement, j'entends, hein ?! En gros,
  79. j'ai arrêté complètement la veille, j'étais devenu allergique à tout ce qui
  80. ressemblait de près ou de loin à un article technique.</p>
  81. <p>Et ça m'a tellement dégoûté que je n'avais même plus envie de travailler,
  82. j'étais à deux doigts d'appeler mes clients pour leur dire d'arrêter de me
  83. faire scier.</p>
  84. <h2>Petite séance d'introspection</h2>
  85. <figure class="full align-center">
  86. <img alt="La Sieste, tableau de Van Gogh" class="full border shadow"
  87. src="http://i.miximum.fr/i/2015/10/BKWI2KGVQW.jpg" />
  88. <figcaption>
  89. <i>Équipe de développement pendant un DDoS sur Github</i> — Van Gogh
  90. </figcaption>
  91. </figure>
  92. <p>J'ai fini par me demander comment j'en étais arrivé là. Et j'en suis arrivé à
  93. la conclusion que la veille techno c'était 1) extrêmement chronophage, et 2)
  94. répétitif et chiant à mourir.</p>
  95. <p>Pourquoi c'est chronophage ? Parce que dans le Web, tout change <em>très vite</em> ;
  96. et <em>tout</em> change très vite. Si on veut se tenir à la pointe sur les nouveaux
  97. outils, les méthodes, les langages, les frameworks, les apis, les standards,
  98. les pratiques, etc. ça prend un temps considérable. D'ailleurs, une personne
  99. qui travaille dans le Web, c'est un peu comme un bûcheron : si elle veut rester
  100. utile, de temps en temps, il faut qu'elle change de branche.</p>
  101. <p>Pourquoi c'est répétitif ? Je me souviens qu'à une époque, j'ai eu l'impression
  102. d'être Bill Murray dans le Jour de la Marmotte, et de vivre la même journée en
  103. boucle, encore et encore. Le matin, c'était l'annonce de la sortie du nouveau
  104. framework en js. L'après-midi, c'était l'annonce de la sortie du nouveau task
  105. manager en js. Se palucher la doc du 15e framework de l'année, qui fait la même
  106. chose que tous les autres, pour les moins monomaniaques d'entre nous, c'est un
  107. tout petit peu chiant, en fait.</p>
  108. <h2>Ma recherche de solution</h2>
  109. <figure class="full align-center">
  110. <img alt="Autoportrait, tableau de Courbet" class="full border shadow"
  111. src="http://i.miximum.fr/i/2015/10/ULIJDBW5PQ.jpg" />
  112. <figcaption>
  113. <i>Intégrateur tentant de comprendre l'API Appcache — Courbet</i>
  114. </figcaption>
  115. </figure>
  116. <p>Finalement, après quelques mois à me complaire dans mon attitude de vieux
  117. croûton, je me suis dit qu'il n'était pas possible que je continue comme ça, et
  118. qu'il fallait faire quelque chose. Après avoir un peu réfléchi à la question,
  119. j'ai décidé de faire trois choses.</p>
  120. <ul>
  121. <li>Zéroièmement : arrêter de culpabiliser de n'être pas 100% à la pointe.</li>
  122. <li>Premièrement : avoir une veille techno plus efficace.</li>
  123. <li>Deuxièmement : avoir une veille techno plus enrichissante.</li>
  124. </ul>
  125. <h2>Se débarrasser de la culpabilité</h2>
  126. <figure class="full align-center">
  127. <img alt="La naissance de Venus, tableau de Botticelli" class="full border shadow"
  128. src="http://i.miximum.fr/i/2015/10/HHNXBDZ68N.jpg" />
  129. <figcaption>
  130. <i>Discours d'ouverture par la présidente de Cap d'Agde Web</i> — Botticelli
  131. </figcaption>
  132. </figure>
  133. <p>Quelle est ma valeur ajoutée, qu'attendent de moi mes clients, qu'est-ce que je
  134. dois faire pour bien faire mon boulot ? Avoir une bonne vision de l'écosystème
  135. numérique, et proposer des solutions pertinentes en fonction du contexte. Je
  136. n'ai pas besoin de tout savoir pour être un bon professionnel.</p>
  137. <p>J'avais tendance à culpabiliser de ne pas utiliser les dernières technos, les
  138. dernières apis, etc. J'ai appris à lâcher prise là dessus. Des fois, je monte
  139. des projets, je n'utilise que des technos chiantes qui ont plus de cinq ans. Ne
  140. le dites pas à mes clients. Les projets sont super stables !</p>
  141. <p>Je ne dit pas qu'il ne faut plus utiliser de trucs modernes. Mais je me suis
  142. débarrassé du poids de la culpabilité ; maintenant, quand je décide de
  143. consacrer mon week-end à faire une rando, j'en profite mieux.</p>
  144. <h2>Rechercher l'efficacité pour y consacrer moins de temps</h2>
  145. <figure class="full align-center">
  146. <img alt="La leçon d'anatomie du Dr Tulp, tableau de Rembrandt" class="full border shadow"
  147. src="http://i.miximum.fr/i/2015/10/6ZVPZVH9O4.jpg" />
  148. <figcaption>
  149. <i>Autopsie d'une victime d'overdose de Javascript</i> — Rembrandt
  150. </figcaption>
  151. </figure>
  152. <p>Malgré tout, la veille techno reste essentielle. Comment faire pour y consacrer
  153. moins de temps ?</p>
  154. <p>Je pense que la manière la plus efficace de se maintenir à jour, ce n'est pas
  155. de tester une techno directement, par exemple sur un projet perso, c'est
  156. d'aller chercher des retours d'expériences.</p>
  157. <p>Parce que d'abord, un petit projet perso n'est pas représentatif des conditions
  158. d'un vrai projet. Et surtout, ce qui nous intéresse, ce ne sont pas les détails
  159. d'implémentation du truc. Ce qu'on veut savoir c'est :</p>
  160. <ul>
  161. <li>quels sont les cas d'utilisation pertinents de cette techno ?</li>
  162. <li>quels sont les avantages et les inconvénients par rapport à une techno X ?</li>
  163. <li>qu'est-ce que je vais y gagner ?</li>
  164. <li>quels problèmes je vais rencontrer ?</li>
  165. <li>est-ce que la techno est maintenue correctement ?</li>
  166. <li>etc.</li>
  167. </ul>
  168. <p>En allant parler cinq minutes à des gens qui ont mis en œuvre la techno sur des
  169. vrais projets, on sait déjà si c'est une techno qui mérite qu'on s'y attarde ou
  170. pas.</p>
  171. <p>Ce que j'essaye de faire aussi, c'est cibler ma veille. Il y a beaucoup
  172. d'effets de mode, des technos qui débarquent, brillent pendant un an, et
  173. disparaissent. Investir du temps dans ce genre de truc, ça me fait chier. Ce
  174. qui m'intéresse, ce sont les technos utiles et matures.</p>
  175. <p>Une techno mature, c'est une techno qui a vécu. C'est à dire qu'elle est
  176. stable, qu'il y a de la doc, et que les cas d'utilisation sont bien compris et
  177. bien référencés. Parce qu'il y a des technos qui apparaissent, qui ont une
  178. utilité, mais qui sont utilisées à tort et à travers uniquement parce qu'elles
  179. sont à la mode. NoSQL, vous vous rappelez ? En s'attachant à bien comprendre
  180. les cas d'utilisation d'une techno, on évite ce genre d'écueil.</p>
  181. <p>En ciblant sa veille, on gagne du temps.</p>
  182. <h2>Retrouver le fun</h2>
  183. <figure class="full align-center">
  184. <img alt="La persistance de la mémoire, tableau de Dali" class="full border shadow"
  185. src="http://i.miximum.fr/i/2015/10/1RYE7TXF4Q.jpg" />
  186. <figcaption>
  187. <i>Anatomie d'un projet Ruby On Rails</i> — Dali
  188. </figcaption>
  189. </figure>
  190. <p>À mon avis le plus important. J'essaye de faire en sorte de garder une veille
  191. techno enrichissante.</p>
  192. <p>Quand je m'attarde sur une techno, ça va être soit 1) parce que je sais que je
  193. vais pouvoir la mettre en œuvre immédiatement ou 2) parce qu'elle va me
  194. permettre d'aborder de nouveau concepts ou de nouvelles idées, et donc de
  195. m'ouvrir l'esprit.</p>
  196. <p>Passer une soirée à étudier un n-ième framework js, ça n'a pour moi strictement
  197. aucun intérêt. Par contre, étudier un truc totalement différent de ce que je
  198. fais d'habitude, là c'est intéressant.</p>
  199. <p>Vous connaissez la blague, un chercheur, c'est quelqu'un qui étudie de plus en
  200. plus en détail un domaine de plus en plus réduit ; par conséquent, un
  201. spécialiste est quelqu'un qui connait tout sur rien.</p>
  202. <p>Pourtant on sait que c'est comme ça que nait l'innovation : en combinant des
  203. idées qui à la base n'ont pas de lien direct entre elles. Donc plus on s'ouvre
  204. à des idées et concepts divers et variés, plus on va s'enrichir et plus on va
  205. s'ouvrir des portes pour trouver des solutions innovantes aux problèmes du
  206. quotidien.</p>
  207. <p>Il y a des tas de domaines qui ne me sont pas directement utiles au quotidien :
  208. Android, Bitcoin, la cryptographie, l'électronique, le <em>machine learning</em>…</p>
  209. <p>Une veille techno intéressante, c'est une veille techno qui reste fun.</p>
  210. <h2>Conclusion</h2>
  211. <figure class="full align-center">
  212. <img alt="La danse, tableau de Matisse" class="full border shadow"
  213. src="http://i.miximum.fr/i/2015/10/E47KZHZ26M.jpg" />
  214. <figcaption>
  215. <i>Équipe projet au retour de Paris Web</i> — Matisse
  216. </figcaption>
  217. </figure>
  218. <p>Je n'ai plus de temps et ça tombe bien car j'arrive à la fin.</p>
  219. <p>Finalement, un vieux croûton, ce n'est pas quelqu'un qui est trop âgé, c'est
  220. quelqu'un qui ne veut plus apprendre.</p>
  221. <p>J'ai longtemps cru que la veille techno était la solution pour ne pas devenir
  222. un vieux croûton. Finalement je me suis aperçu que, de manière très ironique,
  223. c'est ma veille techno, parce que je l'ai mal pratiqué, qui m'a amené à me
  224. transformer en vieux croûton.</p>
  225. <p>Il y a des solutions, pour se maintenir à jour tout en gardant une vie à côté.
  226. Mais surtout, il faut être conscient que, années après années, garder le
  227. plaisir qu'on a à pratiquer notre métier demande un effort conscient.</p>