davidbgk
/
larlet-fr-david
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Släpp 0 Aktiviteter
Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
828 Incheckningar
1 Gren
Träd: 0f01e1947d
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '0f01e1947d'
${ noResults }
larlet-fr-david/david/2024/opensource/index.html

index.html 40KB
Rå Blame Historik

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` element

  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,initial-scale=1">

  11.   <!-- Required to make a valid HTML5 document. -->

  12.   <title>

  13.     Étiquette #opensource

  14.   — David Larlet</title>

  15.   <meta name="description" content="Publications relatives au tag #opensource">

  16.   <!-- That good ol' feed, subscribe :). -->

  17.   <link rel="alternate"

  18.         type="application/atom+xml"

  19.         title="Feed"

  20.         href="/david/log/">

  21.   <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  22.   <link rel="apple-touch-icon"

  23.         sizes="180x180"

  24.         href="/static/david/icons2/apple-touch-icon.png">

  25.   <link rel="icon"

  26.         type="image/png"

  27.         sizes="32x32"

  28.         href="/static/david/icons2/favicon-32x32.png">

  29.   <link rel="icon"

  30.         type="image/png"

  31.         sizes="16x16"

  32.         href="/static/david/icons2/favicon-16x16.png">

  33.   <link rel="manifest" href="/static/david/icons2/site.webmanifest">

  34.   <link rel="mask-icon"

  35.         href="/static/david/icons2/safari-pinned-tab.svg"

  36.         color="#07486c">

  37.   <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">

  38.   <meta name="msapplication-TileColor" content="#f7f7f7">

  39.   <meta name="msapplication-config"

  40.         content="/static/david/icons2/browserconfig.xml">

  41.   <meta name="theme-color"

  42.         content="#f7f7f7"

  43.         media="(prefers-color-scheme: light)">

  44.   <meta name="theme-color"

  45.         content="#272727"

  46.         media="(prefers-color-scheme: dark)">

  47.   <!-- Is that even respected? Retrospectively? What a shAItshow…

  48.   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->

  49.   <meta name="robots" content="noai, noimageai">

  50.   <!-- Documented, feel free to shoot an email. -->

  51.   <link rel="stylesheet" href="/static/david/css/style_2024-02-03.css">

  52.   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->

  53.   <link rel="preload"

  54.         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"

  55.         as="font"

  56.         type="font/woff2"

  57.         media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"

  58.         crossorigin>

  59.   <link rel="preload"

  60.         href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"

  61.         as="font"

  62.         type="font/woff2"

  63.         media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"

  64.         crossorigin>

  65.   <link rel="preload"

  66.         href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"

  67.         as="font"

  68.         type="font/woff2"

  69.         media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"

  70.         crossorigin>

  71.   <link rel="preload"

  72.         href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"

  73.         as="font"

  74.         type="font/woff2"

  75.         media="(prefers-color-scheme: dark)"

  76.         crossorigin>

  77.   <link rel="preload"

  78.         href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"

  79.         as="font"

  80.         type="font/woff2"

  81.         media="(prefers-color-scheme: dark)"

  82.         crossorigin>

  83.   <link rel="preload"

  84.         href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"

  85.         as="font"

  86.         type="font/woff2"

  87.         media="(prefers-color-scheme: dark)"

  88.         crossorigin>

  89.   <script>

  90.     function toggleTheme(themeName) {

  91.       document.documentElement.classList.toggle(

  92.         'forced-dark',

  93.         themeName === 'dark'

  94.       )

  95.       document.documentElement.classList.toggle(

  96.         'forced-light',

  97.         themeName === 'light'

  98.       )

  99.     }

  100.     const selectedTheme = localStorage.getItem('theme')

  101.     if (selectedTheme !== 'undefined') {

  102.       toggleTheme(selectedTheme)

  103.     }

  104.   </script>

  105.   

  106.   <style type="text/css">

  107.     details[open] summary {

  108.       display: none;

  109.     }

  110.   </style>

  111. 

  112.   <body data-instant-intensity="viewport-all">

  113.     <article>

  114.       

  115.   <header>

  116.     <hgroup>

  117.       <h1>#opensource</h1>

  118.       <p>Publications relatives à cette étiquette</p>

  119.     </hgroup>

  120.   </header>

  121.   <nav>

  122.     <p>

  123.       <a href="/david/" title="Aller à l’accueil">

  124.         Accueil</a>

  125.       •

  126.       <a rel="tags"

  127.         href="/david/2024/#tags"

  128.         title="Liste de toutes les étiquettes">

  129.         Étiquettes</a>

  130.       •

  131.       <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>

  132.       •

  133.       <a href="/david/log/" title="Accès au flux RSS">Suivre</a>

  134.     </p>

  135.   </nav>

  136.   

  137.     <h2>

  138.       <a href="/david/2024/02/16/" title="Lien permanent vers cet article">uMap&nbsp;2</a> <time datetime="2024-02-16">16 février 2024</time>

  139.     </h2>

  140.     

  141. 

  142. <blockquote lang="en">

  143. <p>But it’s deeper that that. Open source is <em>good for humanity</em>. It’s only slightly hyperbolic to say that <mark>open source is one of the most notable collective successes</mark> of humankind as a species! It’s one of the few places where essentially all of humanity works together on something that benefits everyone. A world without open source would be substantially worse than the world we live&nbsp;in.</p>

  144. <p><cite><em><a data-link-domain="jacobian.org" href="https://jacobian.org/2024/feb/16/paying-maintainers-is-good/" hreflang="en"

  145.             title="Consultation de l’article (anglais)">Paying people to work on open source is good actually</a>

  146.             <a href="/david/cache/2024/ad0648259b032d4d0e5a9e6220c3c71e/" hreflang="en"

  147.                 data-tippy data-description="If you have a problem with maintainers getting paid then you have a problem with me and I suggest you let that one marinate."

  148.                 data-source="https://jacobian.org/2024/feb/16/paying-maintainers-is-good/"

  149.                 data-date="2024-02-17"

  150.                 data-favicon="https://jacobian.org/favicon.ico"

  151.                 data-domain="jacobian.org"

  152.                 ><svg xmlns="http://www.w3.org/2000/svg"

  153.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  154.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  155.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  156.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  157.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  158.                 </svg>

  159.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  160. </blockquote>

  161. <p>J’ai déjà parlé <a href="/david/2024/01/18/" title="Open-source">d’open-source</a>, de <a href="/david/2024/01/31/" title="Mécénat">mécénat</a>, de <a href="/david/2024/02/09/" title="Version">versions</a>, de <a href="/david/2024/02/15/" title="Licence">licences</a>, mais comment se passe une <em>release</em> de produit&nbsp;open-source&#8239;?</p>

  162. <p>On commence à avoir affiné et <a data-link-domain="docs.umap-project.org" href="https://docs.umap-project.org/en/master/release/">documenté le processus</a>, on a <a data-link-domain="github.com" href="https://github.com/umap-project/umap-deploy-osmfr">des scripts dédiés</a> pour arriver à cela lorsque le moment est venu et nous sommes pour l’instant 2&nbsp;à pouvoir faire cela de bout en bout avec <a data-link-domain="yohanboniface.me" href="https://yohanboniface.me/">Yohan</a>. C’est peu mais c’est aussi +100% par rapport à l’année&nbsp;dernière…</p>

  163. <p>Nous n’étions pas très loin de repousser encore une fois la version&nbsp;2&nbsp;car il y avait un dernier changement majeur à faire passer. Tiraillés, nous avons repoussé cela à une version&nbsp;3&nbsp;quitte à ce qu’elle arrive prochainement. Franchir cette barrière psychologique était important pour la suite. Le faire en visio de bout en bout (comme une bonne partie de nos interactions sur le produit) était enthousiasmant. En bonus, c’était un vendredi&nbsp;après-midi.</p>

  164. <p>Voilà donc <a data-link-domain="docs.umap-project.org" href="https://docs.umap-project.org/en/master/changelog/#200-2024-02-16">un <em>changelog</em></a> déjà bien chargé. Nous nous sommes rendu compte au cours du processus que le versionnement était davantage pertinent pour les mainteneur·euses que pour les utilisateur·ices. Les fonctionnalités sont ajoutées au compte-goutte mais il faut prévenir les personnes qui vont mettre à jour l’outil de ce qui pourrait coincer lors du déploiement. Certains changements ont été volontaires (modules ESM =&gt; support navigateurs), d’autres contraints (fin du support de l’authification OpenStreetMap OAuth1), d’autres subis (Django&nbsp;5 =&gt; Python 3.10). Un beau&nbsp;mélange.</p>

  165. <p>Je ne vais rien annoncer pour une version&nbsp;3&nbsp;car ce serait ajouter une pression inutile et même si on a des intuitions tout est loin d’être priorisé. Dans mes motivations <em>personnelles</em>&nbsp;:</p>

  166. <ul>

  167. <li>aller vers une amélioration de&nbsp;l’accessibilité&#8239;;</li>

  168. <li>voir les <a data-link-domain="blog.notmyidea.org" href="https://blog.notmyidea.org/tag/umap.html">explorations d’Alexis</a> prendre&nbsp;forme&#8239;;</li>

  169. <li>clarifier les lieux de support / documentation en participant&nbsp;davantage.</li>

  170. </ul>

  171. 

  172. <blockquote lang="en">

  173. <p>We have to accept the world as it is – even if it’s not the world we want. This means we have to be okay with the idea that maintainers need to be paid. Far too often I see arguments like: “<mark>maintainers shouldn’t be paid by private companies because the government should be supporting them.</mark>” Sure, this sounds great – but <em>governments aren’t doing this!</em> So this argument reduces to “open source maintainers shouldn’t be paid”. I can’t get on board with&nbsp;that.</p>

  174. <p><cite><em>Ibid.</em></cite></p>

  175. </blockquote>

  176. <p>Étant actuellement payé par l’Agence nationale de la cohésion des territoires pour participer à de l’<em>open-source</em>, je ne peux qu’approuver cette partie de la citation et être heureux de me trouver là où je suis. Les exceptions existent grâce à une conjonction de volontés, de privilèges et de coups de&nbsp;bol.</p>

  177. <a href="#hr-73" title="Lien vers cette section de la page"><hr id="hr-73" /></a>

  178. 

  179. <blockquote lang="en">

  180. <p><a data-link-domain="github.com" href="https://github.com/astral-sh/uv">uv</a> represents a milestone in our pursuit of a “<a data-link-domain="blog.rust-lang.org" href="https://blog.rust-lang.org/2016/05/05/cargo-pillars.html#pillars-of-cargo">Cargo for Python</a>”: a comprehensive Python project and package manager that’s fast, reliable, and easy to&nbsp;use.</p>

  181. <p><cite><em><a data-link-domain="astral.sh" href="https://astral.sh/blog/uv" hreflang="en"

  182.             title="Consultation de l’article (anglais)">uv: Python packaging in Rust</a>

  183.             <a href="/david/cache/2024/359df603dbf60e8476027b2eb26cb7ce/" hreflang="en"

  184.                 data-tippy data-description="uv is an extremely fast Python package installer and resolver, designed as a drop-in alternative to pip and pip-tools."

  185.                 data-source="https://astral.sh/blog/uv"

  186.                 data-date="2024-02-17"

  187.                 data-favicon="https://astral.sh/static/favicon-32x32.png"

  188.                 data-domain="astral.sh"

  189.                 ><svg xmlns="http://www.w3.org/2000/svg"

  190.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  191.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  192.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  193.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  194.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  195.                 </svg>

  196.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  197. </blockquote>

  198. <p>Un futur de Python se dessine et j’en apprécie les&nbsp;esquisses.</p>

  199. 

  200.     

  201.       <nav>

  202.         <p>

  203.           

  204.             <a href="/david/2024/commun/"

  205.                title="Liste de tous les articles 2024 associés à cette étiquette"

  206.                rel="tag">#commun</a>

  207.           

  208.             <a href="/david/2024/decision/"

  209.                title="Liste de tous les articles 2024 associés à cette étiquette"

  210.                rel="tag">#décision</a>

  211.           

  212.             <a href="/david/2024/opensource/"

  213.                title="Liste de tous les articles 2024 associés à cette étiquette"

  214.                rel="tag">#opensource</a>

  215.           

  216.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  217.         </p>

  218.       </nav>

  219.     

  220.   

  221.     <h2>

  222.       <a href="/david/2024/02/15/" title="Lien permanent vers cet article">Licence</a> <time datetime="2024-02-15">15 février 2024</time>

  223.     </h2>

  224.     

  225. 

  226. <blockquote lang="en">

  227. <p>Title: WTFPL Submission: http://crynwr.com/cgi-bin/ezmlm-cgi?17:mss:634:200902:aglgcgbhmfcheffmdgon License: http://sam.zoy.org/wtfpl/ Comments: It’s no different from dedication to the public domain. Author has submitted license approval request — author is free to make public domain dedication. Although he agrees with the recommendation, Mr. Michlmayr notes that <mark>public domain doesn’t exist in Europe.</mark> Recommend: Reject</p>

  228. <p><cite><em><a data-link-domain="opensource.org" href="https://opensource.org/meeting-minutes/minutes20090304/" hreflang="en"

  229.             title="Consultation de l’article (anglais)">OSI Board Meeting Minutes, Wednesday, March 4, 2009</a>

  230.             <a href="/david/cache/2024/90e6434dbda21f9d18ad8fa53c822b47/" hreflang="en"

  231.                 data-tippy data-description="Quorum reached and meeting called to order 08:10 am PST. Attendees Mr. Michael Tiemann, President Ms. Danese Cooper, Secretary and Treasurer Mr. Harshad Gune, Director Mr. Martin Michlmayr, Directo…"

  232.                 data-source="https://opensource.org/meeting-minutes/minutes20090304/"

  233.                 data-date="2024-02-17"

  234.                 data-favicon="https://i0.wp.com/opensource.org/wp-content/uploads/2023/01/cropped-cropped-OSI_Horizontal_Logo_0-e1674081292667.png?fit=32%2C32&ssl=1"

  235.                 data-domain="opensource.org"

  236.                 ><svg xmlns="http://www.w3.org/2000/svg"

  237.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  238.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  239.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  240.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  241.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  242.                 </svg>

  243.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  244. </blockquote>

  245. <p>Nous sommes <a data-link-domain="github.com" href="https://github.com/umap-project/umap/pull/1605">passés</a> de la licence <a data-link-domain="wtfpl.net" href="http://www.wtfpl.net/">WTFPL</a> à <a data-link-domain="gnu.org" href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPLv3</a> pour uMap à partir de la version&nbsp;2 (à venir). Notamment car elle n’était pas acceptable pour l’<a data-link-domain="opensource.org" href="https://opensource.org/">OSI</a> ce qui nous posait des problèmes pour obtenir des financements européen ou pour bénéficier des plans <em>open-source</em> de services comme <a data-link-domain="browserstack.com" href="https://www.browserstack.com/open-source">BrowserStack</a>.</p>

  246. <p>Le seul service qui a accepté la licence WTFPL sans broncher est <a data-link-domain="sentry.io" href="https://sentry.io/for/open-source/">Sentry</a>, ceci en un temps&nbsp;record.</p>

  247. 

  248. <blockquote lang="en">

  249. <p>Simply put, the AGPLv3 is effectively the GPLv3, but with an additional licensing term that ensures that users who interact <mark>over a network</mark> with modified versions of the program can receive the source code for that&nbsp;program.</p>

  250. <p><cite><em><a data-link-domain="fsf.org" href="https://www.fsf.org/bulletin/2021/fall/the-fundamentals-of-the-agplv3" hreflang="en"

  251.             title="Consultation de l’article (anglais)">The fundamentals of the AGPLv3</a>

  252.             <a href="/david/cache/2024/036789c955419215be9d88c6823b55aa/" hreflang="en"

  253.                 data-tippy data-description="The GNU Affero General Public License version 3 (AGPLv3) is the most protective of computer user freedom, yet it remains the most misunderstood of the GNU family of licenses."

  254.                 data-source="https://www.fsf.org/bulletin/2021/fall/the-fundamentals-of-the-agplv3"

  255.                 data-date="2024-02-17"

  256.                 data-favicon="https://www.fsf.org/favicon.ico"

  257.                 data-domain="fsf.org"

  258.                 ><svg xmlns="http://www.w3.org/2000/svg"

  259.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  260.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  261.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  262.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  263.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  264.                 </svg>

  265.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  266. </blockquote>

  267. <a href="#hr-72" title="Lien vers cette section de la page"><hr id="hr-72" /></a>

  268. 

  269. <blockquote>

  270. <p>La prévalence des drogues chinoises, et synthétiques en général, sur le marché a eu des conséquences au Mexique voisin. Dans une vidéo de fin 2020, The Intercept montre que la baisse drastique de demande en héroïne au profit du fentanyl a des conséquences humaines considérables. «&nbsp;Les cultivateurs de pavot au Mexique doivent se résoudre à migrer pour travailler ou se tourner vers le crime organisé&nbsp;», raconte le média, partageant des témoignages de personnes précaires encore appauvries par la&nbsp;situation.</p>

  271. <p><cite><em><a data-link-domain="basta.media" href="https://basta.media/crise-des-opioides-pourquoi-il-ne-faut-ni-oublier-ni-ignorer" hreflang="fr"

  272.             title="Consultation de l’article">Crise des opioïdes&nbsp;: pourquoi il ne faut ni l’oublier ni l’ignorer</a>

  273.             <a href="/david/cache/2024/1929f7183f694c7abeafeddb891fcf50/" hreflang="fr"

  274.                 data-tippy data-description="Aux États-Unis, le nombre de morts par overdose dépasse celui des décès sur la route. La crise des opioïdes, déclarée dans les années 2010, touche aussi de plein fouet le Canada. Et le phénomène dépasse les frontières nord-américaines."

  275.                 data-source="https://basta.media/crise-des-opioides-pourquoi-il-ne-faut-ni-oublier-ni-ignorer"

  276.                 data-date="2024-02-17"

  277.                 data-favicon="https://basta.media/squelettes/basta/favicon/favicon.svg?1634019699"

  278.                 data-domain="basta.media"

  279.                 ><svg xmlns="http://www.w3.org/2000/svg"

  280.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  281.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  282.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  283.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  284.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  285.                 </svg>

  286.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  287. </blockquote>

  288. <p>Je n’avais pas encore pris conscience de tous les enjeux socio-économico-géopolitiques de ces nouvelles drogues. Il y a des guerres qui sont moins médiatisées que&nbsp;d’autres.</p>

  289. 

  290.     

  291.       <nav>

  292.         <p>

  293.           

  294.             <a href="/david/2024/commun/"

  295.                title="Liste de tous les articles 2024 associés à cette étiquette"

  296.                rel="tag">#commun</a>

  297.           

  298.             <a href="/david/2024/decision/"

  299.                title="Liste de tous les articles 2024 associés à cette étiquette"

  300.                rel="tag">#décision</a>

  301.           

  302.             <a href="/david/2024/opensource/"

  303.                title="Liste de tous les articles 2024 associés à cette étiquette"

  304.                rel="tag">#opensource</a>

  305.           

  306.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  307.         </p>

  308.       </nav>

  309.     

  310.   

  311.     <h2>

  312.       <a href="/david/2024/02/11/" title="Lien permanent vers cet article">Violence</a> <time datetime="2024-02-11">11 février 2024</time>

  313.     </h2>

  314.     

  315. <p>Il y a une forme de violence à dire —&nbsp;de manière plus ou moins directe&nbsp;— à des personnes que les outils numériques qu’elles utilisent ne sont pas appropriés. D’autant plus en ne proposant pas d’alternative réellement&nbsp;utilisable&nbsp;:&nbsp;</p>

  316. <ul>

  317. <li>dans le contexte de littératie numérique de la&nbsp;personne,</li>

  318. <li>dans le contexte culturel du groupe de travail autour de la&nbsp;personne,</li>

  319. <li>dans les priorités actuelles du groupe pour lequel l’informatique reste un outil&nbsp;et/ou</li>

  320. <li>dans la situation de détresse en&nbsp;cours.</li>

  321. </ul>

  322. <p>Si la <em>ré</em>-action est inappropriée, c’est peut-être que l’action initiale ne l’était pas non&nbsp;plus…</p>

  323. 

  324.     

  325.       <nav>

  326.         <p>

  327.           

  328.             <a href="/david/2024/communaute/"

  329.                title="Liste de tous les articles 2024 associés à cette étiquette"

  330.                rel="tag">#communauté</a>

  331.           

  332.             <a href="/david/2024/opensource/"

  333.                title="Liste de tous les articles 2024 associés à cette étiquette"

  334.                rel="tag">#opensource</a>

  335.           

  336.             <a href="/david/2024/psychologie/"

  337.                title="Liste de tous les articles 2024 associés à cette étiquette"

  338.                rel="tag">#psychologie</a>

  339.           

  340.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  341.         </p>

  342.       </nav>

  343.     

  344.   

  345.     <h2>

  346.       <a href="/david/2024/02/09/" title="Lien permanent vers cet article">Version</a> <time datetime="2024-02-09">9 février 2024</time>

  347.     </h2>

  348.     

  349. <p>Il y a cette appréhension à sortir une version&nbsp;2&nbsp;qui est bloquante sur pas mal de projets / produits / outils. Réduire ses ambitions quitte à planifier les versions 3&nbsp;et 4&nbsp;par la même occasion est un moyen de faire baisser la pression de ses propres attentes. Ce n’est plus <strong>l</strong>’évènement mais <em>un</em> évènement parmi les suivants qui vient s’intégrer dans une dynamique plus&nbsp;globale.</p>

  350. <p>Il y a d’un côté l’<a href="/david/2024/01/19/#hr-38">effort pour les personnes qui vont l’utiliser</a> et de l’autre <a data-link-domain="yolover.org" href="https://yolover.org/" hreflang="en"

  351.             title="Consultation de l’article (anglais)">la motivation</a>

  352.             <a href="/david/cache/2024/959374400b4bb6d58c74116ffd08281b/" hreflang="en"

  353.                 data-tippy data-description="Realistic versioning for modern software."

  354.                 data-source="https://yolover.org/"

  355.                 data-date="2024-02-09"

  356.                 data-favicon="https://yolover.org/favicon.png"

  357.                 data-domain="yolover.org"

  358.                 ><svg xmlns="http://www.w3.org/2000/svg"

  359.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  360.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  361.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  362.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  363.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  364.                 </svg>

  365.                 <span class="sr-only">[archive]</span></a> pour les personnes qui vont développer et maintenir le&nbsp;produit.</p>

  366. <p>Je caricature mais on est&nbsp;vendredi.</p>

  367. 

  368.     

  369.       <nav>

  370.         <p>

  371.           

  372.             <a href="/david/2024/apprentissage/"

  373.                title="Liste de tous les articles 2024 associés à cette étiquette"

  374.                rel="tag">#apprentissage</a>

  375.           

  376.             <a href="/david/2024/decision/"

  377.                title="Liste de tous les articles 2024 associés à cette étiquette"

  378.                rel="tag">#décision</a>

  379.           

  380.             <a href="/david/2024/opensource/"

  381.                title="Liste de tous les articles 2024 associés à cette étiquette"

  382.                rel="tag">#opensource</a>

  383.           

  384.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  385.         </p>

  386.       </nav>

  387.     

  388.   

  389.     <h2>

  390.       <a href="/david/2024/02/03/" title="Lien permanent vers cet article">Archives</a> <time datetime="2024-02-03">3 février 2024</time>

  391.     </h2>

  392.     

  393. 

  394. <blockquote lang="en">

  395. <p>Google will no longer be keeping a backup of the entire Internet. Google Search’s “cached” links have long been an alternative way to load a website that was down or had changed, but now the company is killing them off. Google “Search Liaison” Danny Sullivan confirmed the feature removal in an X post, saying the feature “was meant for helping people access pages when way back, you often couldn’t depend on a page loading. These days, <mark>things have greatly improved.</mark> So, it was decided to retire&nbsp;it.”</p>

  396. <p><cite><em><a data-link-domain="arstechnica.com" href="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/" hreflang="en"

  397.             title="Consultation de l’article (anglais)">Google will no longer back up the Internet: Cached webpages are dead</a>

  398.             <a href="/david/cache/2024/75c7b6350ba18a5a11ee3bbf8b3b64be/" hreflang="en"

  399.                 data-tippy data-description="Google Search will no longer make site backups while crawling the web."

  400.                 data-source="https://arstechnica.com/gadgets/2024/02/google-search-kills-off-cached-webpages/"

  401.                 data-date="2024-02-03"

  402.                 data-favicon="https://cdn.arstechnica.net/wp-content/themes/ars/assets/img/material-ars-db41652381.png"

  403.                 data-domain="arstechnica.com"

  404.                 ><svg xmlns="http://www.w3.org/2000/svg"

  405.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  406.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  407.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  408.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  409.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  410.                 </svg>

  411.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  412. </blockquote>

  413. <p><em>(rires)</em></p>

  414. <p>Forcément en lisant ça un samedi matin, j’étais immédiatement motivé pour améliorer la façon dont j’archive les liens par ici. À commencer par des méta-données qui permettraient d’avoir une prévisualisation des liens un peu&nbsp;enrichie.</p>

  415. <p>Je me dis que je ne dois pas être le seul à essayer d’extraire des informations des pages. Et j’en trouve pas mal&nbsp;: <a data-link-domain="github.com" href="https://github.com/gri38/hyperlink_preview">hyperlink_preview</a>, <a data-link-domain="github.com" href="https://github.com/scrapinghub/extruct">extruct</a> ou <a data-link-domain="github.com" href="https://github.com/seanbreckenridge/url_cache">url_cache</a> pour ne citer qu’eux. Cela me met sur la piste de <a data-link-domain="github.com" href="https://github.com/michaelhelmick/lassie">Lassie</a> qui semble extraire ce que j’aimerais avoir&nbsp;: une image ou favicon, potentiellement une description, ainsi qu’une langue. Jake Lazaroff m’avait <a href="/david/2024/02/01/#hr-60">depuis répondu</a> qu’il génère en fait ses vignettes au moment de la <a data-link-domain="gist.github.com" href="https://gist.github.com/jakelazaroff/36b9665efe02870576acfc033171d6bf">construction du site</a>. Je ne veux pas totalement suivre cette approche car je ne veux pas stocker d’images additionnelles mais je vais essayer d’avoir une solution&nbsp;hybride.</p>

  416. <p>Cela m’embête de plus en plus de coupler le générateur de site aux (méta-)données des archives. <em>À&nbsp;méditer.</em></p>

  417. <p>Pour ce qui est de l’interface, ça attendra un autre jour. J’ai tout de même ajouté des attributs <code>hreflang</code> et la bonne langue dans les pages d’archives, un truc qui me grattait depuis un bout de&nbsp;temps.</p>

  418. <a href="#hr-62" title="Lien vers cette section de la page"><hr id="hr-62" /></a>

  419. <p>Cela fait <a href="/david/2020/02/07/#sonos">bien longtemps</a> que je regrette d’avoir acheté des enceintes Sonos. Hier —&nbsp;encore une fois frustré par l’application proposée par défaut&nbsp;— je découvre <a data-link-domain="github.com" href="https://github.com/SoCo/SoCo">SoCo</a> ainsi que <a data-link-domain="github.com" href="https://github.com/avantrec/soco-cli">soco-cli</a> après quelques recherches. Je passe ensuite la soirée à batailler avec Automator pour pouvoir faire un clic-droit sur un dossier local et que ça me lise les fichiers FLAC qui sont&nbsp;dedans.</p>

  420. <p>J’arrive à la solution&nbsp;suivante&nbsp;:</p>

  421. <pre><code>on run {input, parameters}

  422.     tell application &quot;Terminal&quot;

  423.         do script &quot;cd ~/sonos &amp;&amp; sonos Chambre play_dir '&quot; &amp; (POSIX path of input) &amp; &quot;'&quot;

  424.     end tell

  425.     return input

  426. end run

  427. </code></pre>

  428. <p>Ce n’est pas très élégant et je n’ai pas réussi à faire en sorte que ça se lance dans iTerm mais au moins ça joue de la&nbsp;musique.</p>

  429. <a href="#hr-63" title="Lien vers cette section de la page"><hr id="hr-63" /></a>

  430. 

  431. <blockquote lang="en">

  432. <p><strong>drab</strong> focuses on providing JavaScript functionality where it’s most useful. Many of the elements are helpful wrappers <mark>around browser APIs.</mark> Here are some of the features of the&nbsp;library.</p>

  433. <p><cite><em><a data-link-domain="drab.robino.dev" href="https://drab.robino.dev/" hreflang="en"

  434.             title="Consultation de l’article (anglais)">drab - A Headless Custom Element Library</a>

  435.             <a href="/david/cache/2024/2a1235215c277ebb8a0e9acb7ffd91e0/" hreflang="en"

  436.                 data-tippy data-description="A headless custom element library."

  437.                 data-source="https://drab.robino.dev/"

  438.                 data-date="2024-02-03"

  439.                 data-favicon="https://drab.robino.dev/favicon.svg"

  440.                 data-domain="drab.robino.dev"

  441.                 ><svg xmlns="http://www.w3.org/2000/svg"

  442.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  443.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  444.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  445.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  446.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  447.                 </svg>

  448.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  449. </blockquote>

  450. <p>Le futur qui se dessine à ce sujet est <em>très</em> stimulant. Cela fait 15&nbsp;ans qu’il y a une production de masse de code JS qui n’est ni réutilisable, ni interopérable. J’ai bon espoir que ce soit en train de&nbsp;changer.</p>

  451. <a href="#hr-64" title="Lien vers cette section de la page"><hr id="hr-64" /></a>

  452. 

  453. <blockquote lang="en">

  454. <p>When trying to defend this, economists typically claim that we have unlimited desire for new stuff. Apparently, rather than dedicating the time gains from technology to leisure, we pour it into making more stuff for ourselves. This is bogus. People do have a limited desire for new things, because dedicating yourself to endless production (and consumption) comes at the expense of hanging out with your family, friends and pets, or doing stuff like walking in the wilderness or surfing the waves. What people actually desire is a balance of many things, but <mark>the system we’re stuck in has unlimited desire for one direction only.</mark> That’s because it’s a vortex unleashed by humans who no longer know how to stop&nbsp;it.</p>

  455. <p><cite><em><a data-link-domain="brettscott.substack.com" href="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier" hreflang="en"

  456.             title="Consultation de l’article (anglais)">Tech doesn’t make our lives easier. It makes them faster</a>

  457.             <a href="/david/cache/2024/9750840b448f07a2f2594bb25da23836/" hreflang="en"

  458.                 data-tippy data-description="Supposedly technologies like AI and digital payments make our lives easier. In reality convenience is an illusion used to sell us automation-driven acceleration"

  459.                 data-source="https://brettscott.substack.com/p/tech-doesnt-make-our-lives-easier"

  460.                 data-date="2024-02-03"

  461.                 data-favicon="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3d5b3dd-9c2b-4f8c-a2b7-f39933be1d53%2Ffavicon-16x16.png"

  462.                 data-domain="brettscott.substack.com"

  463.                 ><svg xmlns="http://www.w3.org/2000/svg"

  464.                     width="24" height="24" viewBox="0 0 24 24" fill="none"

  465.                     stroke="currentColor" stroke-width="2" stroke-linecap="square"

  466.                     stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>

  467.                     <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>

  468.                     <line x1="12" y1="17" x2="12.01" y2="17"></line>

  469.                 </svg>

  470.                 <span class="sr-only">[archive]</span></a></em></cite></p>

  471. </blockquote>

  472. <p>Un bon article à lire après 24h de galères&nbsp;techniques&nbsp;😅.</p>

  473. 

  474.     

  475.       <nav>

  476.         <p>

  477.           

  478.             <a href="/david/2024/dependance/"

  479.                title="Liste de tous les articles 2024 associés à cette étiquette"

  480.                rel="tag">#dépendance</a>

  481.           

  482.             <a href="/david/2024/opensource/"

  483.                title="Liste de tous les articles 2024 associés à cette étiquette"

  484.                rel="tag">#opensource</a>

  485.           

  486.             <a href="/david/2024/technique/"

  487.                title="Liste de tous les articles 2024 associés à cette étiquette"

  488.                rel="tag">#technique</a>

  489.           

  490.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  491.         </p>

  492.       </nav>

  493.     

  494.   

  495.     <h2>

  496.       <a href="/david/2024/01/18/" title="Lien permanent vers cet article">Open-source</a> <time datetime="2024-01-18">18 janvier 2024</time>

  497.     </h2>

  498.     

  499. <p>Deux phrases du&nbsp;jour&nbsp;:</p>

  500. <ol>

  501. <li><q lang="en">Open Source is the Right to Repair, for software.</q>, <a data-link-domain="macaw.social" href="https://macaw.social/@andypiper/111774169944729337">sur&nbsp;masto</a></li>

  502. <li><q lang="fr">uMap est-il un produit ou un commun&#8239;?</q>, en réunion&nbsp;interne</li>

  503. </ol>

  504. <p>Faute de temps, le développement est laissé comme exercice aux&nbsp;lecteur·ices.</p>

  505. 

  506.     

  507.       <nav>

  508.         <p>

  509.           

  510.             <a href="/david/2024/commun/"

  511.                title="Liste de tous les articles 2024 associés à cette étiquette"

  512.                rel="tag">#commun</a>

  513.           

  514.             <a href="/david/2024/decision/"

  515.                title="Liste de tous les articles 2024 associés à cette étiquette"

  516.                rel="tag">#décision</a>

  517.           

  518.             <a href="/david/2024/opensource/"

  519.                title="Liste de tous les articles 2024 associés à cette étiquette"

  520.                rel="tag">#opensource</a>

  521.           

  522.           <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>

  523.         </p>

  524.       </nav>

  525.     

  526.   

  527. 

  528.       

  529.         <form action="/david/recherche/" method="get">

  530.           <fieldset>

  531.             <legend>Recherche</legend>

  532.             <label for="input-search">Termes de votre recherche :</label>

  533.             <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>

  534.             <input type="submit" value="Chercher">

  535.             <p id="indexation-infos">

  536.               <small>

  537.                 Seuls les contenus de ces 8 dernières années sont indexés.

  538.               </small>

  539.             </p>

  540.           </fieldset>

  541.         </form>

  542.       

  543.       <aside>

  544.         <theme-toggle></theme-toggle>

  545.       </aside>

  546.     </article>

  547.     <hr>

  548.     <footer>

  549.       <p>

  550.         <a href="/david/" title="Aller à l’accueil">Accueil</a>

  551.         •

  552.         <a href="/david/log/" title="Accès au flux RSS">Suivre</a>

  553.         •

  554.         <a href="http://larlet.com"

  555.            title="Go to my English profile"

  556.            data-instant>Pro</a>

  557.         •

  558.         <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>

  559.         •

  560.         <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>

  561.       </p>

  562.       <template id="theme-selector">

  563.         <form>

  564.           <style type="text/css">

  565.             fieldset div {

  566.               text-align: center;

  567.             }

  568.           </style>

  569.           <fieldset>

  570.             <legend>Thème</legend>

  571.             <div>

  572.               <label>

  573.                 <input type="radio" value="auto" name="chosen-color-scheme" checked>

  574.                 Auto

  575.               </label>

  576.               <label>

  577.                 <input type="radio" value="dark" name="chosen-color-scheme">

  578.                 Foncé

  579.               </label>

  580.               <label>

  581.                 <input type="radio" value="light" name="chosen-color-scheme">

  582.                 Clair

  583.               </label>

  584.             </div>

  585.           </fieldset>

  586.         </form>

  587.       </template>

  588.     </footer>

  589.     <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>

  590.     <script>

  591.       class ThemeToggle extends HTMLElement {

  592.         constructor() {

  593.           super()

  594.           const themeSelectorTemplate = document.querySelector('#theme-selector')

  595.           const form = themeSelectorTemplate.content.firstElementChild

  596.           this.attachShadow({ mode: 'open' })

  597.           this.shadowRoot.appendChild(form.cloneNode(true))

  598.         }

  599. 

  600.         connectedCallback() {

  601.           const form = this.shadowRoot.querySelector('form')

  602.           form.addEventListener('change', (e) => {

  603.             const chosenColorScheme = e.target.value

  604.             localStorage.setItem('theme', chosenColorScheme)

  605.             toggleTheme(chosenColorScheme)

  606.           })

  607. 

  608.           const selectedTheme = localStorage.getItem('theme')

  609.           if (selectedTheme && selectedTheme !== 'undefined') {

  610.             form.querySelector(`[value="${selectedTheme}"]`).checked = true

  611.           }

  612.         }

  613.       }

  614. 

  615.       const prefersColorSchemeDark = '(prefers-color-scheme: dark)'

  616.       window.addEventListener('load', () => {

  617.         let colorsLayer = undefined

  618.         let hasDarkRules = false

  619.         for (const styleSheet of Array.from(document.styleSheets)) {

  620.           let mediaRules = []

  621.           for (const layerRule of styleSheet.cssRules) {

  622.             if (!(layerRule instanceof CSSLayerBlockRule)) {

  623.               continue

  624.             }

  625.             if (layerRule.name === 'colors') {

  626.               colorsLayer = layerRule

  627.             }

  628.             for (const cssRule of layerRule.cssRules) {

  629.               if (cssRule.type !== CSSRule.MEDIA_RULE) {

  630.                 continue

  631.               }

  632.               // WARNING: Safari does not have/supports `conditionText`.

  633.               if (cssRule.conditionText) {

  634.                 if (cssRule.conditionText !== prefersColorSchemeDark) {

  635.                   continue

  636.                 }

  637.               } else {

  638.                 if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {

  639.                   continue

  640.                 }

  641.               }

  642.               mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))

  643.             }

  644.           }

  645. 

  646.           // WARNING: do not try to insert a Rule to a styleSheet you are

  647.           // currently iterating on, otherwise the browser will be stuck

  648.           // in a infinite loop…

  649.           for (const mediaRule of mediaRules) {

  650.             // Safari requires the `0` second parameter (even if default).

  651.             colorsLayer.insertRule(mediaRule.cssText, 0)

  652.             hasDarkRules = true

  653.           }

  654.         }

  655. 

  656.         if (hasDarkRules) {

  657.           if ('customElements' in window && !customElements.get('theme-toggle')) {

  658.             customElements.define('theme-toggle', ThemeToggle)

  659.           }

  660.         }

  661.       })

  662.     </script>

  663.     

  664.   </body>

  665. </html>