atom.xml

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Mes 2¢</title>
    <link href="https://ced-c.github.io/atom.xml" rel="self"/>
    <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;"/>
    <updated>2026-03-21T17:30:00+0000</updated>
    <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;</id>

    
    
    
    
    
    
        
        
            
            <entry>
                <title>Le monopole des goûts</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;le-monopole-des-gouts&#x2F;"/>
                <updated>2026-03-21T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;le-monopole-des-gouts&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Je teste des IA de temps en temps. Je n’en suis pas fan, mais il paraît qu’il ne faut pas
rater le coche, que ça va bientôt envahir nos vies. Je ne veux pas passer à côté.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Récemment, j’ai eu l’occasion de faire du tourisme pour la première fois depuis longtemps.
Par curiosité, j’ai demandé à une IA de me proposer un séjour :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;Je vais passer 5 jours à Petochnoque, on sera 5 dont un bébé de deux ans.
On cherche donc une vibe détente, orientée nature, plage avec des randonnées. Propose-moi
un itinéraire point par point avec un budget total de XXX € sur place.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;J’ai eu un plan bien ficelé, mais fade. Le truc que tout le monde fait. Qui ne sort pas des
sentiers battus. Je ne l’ai pas suivi. Mais combien de personnes font de même ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’entrevois le tourisme de masse —encore plus massifié. Un trou noir touristique qui aspire
tout le monde… dans quelques lieux saturés, où l’attention converge.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Et si… c’était une conséquence logique des systèmes qui se mettent en place et qui accélèrent
depuis l’arrivée d’internet ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;le-capitalisme-aime-les-monopoles&amp;quot;&amp;gt;Le capitalisme aime les monopoles&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Les États-Unis se sont construits sur le capitalisme. Mais pas le capitalisme d’aujourd’hui, sans frontières ni régulation.
Non. À l’époque, au contraire, les législateurs avaient compris que le capitalisme aime les
monopoles —mais les consommateurs, eux, beaucoup moins. On avait donc mis en place des
gardes-fous : les lois &amp;lt;em&amp;gt;anti-trust&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Le principe est simple : si une entreprise grossit trop et que les barrières d’entrée du marché
deviennent insurmontables, on scinde l’entreprise en plusieurs entités, chacune pouvant être
concurrencée.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;AT&amp;amp;amp;T et IBM avaient une peur bleue de ces lois. AT&amp;amp;amp;T a raison puisqu’ils ont fini par être scindés, la dernière utilisation notable de ces lois.
IBM y a échappé, mais la peur d’une sanction avait contribué à l’ouverture de la séquence d’amorçage, c’est en partie grâce à ça qu’il est bien plus simple d’installer Linux sur
un ordinateur que sur un téléphone. La contrainte légale avait poussé à l’ouverture.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Puis, Reagan est arrivé. Et avec lui, la financiarisation de l’économie au nom de la croissance. On a dérégulé massivement
pour espérer ne pas arriver au bout des 30 glorieuses. Ça a échoué, mais la mentalité est restée. Plus tard, on a commencé à entendre la petite musique selon laquelle la guerre froide aurait été gagnée bien plus vite si on n’avait pas mis de bâtons dans les roues des grandes entreprises étasuniennes. Ça reste à démontrer, mais la musique résonne encore dans la tête des politiciens.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La suite, on la connaît : création des GAFAM, hégémonie des États-Unis… emmerdification du web !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les monopoles ont compris qu’il valait mieux éviter d’attirer
l’attention. Ils se sont mis à se cacher. Google détient le quasi-monopole
du marché des moteurs de recherche —il s’est donc présenté comme
Alphabet, acteur parmi d’autres du marché de la publicité en ligne,
où les concurrents ne manquent pas. Chaque branche d’Alphabet a des
compétiteurs. C’est crédible… reste que la majorité de ses revenus
provient du moteur de recherche.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On a supprimé les garde-fous, et tout le monde semble trouver ça
très bien.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;la-technologie-change-la-donne&amp;quot;&amp;gt;La technologie change la donne&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Le problème des monopoles n’est pas nouveau. Il est par contre exacerbé par les technologies —de la communication en particulier—
qui créent un effet &amp;lt;em&amp;gt;winner takes all&amp;lt;&amp;#x2F;em&amp;gt;, les vainqueurs raflent tout.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Avant l’invention du phonographe, écouter de la musique demandait
des musiciens. C’était cher, tout le monde ne pouvait pas se le
permettre —mais les vitesses de déplacement faisaient qu’il en
fallait partout, dans toutes les villes. Si un Beethoven ou un
Mozart apparaissait, il était demandé par ceux qui avaient le plus
de moyens, mais il n’empêchait pas les autres d’exercer.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Avec l’enregistrement, puis la radio, puis le streaming, une seule interprétation peut être écoutée dans le monde entier, en
simultané.
On a besoin de beaucoup moins de musiciens (qui deviennent profs) et seuls quelques élus s’en sortent très bien. Le pire, c’est
que ce n’est même pas forcément les meilleurs (c’est une question de goût), mais parfois juste de mode, de marketing, de faits divers.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les technologies de l’information ont ajouté une couche
supplémentaire : la hiérarchie visible. La note sur cinq étoiles,
le classement des articles, le « top 10 des meilleures… » —tout
cela concentre l’attention sur les mêmes références. Le premier
résultat Google reçoit statistiquement dix fois plus de clics que
le dixième. Dans un monde où l’attention est limitée, être bien
classé, c’est presque tout.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les algorithmes de recommandation sont l’étape suivante. Plus
besoin de consulter les tops : on vous dit directement quoi
regarder, quoi écouter. La recommandation se veut personnalisée,
mais elle est biaisée par construction —culture occidentale par
défaut, biais de popularité, convergence vers le mainstream. Les
séries qui &amp;lt;em&amp;gt;hypent&amp;lt;&amp;#x2F;em&amp;gt; sont proposées à tout le monde.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;l-ia-une-reponse-pour-les-gouverner-toutes&amp;quot;&amp;gt;L’IA une réponse pour les gouverner toutes&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Nous entrons aujourd’hui à l’ère de l’IA. À toute question posée, plus de top 10, on apporte
désormais une réponse unique. Elles sont entraînées pour être d’accord avec nous et nous
beurrer l’ego.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;Même le pire des cons a une IA en train de lui dire qu’il a raison&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;—Ai-je pu lire sur le net. C’est vrai, mais ce n’est pas le plus grave.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Le plus grave, c’est
que cette IA lui recommande aussi les mêmes films, les mêmes
musiques, les mêmes destinations que le voisin.
Et pour la même question posée
par des millions de personnes, elle donne à peu près la même
réponse —parce qu’elle est entraînée sur les mêmes données, avec
les mêmes biais culturels, dans les mêmes langues. Majoritairement
en anglais. Massivement sur du contenu occidental. La diversité
du monde réel n’a pas été invitée à la table.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La structure du marché va bientôt aggraver ça. Tout le monde parle de bulle de l’IA, et d’éclatement prochain.
La première conséquence de l’éclatement, c’est la concentration du marché.
Le nombre d’acteurs diminue, liquidés ou absorbés. Les coûts d’entraînement deviennent tellement
élevés que seule une poignée d’acteurs —les GAFAM en tête— en ressortiront vivants. Moins de choix, plus de convergence.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On aura alors tous une IA nous disant quoi lire, quoi regarder, quoi aimer —et peut-être même, quoi penser.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;est-ce-grave&amp;quot;&amp;gt;Est-ce grave ?&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;On a tendance à répondre oui par réflexe. La diversité, c’est
l’étendue des possibles, un monde plus complexe, plus intéressant.
Mais à bien y réfléchir, est-ce vraiment le cas ? Mes intuitions sont souvent
utilitaristes (conséquentialistes cherchant à maximiser le bonheur collectif) ;
dans le cas présent il me semble que les conséquences ne sont de prime abord pas si
graves.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Une normalisation des goûts et des opinions, ça signifie moins
de frictions entre individus. Moins de malentendus culturels.
Plus de terrain commun. On pourrait imaginer une démocratie plus
apaisée, des conflits moins nombreux. Ce n’est pas absurde.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On pourrait également regretter la baisse de l’innovation qui pourrait en découler
mais dans un monde en constante accélération comme ç’a été le cas les dernières
décennies, une pause serait appréciable pour les humains qui sont largués de plus en plus vite, comme pour la planète qui s’épuise d’autant plus vite qu’on accélère.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Le point mort du point de vue conséquentialiste ici est peut-être ce qui nous met intuitivement mal à l’aise avec l’idée : &amp;lt;em&amp;gt;qui décide&amp;lt;&amp;#x2F;em&amp;gt; ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les GAFAM. Ou plutôt les boîtes qui font ces algorithmes, ces IA quelles qu’elles soient.
Or, on n’est plus dans le domaine de la recommandation, on est dans le domaine du pouvoir ;
et les plus riches sont rarement les plus altruistes. La concentration du pouvoir de définir les goûts, les références, les opinions de milliards de personnes entre les mains de
quelques acteurs privés non élus est un risque moral important
—quels que soient les beaux slogans qu’ils veulent nous faire avaler.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Taleb l’a noté dans &amp;lt;em&amp;gt;Le Cygne Noir&amp;lt;&amp;#x2F;em&amp;gt; : la nature préfère les
petits territoires insulaires. Plus un territoire est petit,
plus il obéit aux lois de la diversité —plus d’espèces par
mètre carré, plus d’essais, plus d’échecs, plus d’innovations.
Les grands continents favorisent les espèces dominantes au
détriment des autres.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La culture ne fonctionne pas différemment. La biodiversité
des goûts, des références, des pratiques, c’est ce qui permet
à des idées vraiment nouvelles d’émerger. Un monde culturellement
uniforme est un monde où les erreurs collectives se propagent
sans résistance —personne ne peut surprendre personne, personne
ne peut pointer ce que tout le monde a raté.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’uniformisation n’est pas seulement une perte esthétique.
C’est une vulnérabilité collective.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;que-faire&amp;quot;&amp;gt;Que faire&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Lutter à l’échelle individuelle est très compliqué. Il y a bien sûr des outils à notre
disposition mais force est de constater qu’ils ne sont ni enthousiasmants, ni
socialement faciles à déployer.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On peut par exemple :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;em&amp;gt;Privilégier le local&amp;lt;&amp;#x2F;em&amp;gt;. Un concert dans une salle de 200 personnes, un libraire
qui connaît ses clients, un podcast fait par quelqu’un de votre ville :
ces choses-là ne sont pas scalables par définition.
La géographie est une protection naturelle contre la concentration.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;éviter les algorithmes de recommandation. Autant que possible. Trouver un resto
en se fiant à l’odeur, au monde plutôt qu’aux notes. Choisir un livre en fonction de sa
couverture. Se faire recommander par un ami plutôt qu’une IA.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;cultiver de façon générale une âme de flâneur. Accepter l’imprévu. Se laisser
surprendre en bien comme en mal. Tester de nouvelles routes. La résistance à l’uniformisation commence par refuser de savoir à l’avance ce qu’on va penser de quelque chose.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;C’est bien sûr insuffisant, parce que le problème est
systémique. La solution la plus efficace reste la lutte
politique : se battre pour le monde qu’on veut voir demain,
soutenir des personnes qui partagent cette vision —même si
on ne sera pas d’accord sur tous les points.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Si on cherche quelqu’un d’accord avec notre point de vue
sur tout… la solution reste de se présenter.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Voyage Ergonomique : À deux touches du bonheur</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-3&#x2F;"/>
                <updated>2026-03-18T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-3&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Si les machines à écrire nous hantent encore, j’étais en bonne voie pour devenir exorciste.
Avec &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;Ced-C&amp;#x2F;Bepolar&amp;quot;&amp;gt;Bépolar&amp;lt;&amp;#x2F;a&amp;gt;, j’avais validé l’approche d’&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;#x2F;&amp;quot;&amp;gt;Ergo‑L&amp;lt;&amp;#x2F;a&amp;gt; ; j’étais convaincu que c’était une bonne
solution pour &amp;lt;em&amp;gt;mon usage&amp;lt;&amp;#x2F;em&amp;gt;.
Il n’y avait plus qu’à faire un dernier effort et investir dans l’apprentissage de la
disposition.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;ergo-l&amp;quot;&amp;gt;Ergo-L&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Avec mon expérience d’apprentissage de Qwerty je savais à quoi m’attendre. Ou du moins
c’est ce que je me figurais ; deux semaines à péniblement apprendre toutes les touches
une par une. Puis, une fois prêt, une baisse de productivité temporaire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est pourquoi, après plus d’un an de Bépolar, début 2024, à la sortie de la &amp;lt;em&amp;gt;release candidate&amp;lt;&amp;#x2F;em&amp;gt;
version 1.0 d’Ergo‑L, je me lance dans son apprentissage.
J’utilise ducktypist. Je tiens une semaine, mais je n’avance pas comme les fois précédentes.
Je peine.
La raison ? Les roulements je pense. En Bépo(lar), les voyelles sont main gauche, et les
consonnes, main droite. Il en résulte qu’on alterne les mains souvent, à chaque sylable.
En Ergo‑L, les roulements sont privilégiés. Il en résulte que les voyelles sont réparties
sur les deux mains. C’est déroutant.
Pire, les lettres &amp;lt;code&amp;gt;EN&amp;lt;&amp;#x2F;code&amp;gt; qui étaient sur les index au repos, se retrouvent sous les majeurs.
C’est à la fois similaire et différent. Mon cerveau s’embrouille.
Les lettres &amp;lt;code&amp;gt;ENTR&amp;lt;&amp;#x2F;code&amp;gt; qui sont parmi les plus utiliées et qui s’enchainent dans toutes les
directions m’embrouille également. Je n’ai pas de repère.
Je finis par me dire que le moment n’est pas bien choisi, j’abandonne.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Après tout, même si je savais que la philosophie d’Ergo‑L fonctionnait, je l’avait implémenté
dans Bépolar, et j’en était satisfait. Il a suffi d’une petite baisse de motivation, d’une semaine
un peu plus chargée que prévu au travail pour me faire arrêter.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La philosophie n’était pas une motivation suffisante.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En Mai 2024, Ergo‑L sort en version 1.0 et est inclu dans XKB. Ça veut dire que c’est désormais un
standard sous linux. Bientôt, toutes les distributions proposeront Ergo‑L à l’installation
—et à l’usage.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ça voulait dire la certitude de pouvoir utiliser Ergo‑L partout… Y compris sur mes serveurs.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’était une motivation forte, et après l’été, je m’y suis remis.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je faisais pas mal de &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;monkeytype.com&amp;quot;&amp;gt;MonkeyType&amp;lt;&amp;#x2F;a&amp;gt; à l’époque et j’ai donc gardé l’historique de mon apprentissage.
Vous voyez ci-dessous le graph de ma progression en Ergo‑L. J’ai commencé MonkeyType après avoir « fini »
duckTypist, l’outil développé par Ergo‑L pour apprendre la dispo.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;script src=&amp;quot;https:&amp;#x2F;&amp;#x2F;cdn.plot.ly&amp;#x2F;plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;script&amp;gt;

&amp;lt;div id=&amp;quot;fig&amp;quot; style=&amp;quot;width:100%;height:400px;&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;div&amp;gt;

&amp;lt;script&amp;gt;
  fetch(&amp;#x27;fig.json&amp;#x27;)
    .then(r =&amp;gt; r.json())
    .then(fig =&amp;gt; Plotly.newPlot(&amp;#x27;fig&amp;#x27;, fig.data, fig.layout));
&amp;lt;&amp;#x2F;script&amp;gt;
&amp;lt;p&amp;gt;Les roulements, c’est difficile à appréhender au début parcequ’on tape les touches une par une,
le temps que la disposition rentre dans les doigts.
Ensuite, ça devient grisant. On à l’impression de faire des vagues sur son clavier, de suivre un
rythme régulier mais pas uniforme. C’est très satisfaisant.
Au bout d’un mois, je suis à ~60 mpm, c’est largement suffisant pour travailler. Puis, ça continue à monter.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je suis content d’avoir fait le grand saut. En y réfléchissant, ce n’est que parce qu’Ergo‑L est intégré dans
XKB que je l’ai fait. J’hésitais à y proposer Bépolar ; cette expérience me fait penser que ce n’est pas une
bonne idée —je décide de ne pas le faire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;variante-a-ou-angle-mod&amp;quot;&amp;gt;Variante A ou &amp;lt;em&amp;gt;Angle‑Mod&amp;lt;&amp;#x2F;em&amp;gt;&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Le truc que je n’ai pas précisé, c’est que quitte à perdre mes habitudes et à changer de dispo,
je me suis dit que j’allais essayer une méthode qui tourne pas mal sur la communauté des clavier.
La variante A.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’idée est simple, mais pas facile à expliquer. En dactylographie, chaque touche est associée à un doigt.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;div &amp;gt;
  &amp;lt;img src=&amp;quot;ergol_ansi.svg&amp;quot; alt=&amp;quot;Un clavier ANSI&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;caption&amp;quot;&amp;gt;Un clavier ANSI, les différences avec le clavier ISO sont entouré en rouge.&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;div &amp;gt;
  &amp;lt;img src=&amp;quot;ergol_iso.svg&amp;quot; alt=&amp;quot;Un clavier ISO&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;caption&amp;quot;&amp;gt;Un clavier ISO, les différences avec un clavier ANSI sont entouré en rouge.&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;&amp;#x2F;div&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Sur un clavier décalé, les claviers « classiques », le décalage des touches induit un mouvement
des doigts inconfortable :  on a les doigts qui bougent en &amp;lt;code&amp;gt;\\&amp;lt;&amp;#x2F;code&amp;gt;.
Ce n’est pas symétrique, et ça casse un peu les poignets. Il en résulte que la main droite suit
un mouvement bien plus naturel et confortable.
Une punition de plus pour les mains gauches mal aimées.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’idée de la variante A, c’est d’utiliser la touche supplémentaire sur les claviers européen,
les fameux claviers ISO, pour corriger cette posture.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais pour ce faire sans dégrader la disposition, il faut décaler les symboles égalements.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;voyage-ergonomique-3&amp;#x2F;angle_mod.svg&amp;quot; alt=&amp;quot;description de la variante A.&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On passe alors d’un mouvement en &amp;lt;code&amp;gt;\\&amp;lt;&amp;#x2F;code&amp;gt; à un mouvment en &amp;lt;code&amp;gt;&amp;#x2F;\&amp;lt;&amp;#x2F;code&amp;gt;, certains y voient un &amp;lt;code&amp;gt;A&amp;lt;&amp;#x2F;code&amp;gt;
—c’est &amp;lt;em&amp;gt;l’angle-mod&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Avec cette variante, la position de frappe se rapproche de celle d’un clavier ergonomique.
C’est un gain énorme en confort, et ça rend l’utilisation d’un clavier ISO acceptable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est le détail qui permet de profiter du clavier de sont ordinateur portable.
Plus besoin de se déplacer avec un clavier ergonomique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Cerise sur le gateau, la touche &amp;lt;em&amp;gt;la moins confortable&amp;lt;&amp;#x2F;em&amp;gt;, la touche &amp;lt;kbd&amp;gt;B&amp;lt;&amp;#x2F;kbd&amp;gt;
n’est plus utilisée pour les lettres.
Étant équidistante des index (et pouvant donc être utilisée des deux mains),
certains y voient un emplacement parfait pour rapprocher la touche &amp;lt;em&amp;gt;backspace&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai une meilleur approche —avec une autre touche magique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;l-autre-touche-magique&amp;quot;&amp;gt;L’autre touche magique &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;La force d’Ergo‑L, c’est de considérer qu’il y a peu de touche agréables à utiliser.
Dès lors, on se focalise sur les symboles dont tout le monde à besoin pour frapper :
les lettres, la ponctuation, et les diacritiques nécéssaire au français.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est la seule façon d’être universaliste et de correspondre au besoin du plus grand
nombre. C’est donc une disposition qui n’apporte que le nécessaire, et ferme la
porte à toute les possibilités apportées par Unicode. Enfin pas tout à fait.
Pas sous Linux en tout cas qui possède encore une touche particulière.
Une touche qui, brille autant par son utilité que son manque d’emplacement physique
sur le clavier —la touche compose (&amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;).&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Cette touche, elle permet de frapper un symbole en en mélangeant d’autres.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Par exemple, &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;-&amp;lt;code&amp;gt;-&amp;amp;gt;&amp;lt;&amp;#x2F;code&amp;gt; donne &amp;lt;code&amp;gt;→&amp;lt;&amp;#x2F;code&amp;gt;, ou encore &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;-&amp;lt;code&amp;gt;tm&amp;lt;&amp;#x2F;code&amp;gt; donne &amp;lt;code&amp;gt;™&amp;lt;&amp;#x2F;code&amp;gt;.
Les séquences disponible de base dépendent de vos paramètres régionaux (ou &amp;lt;em&amp;gt;locale&amp;lt;&amp;#x2F;em&amp;gt;).
Vous trouverez &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;cgit.freedesktop.org&amp;#x2F;xorg&amp;#x2F;lib&amp;#x2F;libX11&amp;#x2F;plain&amp;#x2F;nls&amp;#x2F;en_US.UTF-8&amp;#x2F;Compose.pre&amp;quot;&amp;gt;ici les séquences composes&amp;lt;&amp;#x2F;a&amp;gt;
les plus courantes disponible pour la &amp;lt;em&amp;gt;locale&amp;lt;&amp;#x2F;em&amp;gt; en_EN, dont une bonne partie sont reprises en français.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais le plus intéressant, c’est qu’on peut ajouter nos propres séquences personnalisées.
Pour ça il suffit des les ajouter au fichier &amp;lt;code&amp;gt;~&amp;#x2F;.XCompose&amp;lt;&amp;#x2F;code&amp;gt; pour les adapter à vos besoins.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’avantage de cette méthode c’est que les séquences sont bien plus simple à mémoriser
qu’une touche arbitrairement définie sur un clavier.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On peut y mettre ses émojis préférés, ou des symboles utiles à votre usage.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Parlant d’Ergo‑L et de la touche typo (&amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;), nommée &amp;lt;em&amp;gt;one dead key&amp;lt;&amp;#x2F;em&amp;gt;
en anglais, j’ai naturellement une sécance &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;-&amp;lt;code&amp;gt;odk&amp;lt;&amp;#x2F;code&amp;gt; → &amp;lt;code&amp;gt;★&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;NB :&amp;lt;&amp;#x2F;strong&amp;gt; Ne pas oublier de recharger sa méthode de saisie (ex. sous Gnome &amp;lt;code&amp;gt;ibus restart&amp;lt;&amp;#x2F;code&amp;gt;) &amp;lt;strong&amp;gt;ou&amp;lt;&amp;#x2F;strong&amp;gt; de se relogger pour que les changements soient appliqués&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Pro-tip :&amp;lt;&amp;#x2F;strong&amp;gt; On peut, pour se simplifier la vie, en ajoutant des préfixes pour les séquences de mêmes types. Par exemple, dans mon fichier compose, tous les émojis commencent par le symbole &amp;lt;code&amp;gt;:&amp;lt;&amp;#x2F;code&amp;gt;. Cela permet d’éviter les collisions avec d’autres symboles tout en étant plus simple à mémoriser.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;On peut même aller plus loin et utiliser un système simple de &amp;lt;em&amp;gt;snipets&amp;lt;&amp;#x2F;em&amp;gt; grâce à la touche. Par exemple, &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt;-&amp;lt;code&amp;gt;rdv&amp;lt;&amp;#x2F;code&amp;gt;, peut donner &amp;lt;code&amp;gt;rendez-vous&amp;lt;&amp;#x2F;code&amp;gt;. Ça peut servir à écrire plus facilement son adresse courriel, son numéro de téléphone, ou d’autre informations pas trop sensibles quand même —le fichier est en claire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;a-deux-touches-du-bonheur&amp;quot;&amp;gt;À deux touches du bonheur&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Avec Ergo‑L (version ISO &amp;lt;em&amp;gt;a.k.a angle-mod&amp;lt;&amp;#x2F;em&amp;gt;), l’angle-mod, la touche &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt; et la touche &amp;lt;kbd&amp;gt;⎄&amp;lt;&amp;#x2F;kbd&amp;gt; idéalement positionnée, j’ai une disposition me permettant de taper en français, en anglais, d’avoir les symboles de programmation sous les doigts, et tout ce qu’Unicode peut offrir à la volée. Surtout, ça s’appuie sur des standards : Ergo‑L désormais intégré à Linux, Compose présent depuis longtemps dans les systèmes Unix.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;div &amp;gt;
  &amp;lt;img src=&amp;quot;ergol_am_compose.svg&amp;quot; alt=&amp;quot;Un clavier Ergo‑L avec l’angle-mod et la touche compose&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;caption&amp;quot;&amp;gt;Un clavier Ergo‑L avec l’angle-mod et la touche compose&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;p&amp;gt;Mais c’est l’&amp;lt;em&amp;gt;angle-mod&amp;lt;&amp;#x2F;em&amp;gt; qui m’a appris la chose la plus importante. Je suis rentré dans le monde de l’ergonomie par la disposition, mais c’est probablement ce qu’il y a de moins important. La géométrie du clavier lui-même, la posture, l’environnement sont autant de choses qui font l’ergonomie. Ma vision s’est rapprochée de celle de Kazé et tient en 3 mots : confort sans blessures.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Taper en Ergo‑L, même parfaitement configuré, dans une position trolesque dans son lit… n’est pas ergonomique.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Voyage Ergonomique : Bépolar et philosophie Ergo‑L</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-2&#x2F;"/>
                <updated>2026-03-08T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-2&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Les machines à écrire nous hantent encore. Sur le clavier, ça se voit
comme le nez au-dessus du visage.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;voyage-ergonomique-2&amp;#x2F;clavier_105_touches.png&amp;quot; alt=&amp;quot;Un clavier 105 touches illustrant les touches les plus confortables, les touches décalées et les touches en matrices&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les zones rouges, ce sont les zones héritées des machines à écrire :
les touches sont décalées. Les autres touches, ajoutées pour les
ordinateurs, sont disposées en matrices —plus organisées, mais surtout, plus
pratiques.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais ce n’est que le début.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les « touches mortes », vous savez, comme l’accent circonflexe en
Azerty : on tape la touche, il ne se passe rien, puis on tape une autre
touche (comme un &amp;lt;code&amp;gt;e&amp;lt;&amp;#x2F;code&amp;gt;), et l’accent apparaît. C’est une mécanique des
machines à écrire —la première touche servait à imprimer l’accent
&amp;lt;em&amp;gt;sans faire avancer le chariot&amp;lt;&amp;#x2F;em&amp;gt;, de sorte que la deuxième touche, la
lettre, soit apposée au même endroit. On s’épargnait ainsi une touche
dédiée par lettre accentuée.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Un autre exemple ? Les machines à écrire nécessitaient une grande
alternance des mains pour éviter de bloquer les marteaux en activant
des touches adjacentes. Des dispositions comme &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;fr.wikipedia.org&amp;#x2F;wiki&amp;#x2F;Disposition_Dvorak&amp;quot;&amp;gt;Dvorak&amp;lt;&amp;#x2F;a&amp;gt; —ou &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;bepo.fr&amp;#x2F;wiki&amp;#x2F;Accueil&amp;quot;&amp;gt;Bépo&amp;lt;&amp;#x2F;a&amp;gt;, qui
s’en inspire— ont hérité de cette contrainte. Pourtant, activer deux
touches adjacentes, pour peu qu’elles soient bien positionnées, c’est
l’un des enchaînements les plus confortables… &amp;lt;em&amp;gt;sur un clavier&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Toutes ces contraintes héritées des machines à écrire font partie
intégrante du mécanisme de base des dispositions « classiques » comme
Azerty, Qwerty, et même Bépo. Mais que se passe-t-il si on change de
paradigme et qu’on imagine une disposition &amp;lt;em&amp;gt;pensée pour les
ordinateurs&amp;lt;&amp;#x2F;em&amp;gt; ? Quelles sont les contraintes pertinentes pour
l’utilisation d’aujourd’hui ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ce sont les questions que se sont posées les créateurs d’Ergo‑L, et en
particulier &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;piaille.fr&amp;#x2F;@NuclearSquid&amp;quot;&amp;gt;Nuclear Squid&amp;lt;&amp;#x2F;a&amp;gt;, initiateur et chef du projet.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;la-philosophie-ergo-l&amp;quot;&amp;gt;La philosophie Ergo‑L&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;quot;&amp;gt;Ergo‑L&amp;lt;&amp;#x2F;a&amp;gt; est une disposition conçue pour être confortable en français,
en anglais, et pour faire du code. Pour y parvenir, ses créateurs ont
dû trancher : qu’est-ce qui compte vraiment aujourd’hui ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Leur réponse tient en quelques principes :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;les raccourcis clavier usuels (effectués à une main) sont des
standards ; il faut conserver leur emplacement autant que possible ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les touches les plus accessibles contiennent les lettres &amp;lt;em&amp;gt;sans
diacritiques&amp;lt;&amp;#x2F;em&amp;gt; ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les diacritiques sont produits à l’aide d’une touche unique
&amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;, sur laquelle je reviendrai ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;une couche dédiée à la programmation regroupe les symboles fréquents
en code, organisés de façon logique ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les roulements confortables sont recherchés et privilégiés face à
l’alternance des mains.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;On organise donc la frappe en plusieurs &amp;lt;em&amp;gt;couches&amp;lt;&amp;#x2F;em&amp;gt;, chacune ayant une
utilité : lettres, typographie, symboles. C’est l’opposé du paradigme
Bépo, qui cherche à tout mettre en accès direct quitte à positionner
certaines lettres trop loin. À la place, ce sont les touches qui
viennent sous les doigts.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est une approche moderne de la dactylographie, où les contraintes
des machines à écrire ne sont plus retenues ; où l’on fait table rase
du passé pour imaginer des solutions simples et élégantes.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je suis convaincu sur le papier, mais concrètement, comment ça
marche ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;la-couche-alpha-a&amp;quot;&amp;gt;La couche « alpha » α&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;C’est le nom qu’on donne aux touches accessibles en direct. Elles sont
uniquement présentes sur les 30 touches les plus accessibles : 5
touches par doigt sur 3 colonnes —les mêmes que celles utilisées par
Azerty et Qwerty pour les lettres. L’avantage : pas de touche comme le &amp;lt;code&amp;gt;É&amp;lt;&amp;#x2F;code&amp;gt;
de Bépo, parfois mal reconnue pour les jeux ou les raccourcis clavier
personnalisés.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;la-touche-typographique&amp;quot;&amp;gt;La touche typographique &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;La touche typographique est une &amp;lt;em&amp;gt;touche magique&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On n’utilise plus de machine à écrire, donc on s’affranchit de la
contrainte historique : une touche morte, un seul diacritique. La
touche &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;, elle, ne se cantonne pas à une seule action. Elle
donne accès à &amp;lt;em&amp;gt;tous&amp;lt;&amp;#x2F;em&amp;gt; les caractères nécessaires à la frappe du
français : accents grave, aigu, circonflexe, tréma, cédille, mais
aussi les ligatures (&amp;lt;code&amp;gt;œ&amp;lt;&amp;#x2F;code&amp;gt; &amp;lt;code&amp;gt;æ&amp;lt;&amp;#x2F;code&amp;gt;), et un certain
nombre de tirets dont les tirets (demi-)cadratins cher à ChatGPT.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Comme le dit un ergonaute : avec la touche &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;, on a deux
fois plus de caractères sur la ligne de repos —et ça, c’est
formidable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est cette addition qui permet d’être à la fois efficace en français
et en anglais. Il n’y a plus besoin d’arbitrer entre une lettre avec
accent (qui privilégie le français) et une lettre sans (mécaniquement
plus fréquente en anglais). Les deux coexistent, chacune à sa place.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;la-couche-altgr&amp;quot;&amp;gt;La couche &amp;lt;kbd&amp;gt;AltGr&amp;lt;&amp;#x2F;kbd&amp;gt;&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Dédiée à la programmation, elle regroupe les symboles fréquents en
code. Hasard fortuit : il y en a 30 —soit le même nombre que les
touches principales.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;voyage-ergonomique-2&amp;#x2F;ergol_altgr.svg&amp;quot; alt=&amp;quot;La couche AltGr&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Les caractères sont organisés de façon logique et cohérente : les
paires sont regroupées (&amp;lt;code&amp;gt;() {} [] &amp;amp;lt;&amp;amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;), les opérateurs ensemble, et la
navigation dans Vim est pensée pour être naturelle sans remappage. Tout
cela est bien mieux expliqué dans &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;#x2F;articles&amp;#x2F;vim_pour_les_ergonautes&amp;#x2F;&amp;quot;&amp;gt;l’article de Kazé : Vim pour les
Ergonautes&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;ergo-l-pas-encore&amp;quot;&amp;gt;Ergo‑L ? Pas encore.&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Le problème, à l’époque, c’est qu’Ergo‑L n’est pas stable. La
disposition est en plein développement et connaîtra encore plusieurs
changements importants. Je ne me vois pas apprendre une nouvelle
disposition tous les quatre matins au risque de perdre en productivité
au travail.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En revanche, le groupe derrière Ergo‑L, conscient qu’il n’existe pas
de disposition idéale, développe plusieurs outils :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;OneDeadKey&amp;#x2F;kalamine&amp;quot;&amp;gt;Kalamine&amp;lt;&amp;#x2F;a&amp;gt; : un générateur de pilote &amp;lt;em&amp;gt;cross-platform&amp;lt;&amp;#x2F;em&amp;gt; ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;un analyseur (en cours d’intégration à Kalamine, travail initié par votre serviteur), permettant de repérer rapidement les défauts
d’une disposition ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;#x2F;dactylo&amp;#x2F;&amp;quot;&amp;gt;ducktypist&amp;lt;&amp;#x2F;a&amp;gt; : un composant web pour apprendre une disposition, réutilisant les fichiers générés par Kalamine.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Il n’en faut pas plus pour me motiver à contacter les développeurs.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;bepolar&amp;quot;&amp;gt;Bépolar&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;L’idée est simple : capitaliser sur mon apprentissage de Bépo pour en
faire une variante suivant les préceptes d’Ergo‑L. Un investissement
faible pour vérifier si la promesse tient —réduire le nombre de
touches pour augmenter le confort— et rendre Bépo enfin compatible avec
l’anglais.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Adapter une disposition, c’est bien plus simple que de partir de zéro.
Mes contraintes étaient claires :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;rester le plus proche possible de Bépo ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;garder les chiffres en accès direct (par préférence personnelle) ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;supprimer les touches à diacritique comme &amp;lt;code&amp;gt;É È&amp;lt;&amp;#x2F;code&amp;gt; pour &amp;lt;em&amp;gt;rapprocher&amp;lt;&amp;#x2F;em&amp;gt; les touches trop excentrées ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;positionner les caractères restants de façon à minimiser les enchaînements inconfortables : bigrammes de même doigt, ciseaux,
etc. ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;adopter la couche &amp;lt;kbd&amp;gt;AltGr&amp;lt;&amp;#x2F;kbd&amp;gt; développée par Ergo‑L.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Je n’étais pas le seul à avoir cette idée —d’autres avaient commencé,
mais avaient fait des dispositions très personnelles, adaptées à leur
usage. Je voulais quelque chose de plus universel : un outil que
d’autres pourraient utiliser pour tester rapidement si la philosophie
Ergo‑L leur convenait.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je vous passe les détails de conception, mais cette période fut
passionnante. Bépolar et Ergo‑L ont fini par se nourrir mutuellement.
Je propose par exemple d’inclure le point d’exclamation dans les 30
touches confortables, en reléguant le tréma, peu usité, en double
pression sur &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;voyage-ergonomique-2&amp;#x2F;bepolar_simple.svg&amp;quot; alt=&amp;quot;La disposition Bépolar. Les touches vertes sont accessibles via la touche ★&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ce qui me frappe immédiatement : correspondre en anglais n’est plus
une contrainte. C’est un plaisir. La touche &amp;lt;kbd&amp;gt;★&amp;lt;&amp;#x2F;kbd&amp;gt; n’a pas la
&amp;lt;em&amp;gt;meilleure&amp;lt;&amp;#x2F;em&amp;gt; position qui soit, mais elle ne représente que 4 % des
frappes —et surtout, son existence libère d’autres touches, rendant la
frappe bien plus confortable, que ce soit en français ou en anglais.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Venant de Bépo, l’apprentissage est remarquablement rapide. Deux jours
pour retrouver mes repères et ma vitesse. Moins d’une semaine pour
toutes les personnes que je connais qui y sont passées. Ma précision
augmente aussi, ce qui me permet &amp;lt;em&amp;gt;in fine&amp;lt;&amp;#x2F;em&amp;gt; de taper plus vite.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Et pourtant, je ne serai pas parmi les premiers à migrer vers Ergo‑L
à sa sortie. Je resterai encore de longs mois sous Bépolar, redoutant
de devoir tout réapprendre.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour les autres utilisateurs de la disposition, c’est un déclic. Je ne
connais personne qui soit revenu en arrière. Certains ont continué vers
Ergo‑L. D’autres sont restés sur Bépolar, satisfaits du compromis
qu’il apportait —confort accru sans réapprentissage.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ce qui est unanime, c’est la confirmation que la philosophie Ergo‑L
fonctionne et améliore largement le confort de frappe.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion&amp;quot;&amp;gt;Conclusion&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Bépolar m’a appris une chose essentielle : la promesse d’Ergo‑L tient.
Réduire le nombre de touches accessibles en direct, confier les
diacritiques à une touche dédiée, organiser les symboles en couche
logique —tout cela fonctionne. Et le vérifier n’a coûté que deux
jours d’adaptation.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ce qui est moins évident, c’est ce que Bépolar m’a &amp;lt;em&amp;gt;aussi&amp;lt;&amp;#x2F;em&amp;gt; appris sur
moi : qu’on peut être convaincu par une idée et quand même hésiter à
franchir le pas. Ergo‑L était là, stable, prêt. Et j’ai quand même
attendu.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Si j’ai fini par franchir le pas, c’est aussi pour intégrer d’autres changements importants —la disposition ne fait pas tout.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Voyage Ergonomique : Errances &amp; Typographie</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-1&#x2F;"/>
                <updated>2026-02-24T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;voyage-ergonomique-1&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Je suis tombé dans le terrier de lapin de l’ergonomie clavier en 2023.
J’avais un peu de temps et je me suis dit que c’était un bon investissement que de me lancer dans l’apprentissage de la &amp;lt;strong&amp;gt;dactylographie&amp;lt;&amp;#x2F;strong&amp;gt;. Le but, c’était de gagner du temps en tapant, mais aussi du confort.&amp;lt;br &amp;#x2F;&amp;gt;
À l’époque, je tapais à 2 ou 4 doigts, sur un clavier ANSI, mais je savais que je pouvais faire mieux :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;div &amp;gt;
  &amp;lt;img src=&amp;quot;1vs10_fingers.jpeg&amp;quot; alt=&amp;quot;Un meme : on voit un clavier avec chaque touche assigée à un doigt grâce à un système de couleur, puis, moi, avec un doigt multicolor&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;caption&amp;quot;&amp;gt;La méthode « hunt&amp;amp;amp;peck » que j’utilisais&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;&amp;#x2F;div&amp;gt;
&amp;lt;p&amp;gt;Ce que je ne savais pas à l’époque, c’est que c’est un monde fascinant, encore en évolution, où la science n’a pas encore tout tranché.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;À l’époque, je tapais en &amp;lt;strong&amp;gt;Qwerty-international&amp;lt;&amp;#x2F;strong&amp;gt;, et je ne comprenais pas pourquoi tout le monde ne faisait pas de même. Après tout, c’était &amp;lt;em&amp;gt;pratique&amp;lt;&amp;#x2F;em&amp;gt;, surtout comparé à l’Azerty :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;les chiffres étaient en accès direct ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les symboles courants en programmation étaient mieux placés (&amp;lt;code&amp;gt;{ } | &amp;#x27; &amp;lt;&amp;#x2F;code&amp;gt;) ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les accents français se faisaient via des touches mortes (`“ ’ ``) pour le tréma, l’accent aigu et l’accent grave.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;C’était pratique en &amp;lt;em&amp;gt;hunt &amp;amp;amp; peck&amp;lt;&amp;#x2F;em&amp;gt;. Surtout c’était présent sur tous les ordinateurs par défaut, et suffisamment proche d’Azerty pour que je puisse taper ainsi même sur un clavier marqué Azerty.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ah, l’innocence !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Aujourd’hui, je me demande comment on peut se servir de cette disposition au quotidien.&amp;lt;br &amp;#x2F;&amp;gt;
La différence ? La dactylographie. En apprenant à se servir de ses 9 ou 10 doigts pour taper, les contraintes changent complètement.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;video autoplay loop muted=&amp;quot;true&amp;quot;  
    class=&amp;quot;gif&amp;quot;&amp;gt;
    &amp;lt;source src=&amp;quot;miguel-as-de-la-jungle.mp4&amp;quot; type=&amp;quot;video&amp;#x2F;mp4&amp;quot;&amp;gt;
    Your browser does not support the video tag.
&amp;lt;&amp;#x2F;video&amp;gt;&amp;lt;h2 id=&amp;quot;le-depart-qwerty-international&amp;quot;&amp;gt;Le Départ : Qwerty-International&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;J’avais donc décidé de me lancer dans l’apprentissage de la dactylo.
C’est d’abord très éprouvant mentalement. Même en se cantonnant à 5 à 15 minutes par jour, je sortais de session sans énergie mentale. Apprendre à utiliser ses 9 doigts et à les coordonner est étonnamment fatigant — adulte, on n’apprend plus aussi vite, ni aussi bien. Puis, on est crispé, on commence donc à ressentir de petites tensions et douleurs dans les mains.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Enfin, ça devient plus fluide. Je dépasse péniblement les 25 mpm, mais quelque chose cloche : je ne trouve pas Qwerty très confortable, même en anglais. Et je n’étais encore qu’aux exercices en anglais, sans tous les accents et diacritiques français. Plus j’avançais, pire c’était :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;j’avais l’impression que mon index et mon majeur passaient beaucoup trop de temps sur la ligne du haut ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;mon auriculaire droit commençait à souffrir, très sollicité pour les &amp;lt;code&amp;gt;M&amp;lt;&amp;#x2F;code&amp;gt; et les diacritiques &amp;lt;code&amp;gt;´ ˝&amp;lt;&amp;#x2F;code&amp;gt; ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les accents graves étaient loin à aller chercher, trop loin.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Je me suis dit qu’après tout, cela ne faisait qu’une semaine que je travaillais la disposition : je pouvais encore changer.
Mais changer pour quoi ? Je me suis mis à la recherche d’une disposition optimisée pour le français, puisque c’était le principal défaut que je trouvais à Qwerty-international. Un défaut impossible à voir tant qu’on est en &amp;lt;em&amp;gt;hunt &amp;amp;amp; peck&amp;lt;&amp;#x2F;em&amp;gt; : toutes les touches se valent, et les auriculaires sont peu sollicités.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La dactylographie, c’est très pratique : les mots apparaissent à l’écran quand on y pense, on peut se concentrer sur ce qu’on écrit plutôt que sur l’action de taper. Mais ça pousse aussi à s’éloigner de la norme. Impossible de rester en Qwerty pour ma part (et Azerty est largement pire).
J’ai alors écumé le web à la recherche de mieux…&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;tl-dr-qwerty-international&amp;quot;&amp;gt;TL;DR Qwerty-international&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;La dactylographie rend la position des touches critique.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Les touches excentrées surchargent les auriculaires.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;5 à 15 min&amp;#x2F;jour suffisent pour acquérir des bases en ~2 semaines.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Qwerty-international est peu confortable et très asymétrique.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;h2 id=&amp;quot;bepo-un-progres-arrive-100-ans-trop-tard&amp;quot;&amp;gt;Bépo : Un progrès arrivé 100 ans trop tard.&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;…Et je suis retombé sur &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;bepo.fr&amp;quot;&amp;gt;Bépo&amp;lt;&amp;#x2F;a&amp;gt;, dont j’avais entendu parler lors de sa certification AFNOR.
Quelque part, c’était rassurant : la disposition a été réfléchie. Elle est pensée pour le français ; avec Bépo, je ne pouvais pas me tromper ! Je me lance.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je n’avais pas bien compris qu’en dactylo, on n’a plus besoin de regarder les touches. On tape en aveugle ; mon critère de « suffisamment proche d’Azerty » devenait caduque. Tant mieux, ça me laissait plus de liberté. Je voulais cependant rester sur un clavier « classique » : pas envie d’être perdu ailleurs, ni de voyager avec un clavier dans un sac déjà trop rempli.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Bépo était déroutant au début, mais très plaisant : on peut vite faire des mots, voire des phrases, sur la ligne de repos (&amp;lt;em&amp;gt;home row&amp;lt;&amp;#x2F;em&amp;gt;). C’est très agréable en français. Je passe d’un clavier ANSI à un clavier ISO quand je remarque que la touche supplémentaire permet de taper directement &amp;lt;code&amp;gt;Ê&amp;lt;&amp;#x2F;code&amp;gt; : pratique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;details&amp;gt;
&amp;lt;summary&amp;gt;
Je découvre avec joie l’accès à des caractères supplémentaires &amp;lt;br&amp;gt; pour une bonne typographie…
&amp;lt;&amp;#x2F;summary&amp;gt;
&amp;lt;h3 id=&amp;quot;digression-typographique&amp;quot;&amp;gt;Digression typographique&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;J’apprends que, pour faire bien, il faut utiliser l’apostrophe typographique &amp;lt;code style=&amp;quot;font-size:1.2em;&amp;quot;&amp;gt;’&amp;lt;&amp;#x2F;code&amp;gt; plutôt que l’apostrophe droite &amp;lt;code style=&amp;quot;font-size:1.2em;&amp;quot;&amp;gt;&amp;#x27;&amp;lt;&amp;#x2F;code&amp;gt;, qui sert surtout en programmation.
Soit. C’est vrai que visuellement, ça fait mieux. Ça fait « comme dans les livres ».&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’apprends aussi qu’on dit &amp;lt;em&amp;gt;une&amp;lt;&amp;#x2F;em&amp;gt; espace &amp;lt;kbd&amp;gt;␣&amp;lt;&amp;#x2F;kbd&amp;gt; et qu’il en existe plusieurs sortes : la classique entre les mots, mais aussi l’insécable et l’insécable fine.&amp;lt;br &amp;#x2F;&amp;gt;
Pourquoi ? En français, on met &amp;lt;em&amp;gt;une espace&amp;lt;&amp;#x2F;em&amp;gt; avant certains caractères comme &amp;lt;code&amp;gt;? ! « » ; : €&amp;lt;&amp;#x2F;code&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Avec une espace classique, on risque d’avoir un caractère orphelin en début de ligne suivante :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;plain&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;On ne veut pas de ça&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;!&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;---&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;On veut ça !&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Les espaces insécables garantissent que ça n’arrive pas.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La différence entre l’insécable et l’insécable fine, c’est simplement la largeur : la fine est plus… fine. Je trouve que ça se rapproche davantage de l’écriture manuscrite, donc je privilégie l’insécable fine avant les unités et les ponctuations doubles.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;details&amp;gt;
&amp;lt;p&amp;gt;L’avantage de Bépo, c’est que certains symboles typographiques sont présents de base et placés de façon logique. Mais cela éloigne certains caractères fréquents en programmation (&amp;lt;code&amp;gt;# $ %&amp;lt;&amp;#x2F;code&amp;gt;). Ce n’est pas dramatique pour moi, n’étant pas développeur de métier, mais ça se ressent tout de même.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;entrainement-a-la-dactylographie&amp;quot;&amp;gt;Entraînement à la dactylographie&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Très vite, l’entraînement devient addictif.
En deux semaines, je connais tout le clavier par cœur, à 25 mpm : lent et frustrant.
En un mois, je passe 40 mpm : suffisant pour travailler, mais en dessous de ma vitesse de base (~55 mpm en recopie, ~70 mpm en dictée).
En deux mois, je suis à 60–70 mpm : lune de miel.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais tout n’est pas parfait : &amp;lt;code&amp;gt;Ç Z W&amp;lt;&amp;#x2F;code&amp;gt; sont loin, mais rares en français. Hein, hein ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Non.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En démarrant un nouvel emploi, où je dois communiquer presque exclusivement en anglais, le problème est immédiat. Bépo a été conçu pour le français, et ça se voit. Taper l’anglais, notamment les &amp;lt;code&amp;gt;wh&amp;lt;&amp;#x2F;code&amp;gt;, est très pénible —et fréquent.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est frustrant. J’avais trouvé une disposition acceptable en français, mais c’est pénible pour le code et quasiment inutilisable en anglais.&amp;lt;br &amp;#x2F;&amp;gt;
En somme, Bépo est arrivé 100 ans trop tard, il aurait fait le bonheur des dactylographes sur machine à écrire : que du français, pas de code.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;tl-dr-bepo&amp;quot;&amp;gt;TL;DR Bépo&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Pas mal pour le français.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Symboles de programmation parfois éloignés.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Mauvais compromis pour l’anglais moderne.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;hr &amp;#x2F;&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion-apres-deux-mois-de-dactyloraphie&amp;quot;&amp;gt;Conclusion après deux mois de dactyloraphie&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Après deux mois de dactylographie, j’avais appris à taper à 9 doigts, mais je ne savais plus quelle disposition utiliser ; Qwerty était universel mais inconfortable, Bépo améliorait le français au dépans du reste.
Je me retrouvais dans un entre-deux frustrant : trop engagé pour revenir en arrière, pas totalement satisfait pour continuer.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je ne pouvais pas être le seul francophone à taper en anglais et à coder.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En cherchant, je suis tombé sur une petite communauté qui se posait exactement les mêmes questions —&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;quot;&amp;gt;Ergo-L&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est là que les choses sont devenues vraiment intéressantes.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Commenter un site Statique (Zola) grâce au Fédiverse</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;commenter-un-site-statique-grace-au-fediverse&#x2F;"/>
                <updated>2026-02-14T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;commenter-un-site-statique-grace-au-fediverse&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Un blog sert à publier, mais aussi à échanger.
J’utilise un site statique pour sa simplicité et sa robustesse, hébergé sur GitHub Pages. Cela fonctionne très bien, mais il n’y a pas de système de commentaires intégré.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Par défaut, je propose de me contacter via le Fédiverse, par exemple sur Mastodon. Je republiais parfois mes billets sur mon compte, et le fil de discussion servait alors de section de commentaires.
Je me suis demandé s’il était possible d’afficher directement ces discussions sous mes articles, sans transformer mon site en application dynamique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En parcourant le blog de &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;lazybea.rs&amp;#x2F;&amp;quot;&amp;gt;Hyde&amp;lt;&amp;#x2F;a&amp;gt;, notamment via sa série Under&amp;#x2F;Over et l’intervention de &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;mamot.fr&amp;#x2F;@ploum&amp;quot;&amp;gt;Ploum&amp;lt;&amp;#x2F;a&amp;gt;, j’ai vu son intégration inspirée d’&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;carlschwan.eu&amp;#x2F;2020&amp;#x2F;12&amp;#x2F;29&amp;#x2F;adding-comments-to-your-static-blog-with-mastodon&amp;#x2F;&amp;quot;&amp;gt;un article de Carl Schwan&amp;lt;&amp;#x2F;a&amp;gt;, j’y ai trouvé une solution simple : charger les commentaires depuis l’API Mastodon côté client. J’ai adapté cette approche à &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.getzola.org&amp;#x2F;&amp;quot;&amp;gt;zola&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;le-principe&amp;quot;&amp;gt;Le principe&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Mastodon expose une API permettant de récupérer le contexte d’un message :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;shellscript&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;https:&amp;#x2F;&amp;#x2F;$&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;{&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; host&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; }&amp;#x2F;api&amp;#x2F;v1&amp;#x2F;statuses&amp;#x2F;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;$&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;{&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; comment_id&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; }&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;#x2F;context&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Cette API renvoie les messages précédents (&amp;lt;em&amp;gt;ancestors&amp;lt;&amp;#x2F;em&amp;gt;) et les réponses (&amp;lt;em&amp;gt;descendants&amp;lt;&amp;#x2F;em&amp;gt;).
Dans notre cas, seuls les descendants nous intéressent : ce sont les commentaires.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Un script JavaScript se charge de :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;récupérer ces données ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;générer le HTML correspondant ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;insérer les commentaires dans la page.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;h3 id=&amp;quot;limites&amp;quot;&amp;gt;Limites&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Cette approche a quelques limites à garder en tête, de la moins pénible à la plus contraignante :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;Il faut avoir JavaScript d’activé, c’est une majorité de personnes, mais pas tout le monde. On peut envoyer vers le fil mastodon pour ceux qui ne l’on pas d’activé.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Le &amp;lt;em&amp;gt;workflow&amp;lt;&amp;#x2F;em&amp;gt; est manuel et un poil pénible, il faut :
&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;Publier le billet ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;publier le lien sur le Fédiverse ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;récupérer l’identifiant du post ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;ajouter cet indentifiant dans les métadonnées du billet ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;republier le site.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ol&amp;gt;
&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;les foncitonnalités de mastodon ne sont pas toutes gérées : pas de CW, de pièces jointes.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;La modération est déléguée à Mastodon, on a moins de contrôle sur ce qui se fait. Si on est admin de son instance c’est pas trop gênant, mais ce n’est pas mon cas.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Le billet dépend de l’instance : si le post disparaît, les commentaires aussi. Une solution serait d’archiver régulièrement les réponses côté serveur, ce que je n’ai pas encore mis en place.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ol&amp;gt;
&amp;lt;p&amp;gt;Tout ça me semble globalement acceptable, on va donc passer à la suite : l’implémentation.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;integration-a-zola&amp;quot;&amp;gt;Intégration à Zola&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;h3 id=&amp;quot;variables-d-environnement&amp;quot;&amp;gt;Variables d’environnement&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Dans le fichier &amp;lt;code&amp;gt;config.toml&amp;lt;&amp;#x2F;code&amp;gt;, j’ajoute l’adresse de l’instance cible et le nom de l’utilisateur qui postera les billets.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;toml&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;[&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;extra&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;.&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;mastodon&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;]&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;host&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;diaspodon.fr&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;username&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;CedC&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Chaque billet peut ensuite définir l’identifiant du post mastodon dans ses métadonnées (&amp;lt;em&amp;gt;frontmatter&amp;lt;&amp;#x2F;em&amp;gt;).&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;toml&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;[&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;extra&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;]&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;comment_id&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;1234567890&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Note :&amp;lt;&amp;#x2F;strong&amp;gt;
J’ai choisi de mettre l’adresse de l’instance dans la configuration globale du site pour éviter d’avoir à le taper pour chaque billet, mais cela sous-entend qu’on ne changera pas d’instance en cours de route. Il serait sûrement plus sûr de mettre le tout dans les métadonnées pour plus de flexibilité.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;h3 id=&amp;quot;template-html&amp;quot;&amp;gt;Template HTML&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Dans &amp;lt;code&amp;gt;page.html&amp;lt;&amp;#x2F;code&amp;gt;, le squelette des pages de mon blog dans zola, j’ajoute une section commentaires peuplée si &amp;lt;code&amp;gt;comment_id&amp;lt;&amp;#x2F;code&amp;gt; est défini.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;&amp;amp;lt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#B31D28, #FDAEB7);font-style: italic;&amp;quot;&amp;gt;comments&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; id&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;=&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;comments&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;&amp;amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;    {% if page.extra.comment_id %}&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;      {% set comment_id = page.extra.comment_id %}&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;      {% include &amp;amp;quot;shortcodes&amp;#x2F;comments.html&amp;amp;quot; %}&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;    {% endif %}&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;&amp;amp;lt;&amp;#x2F;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#B31D28, #FDAEB7);font-style: italic;&amp;quot;&amp;gt;comments&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;&amp;amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Le fichier &amp;lt;code&amp;gt;shortcodes&amp;#x2F;comments.html&amp;lt;&amp;#x2F;code&amp;gt; contient le bouton de chargement et les variables nécessaires au script JavaScript. Le fait de le séparer ainsi plutôt que d’intégrer le tout directement dans la page permet d’appeler le shortcode &amp;lt;code&amp;gt;comments(comment_id=foo)&amp;lt;&amp;#x2F;code&amp;gt; à l’intérieur d’un fichier markdown si besoin. Ça permet en outre de garder une structure claire pour notre blog.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;javascript&amp;quot;&amp;gt;JavaScript&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Tous les scripts sont dans le dossier &amp;lt;code&amp;gt;static&amp;#x2F;js&amp;#x2F;comments&amp;lt;&amp;#x2F;code&amp;gt;
J’ai retouché à la marge le script de Scott, simplement pour modifier l’HTML généré, le simplifier un peu et l’adapté pour mon blog.
Tout le reste est intact. C’est plutôt bien fait, il y a même un appel à &amp;lt;code&amp;gt;DOMPurify&amp;lt;&amp;#x2F;code&amp;gt; pour éviter les attaques par &amp;lt;em&amp;gt;crosscritpting&amp;lt;&amp;#x2F;em&amp;gt;. J’ai préféré rapatrier en local le fichier plutôt que de faire appel à un CDN.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;style&amp;quot;&amp;gt;Style&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Le ficher &amp;lt;code&amp;gt;static&amp;#x2F;css&amp;#x2F;comments.css&amp;lt;&amp;#x2F;code&amp;gt; gère le style des commentaires de façon minimale.
Le style est volontairement simple : avatar à gauche, contenu à droite, métadonnées en haut et actions en bas. Pas de couleur pour s’adapter le plus facilement possible aux différents thèmes.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;vue-globale-des-modifications&amp;quot;&amp;gt;Vue globale des modifications&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;On a modifié beaucoup de fichiers, voici un récapitulatif des fichiers touchés :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;shellscript&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;.&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; config.toml&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; content&amp;#x2F;blog&amp;#x2F;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;*&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;.md&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6A737D, #6A737D);&amp;quot;&amp;gt;          #&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6A737D, #6A737D);&amp;quot;&amp;gt; comment_id dans le frontmatter&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; static&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;│&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;   ├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; css&amp;#x2F;comments.css&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;│&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;   └──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; js&amp;#x2F;comments&amp;#x2F;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;│&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;       ├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; comments.js&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;│&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;       ├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; purify.min.js&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;│&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;       └──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; purify.min.js.map&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;└──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; templates&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;    ├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; page.html&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;    └──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; shortcodes&amp;#x2F;comments.html&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;&amp;lt;h2 id=&amp;quot;conclusion&amp;quot;&amp;gt;Conclusion&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;C’est ainsi que j’ai récupéré un système de commentaires pour mon site statique.
L’intégration reste simple, facultative et minimaliste, avec un code que je peux comprendre et maintenir.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je délègue au Fédiverse la gestion et l’archivage des commentaires. Ce n’est pas un contrôle total, mais c’est un compromis que j’accepte volontiers : pas de base de données, pas de backend, et des échanges décentralisés.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ce projet n’aurait pas été possible sans le travail et les partages d’autres personnes. Je publie donc cette adaptation à mon tour, pour contribuer à cette chaîne.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Si vous utilisez Zola (ou un autre générateur statique), cette approche devrait s’adapter sans trop de difficultés.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>GrapheneOS : la pénultième étape de ma déGAFAMisation</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;grapheneos&#x2F;"/>
                <updated>2026-02-04T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;grapheneos&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Je ne pensais pas réinstaller une ROM sur un téléphone un jour.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’avais essayé CyanogenMod il y a longtemps, plus de 10 ans, au début des smartphones. Si ça fonctionnait assez bien, je n’y avais pas vu de véritable bénéfice à l’époque. C’était censé être plus léger, mais c’était quand même poussif avec mon téléphone d’alors, un LG Optimus L7 de mémoire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai donc arrêté de regarder.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’avais entendu parler de &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;grapheneos.org&amp;#x2F;&amp;quot;&amp;gt;GrapheneOS&amp;lt;&amp;#x2F;a&amp;gt;, mais pas au point de vouloir essayer. Après tout, mon téléphone est mon outil de travail, j’ai besoin que ça fonctionne. Mais Android (comme iOS) n’est pas parfait. Pire, il y a des défauts qui me dérangent vraiment :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Il n’est pas possible de supprimer certaines applications comme YouTube par défaut. Et c’est parfois tentant de regarder une vidéo au moindre temps mort (&amp;lt;em&amp;gt;cf.&amp;lt;&amp;#x2F;em&amp;gt; mon &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;pourquoi-se-concentrer-est-devenu-un-acte-militant&amp;#x2F;&amp;quot;&amp;gt;article sur l’attention&amp;lt;&amp;#x2F;a&amp;gt;) ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Servir ses données sur un plateau d’argent à une entreprise qui s’en servira probablement pour entraîner des IA qui ne correspondent pas au modèle que je défends ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Le fait de ne pas pouvoir contrôler son téléphone complètement et de se voir des fonctionnalités refusées sans Android&amp;#x2F;iOS. Pas de paiement sans contact possible avec des systèmes alternatifs comme &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.ubuntu-touch.io&amp;#x2F;&amp;quot;&amp;gt;Ubuntu Touch&amp;lt;&amp;#x2F;a&amp;gt; ou &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;plasma-mobile.org&amp;#x2F;&amp;quot;&amp;gt;Plasma Mobile&amp;lt;&amp;#x2F;a&amp;gt; ; pire, l’État pousse de plus en plus pour avoir des applications « sécurisées » pour accéder à ses services numériques, comme &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.franceconnect.gouv.fr&amp;#x2F;franceconnect-plus&amp;quot;&amp;gt;FranceConnect+&amp;lt;&amp;#x2F;a&amp;gt;, qui demande d’avoir un téléphone dépendant des États-Unis.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Donc quand mon téléphone —le premier téléphone Google que j’achète— tombe en rade après moins de deux ans, je me dis que je ne veux plus donner de l’argent à Google et me demande quelles sont les alternatives.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En cherchant les alternatives possibles, je ne trouve pas grand-chose de très enthousiasmant. Je retombe par contre sur GrapheneOS, et c’est là que je me dis qu’il est peut-être temps de dire au revoir à l’un des derniers services des GAFAM que j’utilise : Android.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;installation&amp;quot;&amp;gt;Installation&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;J’achète un téléphone Google d’occasion, en m’assurant que le problème connu que j’ai eu sur celui qui a rendu l’âme (chargement d’électricité statique) est résolu. Je prends un modèle reconditionné, pas cher.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ça fera le taf.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai un plan pour me passer complètement de téléphone à l’avenir, mais il faut encore que j’essaie « pour de vrai ». Je me dis que, sur le papier, GrapheneOS répond à beaucoup de problèmes que j’ai soulevés avec Android :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;Il est compatible avec toutes les applications, ou presque&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Il permet d’avoir les services Google dans un environnement cloisonné pour les applications qui s’appuient dessus (plus qu’on ne le pense). Il permet en outre de choisir les accès qu’on donne à Google, qui est traité comme n’importe quelle autre application&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Il ne transmet pas de données personnelles par défaut&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Il se veut plus sécurisé, même si je n’ai pas les compétences pour le vérifier&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ol&amp;gt;
&amp;lt;p&amp;gt;C’est pas mal, donc. Suffisamment prometteur pour se donner la peine de l’installer. J’ai le souvenir de procédures compliquées pour les ROMs de l’époque ; est-ce toujours le cas ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Étrangement, non ! C’est beaucoup plus simple. Mais pas accessible à tout le monde pour autant.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Sous Linux, il y a deux façons d’installer :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;Une interface web qu’ils proposent&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;La ligne de commande&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ol&amp;gt;
&amp;lt;p&amp;gt;Je tente l’option de la simplicité, ça ne fonctionne pas. Le retour n’est pas très loquace sur les raisons pour lesquelles l’étape échoue. Je le comprendrai plus tard.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je me retranche sur la ligne de commande et je comprends qu’une bibliothèque est obsolète et que je dois installer la dernière version à la main pour pouvoir avancer. J’aurais peut-être pu retourner sur l’interface web pour la suite, mais maintenant que je suis devant un terminal, je continue. Au moins, les erreurs donnent des pistes sur le &amp;lt;em&amp;gt;pourquoi&amp;lt;&amp;#x2F;em&amp;gt; une étape échoue.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour peu qu’on sache lire une documentation, interpréter les retours de la ligne de commande et qu’on ait quelques notions d’informatique, l’installation n’est pas trop compliquée.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’aurais peut-être eu la naïveté de le recommander à n’importe qui avant, mais force est de constater que ce n’est pas le cas. Ma compagne n’aurait pas réussi. Il faut quand même comprendre ce qu’on fait, savoir mettre à jour des dépendances à la main, même sous Ubuntu 25.10, qui se veut pourtant récent.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Une fois installé, on a un petit message à chaque redémarrage indiquant qu’un autre OS qu’Android est installé. Je ne sais pas si c’est censé faire peur, mais moi, ça me rassure. Ça veut dire que Google ne sait pas ce que je fais, et que ça l’embête.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;utilisation&amp;quot;&amp;gt;Utilisation&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;À l’utilisation, ce n’est pas très différent d’Android. C’est même pratiquement la même chose, à ceci près que l’on dispose d’un peu plus de contrôle sur les autorisations accordées aux applications. Toutes les applications. Même celles de Google, que j’évite.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’environnement cloisonné dans lequel on peut installer les services Google est très simple d’accès, et des réglages permettent de définir des règles afin de le désactiver automatiquement. Je m’en sers peu, mais l’expérience est très fluide, bravo pour cette approche.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;applications-utilisees&amp;quot;&amp;gt;Applications utilisées&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;J’installe les applications de préférence via &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;f-droid.org&amp;#x2F;&amp;quot;&amp;gt;F-Droid&amp;lt;&amp;#x2F;a&amp;gt; quand je trouve mon bonheur (souvent), sinon je passe par Aurora, qui permet d’accéder aux applications présentes sur le Play Store.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Via F-Droid :&amp;lt;&amp;#x2F;strong&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Fossify Calendar – très bon calendrier&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Aves Libre – galerie&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;CoMaps – GPS hors ligne avec circuits de randonnée très précis. C’est un peu long à se géolocaliser, mais ça fonctionne globalement bien&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Nextcloud – sauvegarde de photos sur le cloud et accès à mes fichiers personnels&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;DAVx⁵ – synchronisation du calendrier et des contacts&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Forkgram – client Telegram que j’utilise encore avec ma famille. Au moins, ce n’est pas un GAFAM&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;ProtonVPN, Proton Authenticator – j’utilise beaucoup l’écosystème &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;proton.me&amp;#x2F;&amp;quot;&amp;gt;Proton&amp;lt;&amp;#x2F;a&amp;gt;. Ce sont les seules applications que j’utilise qui sont sur F-Droid&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Tusky – client Mastodon&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;PipePipe – accès minimaliste à YouTube, avec lecture en arrière-plan&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Breezy Weather – météo&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Via Aurora :&amp;lt;&amp;#x2F;strong&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;organiser-sa-vie-avec-md&amp;#x2F;&amp;quot;&amp;gt;Obsidian&amp;lt;&amp;#x2F;a&amp;gt;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Application bancaire&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;LinkedIn — malheureusement nécessaire pour mon métier&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Proton Mail – parce qu’il n’est pas sur F-Droid&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Firefox Focus – j’aime bien l’expérience minimaliste qu’il propose comme navigateur par défaut. Firefox ensuite pour la synchronisation avec &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;&amp;quot;&amp;gt;Zen Browser&amp;lt;&amp;#x2F;a&amp;gt; sur desktop&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Radio France – je vous avais dit que France Culture, c’est pas trop mal ?&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;SimpleLogin – masquer ses adresses mail est devenu nécessaire&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;WhatsApp – je ne m’en sers quasiment plus, mais ça fonctionne&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Via Google Play (dans l’environnement confiné) :&amp;lt;&amp;#x2F;strong&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Maps, que j’utilise parfois pour les informations sur le trafic routier&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Wallet, pour l’accès aux cartes de fidélité ; le paiement, lui, ne fonctionne pas, Google ne pouvant pas « certifier » l’appareil&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Voilà. C’est assez sommaire, mais c’est ce que j’utilise depuis un mois. C’est donc assez représentatif de mon usage du téléphone.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;deceptions&amp;quot;&amp;gt;Déceptions&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Je m’y attendais, mais forcément, il y a des concessions à faire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’application caméra et sa gestion native des QR codes ne sont pas folichonnes : on ne peut pas scanner un contact et l’ajouter, ni se connecter directement à un réseau Wi-Fi. Il faudrait que je trouve une meilleure application, mais c’est pénible de ne pas avoir cela intégré par défaut. Un petit bémol, mais rien de grave.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour être honnête, je m’attendais à ce que &amp;lt;em&amp;gt;plus&amp;lt;&amp;#x2F;em&amp;gt; de choses ne fonctionnent pas. Globalement, je suis donc plutôt agréablement surpris. La grande majorité des applications fonctionnent bien. Les paiements, non. C’était prévu, mais j’ai maintenant la confirmation.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Il semblerait qu’une solution comme &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.curve.com&amp;#x2F;&amp;quot;&amp;gt;Curve&amp;lt;&amp;#x2F;a&amp;gt; fonctionne sous GrapheneOS, mais je n’ai pas essayé. De ce que j’ai compris, contrairement à Google Pay ou Samsung Pay, l’application a besoin d’accéder à Internet pour fonctionner, ce qui la rend en principe moins fiable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Tant pis, j’utiliserai ma montre connectée pour payer… sauf que.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;watch&amp;quot;&amp;gt;Watch&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;La connexion à une montre Google ne fonctionne pas. Or, il est obligatoire d’appairer la montre avec un téléphone pour s’en servir. C’est frustrant, et ça rend mon nouvel achat inutilisable tel quel.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Il semblerait que certains aient réussi à appairer les deux, mais je ne sais pas si je suis passé à côté de quelque chose ou si les règles ont évolué. En tout cas, je n’ai pas réussi.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Comme solution temporaire, j’ai utilisé le téléphone de mon âme sœur, mais cela me donne accès à ses notifications, ce qui n’est pas idéal. Il faudrait que j’essaie avec une tablette Android quand je remettrai la main sur celle qui dort au fond d’un placard depuis des lustres.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;android-auto&amp;quot;&amp;gt;Android Auto&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Là, c’est plus pénible et ça joue sur la sécurité. J’ai l’impression qu’il est possible de le faire fonctionner — en tout cas, on trouve sur le web des gens qui y arrivent — mais chez moi, ça ne fonctionne pas. Peu importe les permissions accordées à Google, même en étant &amp;lt;em&amp;gt;open bar&amp;lt;&amp;#x2F;em&amp;gt;, rien à faire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je vais bientôt retrouver ma vieille voiture, qui n’est pas compatible, donc ce n’est pas trop gênant. Mais c’est quand même un confort énorme de pouvoir afficher le GPS de son choix sur l’écran central de la voiture. Il est à la bonne hauteur, on dirait presque que c’est fait pour. Pouvoir contrôler la musique ou la radio depuis cet écran est aussi extrêmement pratique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je prenais ça pour acquis. Il semblerait que ce soit un luxe dont le prix à payer est &amp;lt;em&amp;gt;toute&amp;lt;&amp;#x2F;em&amp;gt; ma vie privée. C’est trop cher. Je ne payerai pas.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;hr &amp;#x2F;&amp;gt;
&amp;lt;p&amp;gt;Ce sont les deux ou trois concessions à faire pour avoir un système plus libre. Pour moi, ça vaut le coup. Mais chacun voit midi à sa porte. Je continuerai d’acheter des téléphones Google reconditionnés et d’y installer GrapheneOS à chaque fois que j’en aurai besoin. Pas trop souvent, j’espère : je trouve les Pixels plutôt fragiles.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Il faudrait aussi que je teste plus sérieusement les applications bancaires en France. Consulter ses comptes fonctionne, mais qu’en est-il des virements, de l’activation de services comme Wero, etc. ? À tester.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion&amp;quot;&amp;gt;Conclusion&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Après près de deux mois d’utilisation, je suis encore dans la période de lune de miel, certes. Tout n’est pas parfait, et certaines concessions sont réelles. Le paiement sans contact, Android Auto, les montres connectées : autant de rappels que l’écosystème Google est conçu pour enfermer, pas pour être quitté.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais une chose est sûre : je n’ai pas envie de revenir en arrière. GrapheneOS m’a rappelé quelque chose d’essentiel : les frustrations que l’on ressent avec Android ou iOS ne sont pas des bugs, ce sont des choix. Le manque de contrôle, la dépendance aux services centralisés, l’impossibilité de dire non sans perdre des fonctionnalités —tout cela fait partie du modèle.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Accepter de perdre un peu de confort pour reprendre la main sur un outil aussi central que le téléphone me semble aujourd’hui être un compromis sain. Android était l’un des derniers produits des GAFAM que j’utilisais de façon intensive. GrapheneOS me permet, pour l’instant, de m’en passer sans me couper du monde.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Reste un paradoxe difficile à avaler : en 2025, les seuls téléphones réellement compatibles sont ceux de Google. Pire, l’installation n’est pas simple. Tant que cela n’évoluera pas, GrapheneOS restera une alternative de niche, réservée aux utilisateurs motivés et aux dealers. J’espère qu’un constructeur proposera un jour des modèles avec l’OS préinstallé, mais cela semble mal engagé pour &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.fairphone.com&amp;#x2F;&amp;quot;&amp;gt;Fairphone&amp;lt;&amp;#x2F;a&amp;gt; en tout cas : les développeurs de GrapheneOS se sont prononcés contre.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;GrapheneOS est aujourd’hui aux téléphones ce que Linux était aux ordinateurs au début des années 2000. Si je suis content de m’en servir et que je ne compte pas revenir en arrière, je ne suis pas aussi enthousiaste que je l’ai été avec Linux ou Firefox OS par le passé. &amp;lt;del&amp;gt;Étant un projet États-Unien, difficile de savoir comment l’OS évoluera à l’avenir et à quelles lois ses développeurs seront confrontés.&amp;lt;&amp;#x2F;del&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Edit 2025-02-05&amp;lt;&amp;#x2F;strong&amp;gt; : Suite aux retours de GrapheneOS et de quelques autres personnes sur Mastodon, je souhaite corriger une erreur de taille : GrapheneOS n’est pas états-unien. Le fondateur et développeur principal initial de GrapheneOS est canadien. Il est l’un des trois directeurs de l’organisation à but non lucratif. Le développeur principal actuel est ukrainien et fait également partie des directeurs. Le dernier directeur est kazakh. Suite à une augmentation de leur trésorerie, ils ont commencé à embaucher (en télétravail) un développeur basé aux États-Unis ; d’autres embauches similaires sont prévues.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Des utilisateurs ont confimés avoir Android Auto de fonctionnel, et la pixel watch devrait l’être également.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Typst : Un latex moderne – Faire une lettre avec en-tête SVG configurable</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;typst-lettre-avec-entete-svg&#x2F;"/>
                <updated>2026-01-03T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;typst-lettre-avec-entete-svg&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Vous connaissez &amp;lt;strong&amp;gt;LaTeX&amp;lt;&amp;#x2F;strong&amp;gt; ?&amp;lt;br &amp;#x2F;&amp;gt;
&amp;lt;em&amp;gt;(non, ce n’est pas NSFW, et oui, ça se prononce « La-Tek »)&amp;lt;&amp;#x2F;em&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Moi oui.&amp;lt;br &amp;#x2F;&amp;gt;
Et j’en garde des séquelles.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai &amp;lt;strong&amp;gt;une&amp;lt;&amp;#x2F;strong&amp;gt; expérience sérieuse avec LaTeX : la rédaction de mon mémoire.&amp;lt;br &amp;#x2F;&amp;gt;
Une aventure humaine. Une épreuve initiatique. Une erreur de jeunesse.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Déjà, mon tuteur était contre —j’aurais dû l’écouter.&amp;lt;br &amp;#x2F;&amp;gt;
Ensuite, soyons honnêtes : ce n’était &amp;lt;strong&amp;gt;pas pratique&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Certes, &amp;lt;em&amp;gt;tout&amp;lt;&amp;#x2F;em&amp;gt; est configurable…&amp;lt;br &amp;#x2F;&amp;gt;
Mais à quel prix ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Dès qu’on tente de personnaliser un peu le doc, la courbe d’apprentissage devient un mur d’escalade, sans prises.&amp;lt;br &amp;#x2F;&amp;gt;
J’avais repris le modèle de l’université sans vraiment comprendre comment il fonctionnait (et je suspecte secrètement ceux qui arrivent à lire et comprendre ces templates de venir d’une autre planète).&amp;lt;br &amp;#x2F;&amp;gt;
Et surtout, plus mon mémoire avançait, plus &amp;lt;strong&amp;gt;la compilation prenait une éternité&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Bref, à la fin, je me suis dit :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;« Plus jamais. »&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;Et j’ai tourné la page…&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;le-format-texte&amp;quot;&amp;gt;Le format texte&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Il y avait &amp;lt;em&amp;gt;un truc&amp;lt;&amp;#x2F;em&amp;gt; que j’aimais particulièrement dans LaTeX : &amp;lt;strong&amp;gt;le format texte&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Un document stocké en texte, ça veut dire :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;qu’on peut l’écrire dans &amp;lt;strong&amp;gt;l’éditeur de son choix&amp;lt;&amp;#x2F;strong&amp;gt; ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;qu’on peut le &amp;lt;strong&amp;gt;versionner avec git&amp;lt;&amp;#x2F;strong&amp;gt; ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;qu’on peut utiliser &amp;lt;strong&amp;gt;tout l’outillage du texte&amp;lt;&amp;#x2F;strong&amp;gt; (regex, scripts, automatisation) ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;qu’on peut se concentrer (en grande partie) sur le &amp;lt;strong&amp;gt;fond&amp;lt;&amp;#x2F;strong&amp;gt;, et gérer la forme à part.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Sur le papier, c’est magnifique.&amp;lt;br &amp;#x2F;&amp;gt;
En pratique… le jeu n’en valait pas la chandelle. À y repenser, je crois simplement que je n’étais pas la cible.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je me suis retranché sur &amp;lt;em&amp;gt;markdown&amp;lt;&amp;#x2F;em&amp;gt; dès que je l’ai rencontré.
Il avait presque toutes les propriétés que je cherchais :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;le texte brut,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;la simplicité,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;la portabilité,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;sans la lourdeur de latex et de tout son outillage. J’utilise du Markdown (avec les &amp;lt;em&amp;gt;vim motions&amp;lt;&amp;#x2F;em&amp;gt;) pour tout ou presque :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;mes notes (dans &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;organiser-sa-vie-avec-md&amp;#x2F;&amp;quot;&amp;gt;Obsidian&amp;lt;&amp;#x2F;a&amp;gt;),&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;des mails un peu longs,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;des brouillons de documents, quitte à finir plus tard dans une autre app, une  fois envoyé aux hérétique ne sachant pas utilser un clavier, mais je m’égare ;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;des articles de blog (oui, comme celui-ci).&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;h2 id=&amp;quot;typst-le-latex-moderne-ecrit-en-rust&amp;quot;&amp;gt;Typst, le latex moderne, écrit en Rust&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Et puis un jour, j’ai vu passer &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;typst.app&amp;#x2F;&amp;quot;&amp;gt;Typst&amp;lt;&amp;#x2F;a&amp;gt;. J’ai regardé &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;videos.capitoledulibre.org&amp;#x2F;w&amp;#x2F;ckhaJabpYLZTcMGBnaQoHU&amp;quot;&amp;gt;la vidéo du camarade Patrick Massot&amp;lt;&amp;#x2F;a&amp;gt;, et là je me suis dit :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;« …pourquoi pas ? »&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;Typst se présente comme une sorte de &amp;lt;strong&amp;gt;LaTeX moderne&amp;lt;&amp;#x2F;strong&amp;gt; :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;syntaxe plus simple, proche du markdown,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;compilation &amp;lt;em&amp;gt;ultra rapide&amp;lt;&amp;#x2F;em&amp;gt;,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;un seul binaire, et un gestionaire de paquet intégré, bienvenu au XXIᵉ siècle,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;pensé pour évoluer au-delà du PDF, notamment avec un effort pour supporté le format web.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Je regardais de loin le travail du projet &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.pagedjs.org&amp;#x2F;&amp;quot;&amp;gt;paged.js&amp;lt;&amp;#x2F;a&amp;gt; pour son objectif de faire avancer les technologies web et les rendre compatibles avec l’impression ; et donc pouvoir avoir une source unique qui s’adapte au support : téléphone, tablette, écran, papier A4. Je suis ravis que Typst travail également activement sur la question !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Le langage est suffisamment proche de markdown pour qu’une simple note puisse devenir, progressivement, un vrai document structuré si besoin.
Pas besoin de savoir &amp;lt;em&amp;gt;a priori&amp;lt;&amp;#x2F;em&amp;gt; quel sera le document final et d’y réfléchir. Pas besoin de choisir entre simplicité et puissance.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;Alors… on essaie ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;h3 id=&amp;quot;faire-une-lettre-avec-en-tete-svg-parametrable&amp;quot;&amp;gt;Faire une lettre avec en-tête SVG paramétrable&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Je suis en pleine recherche d’emploi.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mon CV est fait avec Inkscape (l’équivalent libre d’Illustrator), ce qui me donne un contrôle total sur la mise en forme.&amp;lt;br &amp;#x2F;&amp;gt;
Mais…&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;On me conseille souvent d’adapter le &amp;lt;strong&amp;gt;titre du CV&amp;lt;&amp;#x2F;strong&amp;gt; selon le poste.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Je change parfois mon alias &amp;lt;strong&amp;gt;d’adresse email&amp;lt;&amp;#x2F;strong&amp;gt; pour cloisoner mes usages&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Il m’arrive même d’utiliser une &amp;lt;strong&amp;gt;adresse différente&amp;lt;&amp;#x2F;strong&amp;gt;, (quand j’ai de la famille proche) selon la localisation pour augmenter mes chances de succès.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Résultat :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ol&amp;gt;
&amp;lt;li&amp;gt;je modifie le SVG à la main (ou via des scripts) sur le CV,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;j’exporte en PDF (inkscape &amp;lt;em&amp;gt;headless&amp;lt;&amp;#x2F;em&amp;gt; ❣️),&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;j’ouvre inkscape pour copier l’en-tête dans libre office (et une fois sur deux, j’ai des marges blanches d’un pixel qui me dérangent),&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;je rédige ma lettre dans un logiciel avec la syntaxe vim,&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;je colle le tout dans libre office.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ol&amp;gt;
&amp;lt;p&amp;gt;Ce n’est pas (très) long. Mais c’est &amp;lt;strong&amp;gt;chiant&amp;lt;&amp;#x2F;strong&amp;gt;, et il y a un peu de frixion quand même.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je me suis demandé si Typst ne pouvait pas simplifier mon &amp;lt;em&amp;gt;workflow&amp;lt;&amp;#x2F;em&amp;gt; notamment sur la lettre de motivation.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On va donc recréer mon en-tête avec Typst, en rendant les champs &amp;lt;strong&amp;gt;paramétrables&amp;lt;&amp;#x2F;strong&amp;gt; et &amp;lt;strong&amp;gt;scriptables&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On part de cette en-tête :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;typst-lettre-avec-entete-svg&amp;#x2F;entete.svg&amp;quot; alt=&amp;quot;En-tête de CV&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour produire un &amp;lt;strong&amp;gt;PDF propre&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h4 id=&amp;quot;importer-des-paquets-et-ne-pas-pleurer&amp;quot;&amp;gt;Importer des paquets (et ne pas pleurer)&amp;lt;&amp;#x2F;h4&amp;gt;
&amp;lt;p&amp;gt;À la grande différence de LaTeX, Typst utilise un gestionnaire de paquets &amp;lt;em&amp;gt;centralisé&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;br &amp;#x2F;&amp;gt;
Et ça, c’est franchement agréable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ici, on a besoin de pouvoir injecter du texte dans une chaîne, un peu comme les &amp;lt;em&amp;gt;fstring&amp;lt;&amp;#x2F;em&amp;gt; en python, ou la macro &amp;lt;code&amp;gt;format!()&amp;lt;&amp;#x2F;code&amp;gt; en rust.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On utilise donc le paquet &amp;lt;code&amp;gt;oxifmt&amp;lt;&amp;#x2F;code&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;typst&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;import&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;@preview&amp;#x2F;oxifmt:1.0.0&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; strfmt&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6A737D, #6A737D);&amp;quot;&amp;gt;&amp;#x2F;&amp;#x2F;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6A737D, #6A737D);&amp;quot;&amp;gt; ==== Variables ====&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;Et Cætera&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; address&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;123 Example Street, 00000, Utopie&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; phone&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;+0 123 456 789&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; email&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;hire.me@simplelogin.com&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; position_title&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;C3PO&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; reference_number&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;2026-newGalaxy&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;&amp;lt;h4 id=&amp;quot;modifier-dynamiquement-le-svg&amp;quot;&amp;gt;Modifier dynamiquement le SVG&amp;lt;&amp;#x2F;h4&amp;gt;
&amp;lt;p&amp;gt;On importe ensuite le SVG et on remplace les champs à la volée :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;typst&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; svg_header&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; strfmt&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;  read&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;entete.svg&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  address&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; address&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  phone&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; phone&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  position_title&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; position_title&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  email&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; email&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;&amp;lt;h4 id=&amp;quot;definir-le-document-et-l-en-tete&amp;quot;&amp;gt;Définir le document et l’en-tête&amp;lt;&amp;#x2F;h4&amp;gt;
&amp;lt;p&amp;gt;On configure ensuite les métadonnées, la page, les marges et l’en-tête :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;typst&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;set&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; document&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  title&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; +&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; — Lettre de Motivation&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  author&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;let&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; page_width&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; =&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 210mm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;set&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; page&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  paper&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;a4&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  margin&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; (&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;top&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 46mm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; bottom&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 20mm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; x&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 10mm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  header-ascent&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 0%&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;  header&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; [&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;    #&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;block&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;      width&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; page_width&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;      height&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 46mm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;      inset&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; (&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;left&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; -&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;1cm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; right&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; -&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;1cm&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;      {&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;        image&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;bytes&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;svg_header&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;      }&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;    )&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;  ]&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Afficher proprement l’en-tête, c’est la partie sur laquelle j’ai le plus tâtonné.
Idéalement, j’aimerais une fonction qui calcule automatiquement la hauteur de l’en-tête de façon dynamique, de sorte à ne
mettre aucune valeur fixe, mais je n’ai pas trouvé.
Si vous savez faire mieux : écrivez-moi &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;diaspodon.fr&amp;#x2F;@CedC&amp;quot;&amp;gt;sur Mastodon&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h4 id=&amp;quot;redaction&amp;quot;&amp;gt;Rédaction&amp;lt;&amp;#x2F;h4&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;typst&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;set&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; text&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;font&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;Arial&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt; size&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; 12pt&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt;set&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt; par&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;justify&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;:&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt; true&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;text&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;strong&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;Objet&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; +&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; : Candidature au poste &amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; +&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; position_title&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; +&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; &amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; – Ref. &amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt;&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#D73A49, #F97583);&amp;quot;&amp;gt; +&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; reference_number&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;Madame, Monsieur,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;lorem&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;120&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;lorem&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;130&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;lorem&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);&amp;quot;&amp;gt;100&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;Bien cordialement,&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;#&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;text&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;(&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;name&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;)&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;J’ai mis trois paragraphes remplis par la fonction &amp;lt;code&amp;gt;lorem&amp;lt;&amp;#x2F;code&amp;gt; ici pour comblé, mais c’est là qu’on rédige avec une syntaxe proche de markdown.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h4 id=&amp;quot;compilation&amp;quot;&amp;gt;Compilation&amp;lt;&amp;#x2F;h4&amp;gt;
&amp;lt;p&amp;gt;Une fois la lettre rédigée, on génère le PDF en « compilant » &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;typst-lettre-avec-entete-svg&amp;#x2F;test.typ&amp;quot;&amp;gt;notre fichier typst&amp;lt;&amp;#x2F;a&amp;gt; (&amp;lt;code&amp;gt;.typ&amp;lt;&amp;#x2F;code&amp;gt;).&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;shellscript&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;typst&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; compile&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; test.typ&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;✨Et pouf✨ &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;typst-lettre-avec-entete-svg&amp;#x2F;test.pdf&amp;quot;&amp;gt;un PDF propre&amp;lt;&amp;#x2F;a&amp;gt;, cohérent, automatisable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je peux maintenant arrêter de procrastiner et écrire mes lettres de motivations, Typst ne fait pas (encore) ça.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Pourquoi se concentrer est devenu un acte militant</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;pourquoi-se-concentrer-est-devenu-un-acte-militant&#x2F;"/>
                <updated>2025-12-23T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;pourquoi-se-concentrer-est-devenu-un-acte-militant&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Nous sommes au début des années 2000.&amp;lt;br &amp;#x2F;&amp;gt;
Les GAFAM —Google, Amazon, Facebook (devenu Meta), Apple et Microsoft— se développent à grande vitesse. Leur promesse est simple : rendre le numérique plus pratique, plus accessible, connecter le monde pour se comprendre. En arrière-plan, un autre modèle s’installe, plus discret : capter notre attention pour la transformer en valeur économique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Vingt ans plus tard, presque tout le monde s’y est mis.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Aux GAFAM se sont ajoutées les industries du divertissement : plateformes de streaming, jeux vidéo, réseaux sociaux, et ce que j’appelle désormais le &amp;lt;em&amp;gt;néscroll&amp;lt;&amp;#x2F;em&amp;gt; —ce défilement sans fin qui ne vise ni l’information ni le plaisir, mais l’occupation permanente de l’esprit.&amp;lt;br &amp;#x2F;&amp;gt;
Toutes se disputent la même ressource limitée : notre attention. Et toutes embauchent les meilleurs ingénieurs, designers et chercheurs pour l’exploiter.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Nous sommes entrés dans ce que Shoshana Zuboff appelle le &amp;lt;em&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;fr.wikipedia.org&amp;#x2F;wiki&amp;#x2F;%C3%89conomie_de_la_surveillance&amp;quot;&amp;gt;capitalisme de surveillance&amp;lt;&amp;#x2F;a&amp;gt;&amp;lt;&amp;#x2F;em&amp;gt;. Le terme est politiquement utile, car engageant, mais je lui préfère ici celui &amp;lt;strong&amp;gt;d’économie de l’attention&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;br &amp;#x2F;&amp;gt;
Parce qu’au fond, c’est bien de cela qu’il s’agit : non pas seulement de données, mais du &amp;lt;em&amp;gt;vol silencieux de notre capacité à nous concentrer, réfléchir, prendre du recul&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;une-sollicitation-permanente-de-l-attention&amp;quot;&amp;gt;Une sollicitation permanente de l’attention&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;L’économie de l’attention repose sur un principe simple : maximiser le temps d’engagement.&amp;lt;br &amp;#x2F;&amp;gt;
Plus on reste longtemps sur une plateforme, plus elle génère de la valeur —publicité, données, influence.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour y parvenir, les contenus sont conçus pour être rapides, émotionnels et addictifs : notifications constantes, défilement infini, vidéos courtes, récompenses aléatoires. Tout est pensé pour court-circuiter notre attention volontaire et stimuler nos réflexes.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Gloria Mark (2023) aurait mesuré une diminution drastique du temps moyen de concentration soutenue au travail, directement corrélée à l’omniprésence des outils numériques ; si notre attention peut être entrainée, sans cesse interrompu, le cerveau s’adapte et devient performant pour le zapping, mais perd en capacité de concentration prolongée. On pert alors la capacité d’effort cognitif et de tolérance à l’ennui —des compétences pourtant centrales pour apprendre, réfléchir et créer.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;glissement-personnel&amp;quot;&amp;gt;Glissement personnel&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;J’ai été diagnostiqué enfant avec un trouble de l’attention, mais faute de personnel spécialisé là où je vivais, il n’a jamais été pris en charge.&amp;lt;br &amp;#x2F;&amp;gt;
Comme beaucoup, j’ai fait sans. J’ai tenté de masquer ce trouble, d’en limiter les effets, de le contourner par différentes techniques, avec des succès variables selon les périodes.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Et pendant longtemps, j’ai cru que j’avais trouvé la solution.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Toujours doté d’une forte curiosité, j’ai commencé, vers 2019 à me documenter sur une multitude de sujets qui m’intéressaient. Très vite, c’est devenu une &amp;lt;em&amp;gt;drogue respectable&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;br &amp;#x2F;&amp;gt;
Sous prétexte que j’avais besoin d’en savoir toujours plus, je réduisais au minimum les temps morts. Une vidéo ou un podcast m’accompagnait partout : en cuisinant —moment qui était pourtant pour moi un sas de décompression après le travail— dans la voiture, dans les transports, et parfois même sous la douche.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai toujours été allergique à l’ennui.
Le numérique m’avait offert la solution parfaite : une infinité de sujets passionnants, toujours disponibles, et moins culpabilisant que la switch.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Puis, presque sans m’en rendre compte, quelque chose a changé.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mes performances au travail ont diminué. Je m’investissais moins à la maison. Je préférais écouter plutôt que discuter.&amp;lt;br &amp;#x2F;&amp;gt;
Inconsciemment, je fuyais même certaines conversations ! Je n’étais plus en train d’apprendre, je consommais du contenu.&amp;lt;br &amp;#x2F;&amp;gt;
Et le trouble que je pensais maîtriser avait repris le dessus, amplifié par un environnement conçu pour l’exacerber.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;de-l-experience-individuelle-a-la-conclusion-collective&amp;quot;&amp;gt;De l’expérience individuelle à la conclusion collective&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Ces dernières années, j’ai vu fleurir sur le web un nombre croissant de personnes se reconnaissant dans le TDAH, avec un certain scepticisme initial : ce nombre ne &amp;lt;em&amp;gt;pouvait pas&amp;lt;&amp;#x2F;em&amp;gt; avoir autant augmenté. C’était forcément une nouvelle génération peu encline à l’effort (#vieuxcon). J’avais tort. Si les prédispositions existent, l’environnement joue un rôle tout aussi déterminant.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’économie de l’attention crée précisément un &amp;lt;strong&amp;gt;environnement cognitif pathogène&amp;lt;&amp;#x2F;strong&amp;gt;, qui reproduit et amplifie des comportements associés au TDAH : impulsivité, recherche de nouveauté, difficulté à soutenir l’effort, fuite de l’ennui.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Le problème n’était pas seulement individuel. Il est &amp;lt;em&amp;gt;systémique&amp;lt;&amp;#x2F;em&amp;gt;. Et quand je vois les dégâts à l’âge adulte, je m’inquiète pour les générations à venir qui grandissent avec ce paradigme.&amp;lt;br &amp;#x2F;&amp;gt;
Des travaux publiés dans &amp;lt;em&amp;gt;JAMA Pediatrics&amp;lt;&amp;#x2F;em&amp;gt; (Christakis et al., 2018) établissent un lien clair entre exposition précoce aux écrans rapides et troubles de l’attention ultérieurs.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’environnement numérique dominant est délétère pour notre attention.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;reprendre-la-main&amp;quot;&amp;gt;Reprendre la main&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Cette prise de conscience mène à une conclusion simple : ce n’est pas une fatalité.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;L’économie de l’attention agit comme un courant puissant. Il est difficile de lutter à contre-courant, mais il est encore possible de &amp;lt;em&amp;gt;sortir de l’eau&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Reprendre le contrôle de son attention implique de renoncer à l’idée que l’esprit doit être occupé en permanence.&amp;lt;br &amp;#x2F;&amp;gt;
Accepter les pauses, le silence, voire l’ennui —aussi inconfortable soit-il au début— devient un acte de résistance.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Et surtout, comprendre que pour gagner la bataille de l’attention, il ne faut pas combattre sur le terrain choisi par l’adversaire.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai supprimé l’accès à YouTube sur mon téléphone, ainsi que mes abonnements aux podcasts.&amp;lt;br &amp;#x2F;&amp;gt;
Désormais, je consulte les contenus quand je le décide, dans un temps dédié.
Les sujets ne viennent plus à moi : c’est moi qui vais vers eux, quand je le choisi, en maitrisant le temps que j’y passe.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai découvert que c’est souvent quand on n’a pas de stimulation extérieur (sur mon vélo, &amp;lt;em&amp;gt;sans&amp;lt;&amp;#x2F;em&amp;gt; écouteur par exemple),  que surgissent les bonnes idées.&amp;lt;br &amp;#x2F;&amp;gt;
C’est là qu’on prend du recul, qu’on anticipe, qu’on pense tout simplement.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ayant connu l’internet des années 2000 —celui des blogs et des forums— et ayant fui le monde réel comme bon nombre d’adolescent, à cause de harcèlement, mais aussi d’un manque de personnes possédants mes passions de geeks, j’avais du mal à envisager une coupure totale avec le numérique. Mais enfait la réponse n’est peut-être pas aussi radicale et peut-être qu’elle était devant moi depuis des années : la déGAFAMisation.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;On savait déjà que les GAFAM était mauvais. Pas par malveillance individuelle, mais par logique économique, et la meilleure façon de lutter collectivement, c’est de &amp;lt;strong&amp;gt;ne pas utiliser leurs services&amp;lt;&amp;#x2F;strong&amp;gt;. Framasoft avait commencé le travail avec sa campagne &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;degooglisons-internet.org&amp;#x2F;&amp;quot;&amp;gt;dégooglisons internet&amp;lt;&amp;#x2F;a&amp;gt;.
J’avais commencé ma déGAFAMisation il y a longtemps, &amp;lt;em&amp;gt;remplaçant&amp;lt;&amp;#x2F;em&amp;gt; certains services : MacOS&amp;#x2F;Windows → Linux, Gmail → &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;proton.me&amp;#x2F;mail&amp;quot;&amp;gt;Proton Mail&amp;lt;&amp;#x2F;a&amp;gt;, Amazon → &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.fnac.com&amp;#x2F;&amp;quot;&amp;gt;FNAC&amp;lt;&amp;#x2F;a&amp;gt; ; j’allais devoir à présent aller plus loin. J’ai maintenant de bonnes raisons pour &amp;lt;em&amp;gt;me passer&amp;lt;&amp;#x2F;em&amp;gt; de certains services. Perdre en facilité, gagner en liberté, en indépendance, en clarté mentale.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;interoperabilite-ou-enfermement&amp;quot;&amp;gt;Interopérabilité ou enfermement&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Avec l’emmerdification croissante des plateformes, une chose devient évidente : l’interopérabilité n’a jamais été aussi importante. Des protocoles ouverts, standard, libres.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La décentralisation des serveurs, est une première étape importante, mais ce n’est peut-être que le premiers pas. Je rêve du jour où les protocoles et algorithmes seraient modulaire : être capable de choisir son algorithme de recommandation. Être capable de l’intégrer sur des plateformes comme Mastodon, ou Peertube. En choisir un différent pour le perso et pour le travail. Je ne sais pas si certains y travaillent aujourd’hui, j’espère.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion&amp;quot;&amp;gt;Conclusion&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Aujourd’hui, j’ai retrouvé suffisamment d’attention pour enfin sortir ce billet de ma tête.&amp;lt;br &amp;#x2F;&amp;gt;
Je ne prétends pas que mes solutions fonctionnent pour tout le monde, mais ça peut être des pistes intéressante dans le voyage personnel de chacun. De mon côté, je compte pousser l’expérience encore plus loin, en tentant de trouver des alternatives au smartphone, mais ce sera pour une prochaine fois, quand j’aurai pris davantage de recul.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;a-retenir&amp;quot;&amp;gt;À retenir&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Se séparer des plateformes qui se battent pour notre attention&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Retrouver une temporalité numérique choisie, et non subie&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Accepter de perdre en facilité pour gagner en liberté&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Miser sur l’interopérabilité pour ne pas se retrouver piégé&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Et vous ?&amp;lt;br &amp;#x2F;&amp;gt;
Quelles sont vos techniques pour ne pas vous laisser aspirer par l’économie de l’attention ?&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>FrameWork 13 : deux ans plus tard</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;2-ans-framework13&#x2F;"/>
                <updated>2025-09-09T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;2-ans-framework13&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Mon dernier ordinateur, c’est toujours « le meilleur que j’ai jamais eu ! ». Pourtant, avec mon &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;2-ans-framework13&amp;#x2F;framework&amp;quot;&amp;gt;Framework&amp;lt;&amp;#x2F;a&amp;gt;, c’est un peu différent.&amp;lt;br &amp;#x2F;&amp;gt;
Il y a près de deux ans, j’achetais un Framework 13, un ultraportable (relativement léger, ≈ 1,2 kg), &amp;lt;strong&amp;gt;modulaire&amp;lt;&amp;#x2F;strong&amp;gt; et &amp;lt;em&amp;gt;Linux Friendly&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;br &amp;#x2F;&amp;gt;
Mon ordinateur, c’est bien plus qu’un outil de travail ou de jeu : c’est une machine qui m’accompagne partout, ou presque. Que ce soit à mon bureau, avec son dock USB4, sur le canapé ou en déplacement, il doit donc supporter un train de vie pas toujours tranquille.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;2-ans-framework13&amp;#x2F;framework13_close.jpg&amp;quot; alt=&amp;quot;framework13 fermée&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En octobre 2023, je craquais donc pour le Framework 13 (AMD 7040), qui n’était alors proposé qu’en pré-commande (batch 9), pour la modique somme de 1 049 €, via l’édition « DIY ».  Pour un peu de fun, j’ai opté pour les bords d’écran orange, et pour un clavier « clear » comprendre transparent, sans marquage —en géométrie ISO bien sûr pour profiter de la frappe en &amp;lt;em&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;#x2F;installation&amp;#x2F;#variante-en-a-angle-mod&amp;quot;&amp;gt;variante A&amp;lt;&amp;#x2F;a&amp;gt;&amp;lt;&amp;#x2F;em&amp;gt;.
J’avais un SSD sous la main et j’ai complété avec 32 Gio de RAM pour ~130 € chez Crucial. Je pensais être &amp;lt;em&amp;gt;très&amp;lt;&amp;#x2F;em&amp;gt; large avec de telles specs, mais force est de constater que c’est parfois à peine suffisant pour mon usage : le disque est plein, et je me suis vite retrouvé limité par la taille des modèles IA open-source que j’ai pu tester.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Cela fait donc bientôt deux ans que je me promène avec la bête et, si je ne suis pas prêt de changer de machine, il me paraît intéressant de faire un retour sur une marque encore relativement récente dans le monde du PC portable. Et surtout de répondre à la fameuse question : suis-je satisfait ?  Si je devais racheter un ordinateur, craquerais-je à nouveau pour un Framework ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour y répondre, il faut que je parle un peu de mon usage, qui n’est pas forcément le vôtre. Je ne suis pas développeur. Je suis simplement un enthousiaste un peu touche-à-tout qui traîne sur les internets depuis sûrement trop longtemps.&amp;lt;br &amp;#x2F;&amp;gt;
En résumé : beaucoup de navigateur, un peu de code, quelques expérimentations avec des modèles IA locaux, que ce soit des LLMs ou de la reconnaissance d’image. Occasionnellement, je fais un peu de modélisation 3D et de la retouche d’image, mais rien de très gourmand.&amp;lt;br &amp;#x2F;&amp;gt;
J’ai utilisé cette machine pendant un an et demi au travail, et depuis, uniquement à titre personnel.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;![le Framework13 ouvert, allumé, montrant une session Gnome](framework13_ouvert.jpg]&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;ce-que-j-aime&amp;quot;&amp;gt;Ce que j’aime&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;h3 id=&amp;quot;une-qualite-percue-haut-de-gamme&amp;quot;&amp;gt;Une qualité perçue haut de gamme&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;La machine a un design épuré, largement inspiré des MacBooks.&amp;lt;br &amp;#x2F;&amp;gt;
C’est sobre, élégant et pratique ; mention spéciale pour les vis torx, pour la plupart &amp;lt;em&amp;gt;captives&amp;lt;&amp;#x2F;em&amp;gt;, ce qui permet de démonter &amp;#x2F; remonter l’ordinateur très facilement.&amp;lt;br &amp;#x2F;&amp;gt;
Le seul bémol esthétique est peut-être la largeur des bords d’écran, imposants pour les standards actuels, mais ça reste correct.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;legerete-robustesse&amp;quot;&amp;gt;Légèreté &amp;amp;amp; robustesse&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;À 1,2 kg, la machine est facile à transporter. Elle ne se fait pas oublier dans un sac, mais ce n’est pas non plus trop lourd.&amp;lt;br &amp;#x2F;&amp;gt;
On peut utiliser le même chargeur pour le téléphone et l’ordinateur, et ça, c’est agréable (même si ça tend à devenir la norme).&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Côté robustesse, la machine a fait ses preuves : mon enfant (~13 kg) marche régulièrement dessus malgré mes remontrances et mes tentatives pour mieux le cacher. Résultat : un très léger renfoncement, quasiment imperceptible, mais la machine fonctionne toujours sans problème.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;2-ans-framework13&amp;#x2F;framework13_dent.jpg&amp;quot; alt=&amp;quot;Un zoom sur le capot pour montrer un très léger renfoncement&amp;quot; &amp;#x2F;&amp;gt;
(regardez bien en haut à gauche)&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;linux&amp;quot;&amp;gt;Linux&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Installation et utilisation quotidiennes sans accroc. Le lecteur d’empreinte est compatible Linux. Je ne pensais pas m’en servir, mais finalement, dans les premiers jours d’&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ergol.org&amp;#x2F;&amp;quot;&amp;gt;Ergo‑L&amp;lt;&amp;#x2F;a&amp;gt;, quand la disposition n’était pas encore intégrée à XKB, ça m’a été pratique. Il est capricieux, mais une fois le bon geste trouvé, ça fonctionne.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;modulaire-et-bien-pense&amp;quot;&amp;gt;Modulaire et bien pensé&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Les cartes d’extension (USB-C, USB-A, HDMI…) font exactement ce qu’on attend d’elles. Et pouvoir recharger l’ordinateur des deux côtés est un confort dont on ne veut plus se passer.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je pensais que les ports interchangeables seraient un gadget, mais au final, c’est très pratique de pouvoir ajouter une prise HDMI juste avant une conférence. C’est aussi utile de pouvoir remplacer un port endommagé à force de brancher&amp;#x2F;débrancher des câbles de qualité variable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;clavier-trackpad-plaisants&amp;quot;&amp;gt;Clavier &amp;#x2F; trackpad plaisants&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Le clavier est très agréable. Comme je tape beaucoup (Vim, terminal, Vimium…), ça compte. Le trackpad est aussi de bonne facture, ce qui n’est pas si courant.
&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;2-ans-framework13&amp;#x2F;fw13_clear_kbd.jpg&amp;quot; alt=&amp;quot;Une photo du clavier « clear » et du trackpad&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;respect-de-la-vie-privee&amp;quot;&amp;gt;Respect de la vie privée&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Les interrupteurs matériels pour la caméra et le micro sont un vrai plus. Un clic, et c’est coupé : pas de doute possible.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;rapport-puissance-prix-interessant&amp;quot;&amp;gt;Rapport puissance &amp;#x2F; prix intéressant&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Pour les machines d’entrée de gamme, le rapport puissance &amp;#x2F; prix est discutable. Mais sur une configuration comme la mienne — 32 Gio de RAM, 1 To de SSD, processeur récent —, on est plutôt compétitif.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;ce-que-j-aime-moins&amp;quot;&amp;gt;Ce que j’aime moins&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;h3 id=&amp;quot;autonomie-trop-courte-dans-mon-usage&amp;quot;&amp;gt;Autonomie : trop courte dans mon usage&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;En usage classique, et en limitant la charge à 75 % pour préserver la batterie, je tourne autour de 4 h 30. C’est plus que ce que j’ai eu auparavant, donc pas rédhibitoire, mais ça reste juste. Ce n’est même pas une demi-journée d’utilisation.&amp;lt;br &amp;#x2F;&amp;gt;
Autant dire qu’il faut toujours avoir une prise pas trop loin. On est bien loin de l’efficacité des Mac, et même d’autres machines qui promettent (sur le papier) 8 h d’autonomie.&amp;lt;br &amp;#x2F;&amp;gt;
C’est &amp;lt;em&amp;gt;le gros&amp;lt;&amp;#x2F;em&amp;gt; inconvénient de cette machine pour moi.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;audio-moyen&amp;quot;&amp;gt;Audio moyen&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Les haut-parleurs sont corrects, sans plus. Suffisants pour une visio ou une vidéo, mais pas pour écouter de la musique ou regarder un film confortablement.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;connexion-wi-fi-capricieuse&amp;quot;&amp;gt;Connexion Wi-Fi capricieuse&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Je ne sais pas si c’est lié à la puce MediaTek (qui a mauvaise réputation), à un problème de pilotes ou autre, mais j’ai eu des coupures intempestives de réseau lors de visioconférences.&amp;lt;br &amp;#x2F;&amp;gt;
Était-ce l’infrastructure, l’ordinateur, les deux ? Je n’ai pas creusé, et en dehors de ce cas d’usage précis, pas de souci.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;le-clavier-clear&amp;quot;&amp;gt;Le clavier “clear”&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;C’est &amp;lt;strong&amp;gt;joli&amp;lt;&amp;#x2F;strong&amp;gt;, ça attire l’œil… jusqu’à ce que ça devienne un peu glissant après une utilisation continue. La microfibre et l’alcool ménager deviennent alors indispensables.&amp;lt;br &amp;#x2F;&amp;gt;
Autre bémol : si on regarde de près, on distingue les petites saletés accumulées sous les touches. Rien de dramatique, mais jamais agréable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;2-ans-framework13&amp;#x2F;fw13_kbd_zoom.jpeg&amp;quot; alt=&amp;quot;Une photo zoomée du clavier, en faisant attention, on peut voir des poils sous certaines touches comme la barre d’espace&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;De plus, avec mon usage intensif, la touche &amp;lt;strong&amp;gt;AltGr&amp;lt;&amp;#x2F;strong&amp;gt; s’est fendue. Ce n’est pas gênant pour taper, mais je ne sais pas comment ça va évoluer. La bonne nouvelle, c’est que, moyennant quelques euros, je peux toujours remplacer le clavier.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;👉 Le clavier “clear”, c’est cool, mais je ne suis pas certain de retenter l’expérience.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;verdict&amp;quot;&amp;gt;Verdict&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Le Framework 13 (AMD 7040) est une machine attachante. Pas parfaite, mais la cause qu’elle défend me donne envie de lui laisser sa chance.&amp;lt;br &amp;#x2F;&amp;gt;
Les mauvaises langues diront qu’on s’enferme dans un énième écosystème propriétaire, mais le fait d’avoir ouvert les modules en open-hardware va dans la bonne direction.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;La machine pose peut-être les bases de ce que pourrait être une électronique moderne : plus modulaire, plus réparable. En tout cas, c’est une machine très bien exécutée et, si vous pouvez passer outre ses petits défauts (batterie…), c’est une très bonne option.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Quand ma femme aura besoin d’un ordinateur, je sais déjà ce que je lui proposerai. Quant à moi, je suis déjà équipé, et prêt à upgrader vers une version RISK-V quand la techno aura murie.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Zen Browser : Ce que Firefox aurait dû devenir</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;zen-browser&#x2F;"/>
                <updated>2025-08-15T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;zen-browser&#x2F;</id>
                <content type="html">&amp;lt;h2 id=&amp;quot;la-lente-decente-de-firefox&amp;quot;&amp;gt;La lente décente de Firefox&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Je n’avais pas changé de navigateur depuis plus de vingt ans.
Vingt ans à soutenir Mozilla et &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.mozilla.org&amp;#x2F;firefox&amp;quot;&amp;gt;Firefox&amp;lt;&amp;#x2F;a&amp;gt;.
J’avais même acheté un téléphone sous FirefoxOS à l’époque : le Flame, c’est dire !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour moi, Firefox c’était une évidence, c’était David contre Goliath,
c’était le seul navigateur indépendant et complet, avec un écosystème riche de &amp;lt;em&amp;gt;plugins&amp;lt;&amp;#x2F;em&amp;gt; offrant des possibilités de personnalisation quasi infinies.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’était aussi &amp;lt;em&amp;gt;historiquement&amp;lt;&amp;#x2F;em&amp;gt; un avocat d’un web plus juste, plus neutre, plus soucieux de notre vie privée. Mais ça, c’était au début des années 2000. Depuis les années 2010, les choses se sont petit à petit dégradées.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;FirefoxOS.jpg&amp;quot; alt=&amp;quot;FirefoxOS: Une bannière avec un renard de feu et un téléphone tournant vraisemblablement sous FirefoxOS&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;D’abord lentement : Firefox est passé du rôle de &amp;lt;em&amp;gt;leader&amp;lt;&amp;#x2F;em&amp;gt;, démocratisant de nouveaux usages —onglets, marque-pages, plugins— à celui de &amp;lt;em&amp;gt;suiveur&amp;lt;&amp;#x2F;em&amp;gt;, adoptant avec retard les innovations que proposait Google avec Chrome.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Firefox est devenu plus lent, moins attrayant, mais il gardait au moins une force : la protection de notre vie privée. J’y croyais tellement que j’avais même acheté un téléphone sous FirefoxOS, convaincu qu’il fallait soutenir cette alternative face aux GAFAM.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;Browser-Market-Share.png&amp;quot; alt=&amp;quot;Une courbe montrant l’évolution des parts de marché des navigateurs web (données startcounter) de 2009-2023 ; la dominance de Chrome est claire. Firefox passe de ~30 % à ~4 %&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais il faut bien l’admettre : depuis 10 ans, Mozilla enchaîne les mauvaises décisions. Et si les parts de marché ne cessaient de baisser, je restais fidèle… faute d’alternative crédible.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;les-forks-de-firefox&amp;quot;&amp;gt;Les forks de Firefox&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Je pensais ne jamais trouver un navigateur qui respecte mes critères (par ordre d’importance) :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Pas&amp;lt;&amp;#x2F;strong&amp;gt; basé sur Blink (et basé sur Gecko&amp;#x2F;Servo si possible)&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Stable&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Respectueux de la vie privée&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Capable de gérer un grand nombre d’onglets&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Compatible avec les extensions&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Et pourtant, des alternatives existent :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.waterfox.net&amp;#x2F;&amp;quot;&amp;gt;Waterfox&amp;lt;&amp;#x2F;a&amp;gt;, l’historique&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;librewolf.net&amp;#x2F;&amp;quot;&amp;gt;LibreWolf&amp;lt;&amp;#x2F;a&amp;gt;, radicalement tourné vers la vie privée&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;floorp.app&amp;#x2F;en-US&amp;quot;&amp;gt;Floorp&amp;lt;&amp;#x2F;a&amp;gt;, très orienté personnalisation&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Et ma dernière découverte : celui qui m’a fait basculer : &amp;lt;strong&amp;gt;&amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;zen-browser.app&amp;#x2F;&amp;quot;&amp;gt;Zen Browser&amp;lt;&amp;#x2F;a&amp;gt;&amp;lt;&amp;#x2F;strong&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;zen-browser&amp;quot;&amp;gt;Zen Browser&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Zen Browser, c’est ce que Firefox aurait dû devenir : respectueux de la vie privée, performant &amp;lt;strong&amp;gt;et&amp;lt;&amp;#x2F;strong&amp;gt; innovant.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;une-interface-moderne-et-coherente&amp;quot;&amp;gt;Une interface moderne et cohérente&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Zen repense l’expérience utilisateur.
Son interface, inspirée d’Arc Browser, introduit des onglets verticaux par défaut, élégants et ergonomiques. Trois types d’onglets sont proposés :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Normaux&amp;lt;&amp;#x2F;strong&amp;gt;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Épinglés&amp;lt;&amp;#x2F;strong&amp;gt; (fermables mais persistants)&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Essentiels&amp;lt;&amp;#x2F;strong&amp;gt; (toujours visibles, toujours chargés)&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;zen.png&amp;quot; alt=&amp;quot;Illustration du site de Zen (avec des captures d’écran de Zen sur… Zen&amp;quot; &amp;#x2F;&amp;gt;
Un mode compact permet de masquer la barre latérale jusqu’au survol, libérant l’écran et donnant un aspect ultra minimaliste, permettant de se focaliser sur la page en cours —une navigation plus… zen ?&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Avec Zen, chaque choix de design est cohérent : onglets verticaux adaptés aux écrans larges, adresse minimaliste, absence de page de nouvel onglet —remplacée par un champ de recherche flottant façon &amp;lt;em&amp;gt;command pallet&amp;lt;&amp;#x2F;em&amp;gt; dans les app modernes VScode, Obsidian pour en citer quelques une avec ce principe.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;zen-pallet.png&amp;quot; alt=&amp;quot;Zen, en mode compact, quand on ouvre un nouvel onglet : on reste sur la même page&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;des-fonctionnalites-qui-comptent&amp;quot;&amp;gt;Des fonctionnalités qui comptent&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Zen ne se contente pas de changer l’apparence. Il ajoute des fonctionnalités qui semblent naturelles :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Split View&amp;lt;&amp;#x2F;strong&amp;gt; : affichage jusqu’à 4 pages côte à côte, intégré au navigateur.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Spaces&amp;lt;&amp;#x2F;strong&amp;gt; : de véritables espaces de travail séparés (cookies, sessions, onglets essentiels propres à chaque espace), avec intégration aux &amp;lt;em&amp;gt;containers&amp;lt;&amp;#x2F;em&amp;gt; de Firefox.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;des détails bien pensés : on a par exemple contrôler youtube via une barre dédiée qui apparait seulement quand on a une vidéo en cours.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;zen-browser&amp;#x2F;zen-yt.png&amp;quot; alt=&amp;quot;La barre youtube qui s’affiche&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Ces outils transforment la navigation sans la compliquer. Là où Mozilla tergiverse avec des gadgets d’IA peu aboutis, Zen propose des solutions simples et efficaces.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;personnalisation-et-extensions&amp;quot;&amp;gt;Personnalisation et extensions&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Zen hérite du meilleur de Firefox : compatibilité totale avec ses extensions, synchronisation via un compte Firefox, DRM, mode image dans l’image, traductions locales, etc.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Mais il va plus loin :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Paramètres de confidentialité plus stricts par défaut (télémétrie désactivée, appels externes limités).&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Un système de thèmes colorés et dynamiques qui donnent une identité visuelle unique au navigateur.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Zen reste compatible avec les comptes firefox et, comme il n’est pas disponible sur mobile, cela permet de synchroniser sa navigation et ses mots de passes avec firefox sur Android ou iOS, c’est appréciable.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;installation&amp;quot;&amp;gt;Installation&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Zen n’est pas encore disponible dans les dépôts classiques. On a donc trois possibilités d’installation :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;Téléchargé le binaire et l’exécuter en &amp;lt;em&amp;gt;userspace&amp;lt;&amp;#x2F;em&amp;gt; ; il est ensuite capable de se mettre à jour tout seul&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Télécharger l’AppImage depuis le &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;zen-browser&amp;#x2F;desktop&amp;quot;&amp;gt;GitHub officiel&amp;lt;&amp;#x2F;a&amp;gt;&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;Télécharger Zen via &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;flathub.org&amp;#x2F;&amp;quot;&amp;gt;Flathub&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;p&amp;gt;Le projet est encore en bêta, mais déjà très stable dans mon usage quotidien, rapide, fluide, et sans compromis ; je l’utilise à la maison comme au travail sans souci notable !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion-un-vrai-souffle-d-air-frais&amp;quot;&amp;gt;Conclusion : un vrai souffle d’air frais&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Zen c’est « juste un nièm fork » de Firefox, mais très bien réalisé. C’est une réinterprétation moderne, élégante et pragmatique de ce que devrait être un navigateur en 2025.
Un navigateur centré sur l’utilisateur qui ne cède pas aux modes du moment, et ça, ça fait du bien.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Pour moi, Zen est ce que Firefox aurait dû devenir.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Organiser sa vie avec Markdown</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;organiser-sa-vie-avec-md&#x2F;"/>
                <updated>2025-07-13T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;organiser-sa-vie-avec-md&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Je n’aimais pas écrire. Je n’ai jamais aimé ça —probablement parce que je suis globalement mauvais en communication et que je n’ai jamais compris comment ça fonctionne.
Petit, j’avais une très bonne mémoire, et j’étais très lent pour écrire. J’avais donc pris l’habitude de ne noter que le strict nécessaire pour mes cours avec un système hiéroglyphique que seul moi pouvais comprendre.
Plus tard, dans ma vie professionnelle, c’était pareil : très peu d’écrit —le strict minimum. La trentaine approchant, je me suis rendu compte que ma mémoire n’était plus aussi bonne et que je me posais de nouvelles questions :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;em&amp;gt;« Que s’est-on dit déjà dans la dernière réunion ? »&amp;lt;&amp;#x2F;em&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;em&amp;gt;« Mince, qu’est-ce que le client m’avait dit, déjà ? »&amp;lt;&amp;#x2F;em&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;Ça devenait de plus en plus critique, et j’ai donc commencé à prendre des notes. J’utilisais &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;joplinapp.org&amp;#x2F;&amp;quot;&amp;gt;Joplin&amp;lt;&amp;#x2F;a&amp;gt; à l’époque : libre, compatible avec &amp;lt;a href=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;organiser-sa-vie-avec-md&amp;#x2F;nextcloud.com&amp;#x2F;&amp;quot;&amp;gt;Nextcloud&amp;lt;&amp;#x2F;a&amp;gt;, il cochait toutes les cases, philosophiques comme techniques. Je pouvais même avoir mes notes sur mon téléphone.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Petit à petit, un problème apparaissait cependant. J’avais bien vu que je m’éloignais de la gestion par dossier au profit d’une gestion par tag partout où c’était possible. Pourtant, ce &amp;lt;em&amp;gt;workflow&amp;lt;&amp;#x2F;em&amp;gt; était compliqué avec Joplin.
Je me suis donc intéressé à &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;obsidian.md&amp;#x2F;&amp;quot;&amp;gt;Obsidian&amp;lt;&amp;#x2F;a&amp;gt; qui, bien qu’il ne soit pas libre, avait l’avantage d’utiliser uniquement des fichiers markdown dans des dossiers classiques, rendant &amp;lt;em&amp;gt;a priori&amp;lt;&amp;#x2F;em&amp;gt; l’ensemble facilement exportable.
&amp;lt;img src=&amp;quot;https:&amp;#x2F;&amp;#x2F;ced-c.github.io&amp;#x2F;blog&amp;#x2F;organiser-sa-vie-avec-md&amp;#x2F;obsidian_graph.png&amp;quot; alt=&amp;quot;Une capture d’écran d’obsidian et de sa vue gaphique. Chaque point représente une note, et un trait est tracé entre deux notes dès lors qu’elles sont liées&amp;quot; &amp;#x2F;&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;En deux ans, je suis passé d’un stade où je n’aimais pas écrire à un stade où je prends des notes &amp;lt;strong&amp;gt;quotidiennement&amp;lt;&amp;#x2F;strong&amp;gt;. Elles m’aident à noter les choses importantes, à me souvenir de tout, et à retrouver l’information le plus fluidement possible.
Mais ça ne s’est pas fait en un jour, et je n’ai pas tout maîtrisé du premier coup. Voici quelques astuces en la matière.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;organisation&amp;quot;&amp;gt;Organisation&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Mon organisation n’est pas parfaite, elle est le résultat d’un historique avec différents
logiciels, mais aussi la nouvelle approche que j’ai avec Obsidian. Petit à petit tout tend
à s’améliorer, mais reprendre les plus de 2000 notes que j’ai serait bien trop chronophage
pour une utilité réduite.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Voici donc la structure à laquelle je suis arrivée aujourd’hui :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;shellscript&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;Obsidian&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 🆕&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; To_Sort&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 🐾&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; Templates&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 👨&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; Perso&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 💼&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; Work&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;├──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 🖇️&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; Ressources&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#6F42C1, #B392F0);&amp;quot;&amp;gt;└──&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; 🗃️&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#032F62, #9ECBFF);&amp;quot;&amp;gt; Index&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;&amp;lt;h3 id=&amp;quot;to-sort-template&amp;quot;&amp;gt;To_Sort &amp;amp;amp; Template&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Les dossiers les moins intéressants, mais tout de même essentiel.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;To_Sort&amp;lt;&amp;#x2F;strong&amp;gt;, C’est le dossier dans lequel les notes sont créées par défaut ; il me permet de voir ce qui n’est pas encore finalisé.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Template&amp;lt;&amp;#x2F;strong&amp;gt;, le dossier qui regroupe mes modèles.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;h3 id=&amp;quot;perso&amp;quot;&amp;gt;Perso&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;C’est le dossier qui a le plus de sous-dossier, bien trop chargé à mon goût, il hérite de mon époque Joplin. On y trouve des check-lists, des notes bibliographiques (citations, réflexions prises en lisant un livre), etc.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Aujourd’hui, deux sous-dossiers sont vraiment utilisés :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Journaux&amp;lt;&amp;#x2F;strong&amp;gt; : C’est là que vont mes notes quotidiennes. Notes personnelles sur ce que je fais,
c’est un bon moyen de de souvenir d’où je suis allé, de quand est-ce que j’ai été malade (et avec quel
traitement), de quand j’ai rencontré telle personne pour la dernière fois. Tout ce qui me semble important est noté dans une note quotidienne.&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Pensine&amp;lt;&amp;#x2F;strong&amp;gt; : petite référence à &amp;lt;em&amp;gt;Harry Potter&amp;lt;&amp;#x2F;em&amp;gt;, ces notes sont toutes les idées, les notions que j’ai pu avoir spontanément, ou en lisant.
Ce sont des notes qui suivent un peu les principes du &amp;lt;a rel=&amp;quot;noopener external&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;https:&amp;#x2F;&amp;#x2F;www.soenkeahrens.de&amp;#x2F;en&amp;#x2F;takesmartnotes&amp;quot;&amp;gt;Zettelkasten&amp;lt;&amp;#x2F;a&amp;gt;.
Ces notes sont aussi &amp;lt;strong&amp;gt;atomiques&amp;lt;&amp;#x2F;strong&amp;gt; que possible : elles se concentrent sur &amp;lt;em&amp;gt;une seule idée&amp;lt;&amp;#x2F;em&amp;gt;, écrite de la façon la plus succincte possible : la force d’Obsidian, c’est d’être capable de faire des liens entre les notes. Pour que ces liens soient pertinents et compréhensibles, chaque note doit être bien ciblée.
Cette section regroupe ce qu’on pourrait appeler&amp;lt;&amp;#x2F;li&amp;gt;
&amp;lt;&amp;#x2F;ul&amp;gt;
&amp;lt;h3 id=&amp;quot;index&amp;quot;&amp;gt;Index&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;Certaines notes sont des points d’entrés vers d’autres notes, par exemple, j’ai une notes &amp;lt;code&amp;gt;recettes de cuisine&amp;lt;&amp;#x2F;code&amp;gt;, qui liste et organise toutes les recettes que je peux avoir, permettant de m’y retrouver facilement.
D’autres notes sont plus conceptuelles. Je les appelle parfois « &amp;lt;em&amp;gt;notes covalentes&amp;lt;&amp;#x2F;em&amp;gt; » car elles servent de liant entre d’autres notes (atomiques).
Ce peut être des notions comme &amp;lt;code&amp;gt;logiciel libre&amp;lt;&amp;#x2F;code&amp;gt;, des personnes &amp;lt;code&amp;gt;John DOE&amp;lt;&amp;#x2F;code&amp;gt; ou des chose particulière &amp;lt;code&amp;gt;Ergo‑L&amp;lt;&amp;#x2F;code&amp;gt;, et elle me permettent ensuite de faire des recherches efficaces.
Par exemple, à partir de &amp;lt;code&amp;gt;John DOE&amp;lt;&amp;#x2F;code&amp;gt;, je peux retrouver les réunions, événements, auxquels on a participé ensemble, où encore la liste des entreprise pour lesquelles il a travaillé, etc.
Pour quelque-chose comme Ergo‑L, ça me permet de cible les moment dans l’année sur lesquelles je me suis concentré sur le sujet et de retrouver les jalons du projets.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Bref, ce sont des notes qui permettent de faire de l’archéologie.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h3 id=&amp;quot;ressources&amp;quot;&amp;gt;Ressources&amp;lt;&amp;#x2F;h3&amp;gt;
&amp;lt;p&amp;gt;les rares pièces jointes accompagnant mes notes. J’essaie, autant que faire se peut, de rester sur du texte pur.
Mais, de temps en temps, des images viennent se greffer…
J’ai essayé plusieurs méthodes de classement pour ces &amp;lt;em&amp;gt;ressources&amp;lt;&amp;#x2F;em&amp;gt; : sous-dossiers, dossier unique, sans résultat concluant. Pour l’instant, un dossier centralisé fait l’affaire, il permet de réutiliser facilement une même ressource, mais s’éloigne du standard markdown et donc la compatibilité avec d’autres logiciels si jamais je viens à changer…&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;creation-d-une-nouvelle-note&amp;quot;&amp;gt;Création d’une nouvelle note&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Au début, habitude hérité d’à peu près tous les logiciels que j’ai créé, je faisais un &amp;lt;kbd&amp;gt;Ctrl&amp;lt;&amp;#x2F;kbd&amp;gt;+&amp;lt;kbd&amp;gt;n&amp;lt;&amp;#x2F;kbd&amp;gt; pour créer une nouvelle note.
Ce n’est pas idéal, parcequ’on se retrouve souvent avec des notes orphelines, des notes qui ne sont liée à aucune autre, et qui sont donc plus difficile à retrouver et à “exploiter”.
Une méthode qui me convient mieux et de toujours créer une notes depuis un autre notes en allant sur cette note et en tapant &amp;lt;code&amp;gt;[[Nouveau nom]]&amp;lt;&amp;#x2F;code&amp;gt;.
Cette méthode fait que par défaut, on a &amp;lt;em&amp;gt;au moins&amp;lt;&amp;#x2F;em&amp;gt; une note liée à notre nouvelle note —souvent la note journal quotidienne.
Ça permet au moins de capturer de contexte de la création ; et, cerise sur le gateau, avec cette méthode, il est possible d’utiliser des raccourcis clavier pour mettre un &amp;lt;em&amp;gt;timestamp&amp;lt;&amp;#x2F;em&amp;gt; dans une note par exemple, (&amp;lt;kbd&amp;gt;Alt&amp;lt;&amp;#x2F;kbd&amp;gt;+&amp;lt;kbd&amp;gt;d&amp;lt;&amp;#x2F;kbd&amp;gt; pour la date, format ISO, dans mon cas), ce que je fais systématiquement pour des réunion (&amp;lt;code&amp;gt;timestamp nomEtreprise nomContact&amp;lt;&amp;#x2F;code&amp;gt; ce qui permet de retrouver la note facilement à partir de la date, du contact principal ou de l’entreprise)&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;navigation&amp;quot;&amp;gt;Navigation&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;En passant d’un système hiérarchique (Joplin) à un système plus fluide, avec beaucoup, &amp;lt;em&amp;gt;beaucoup&amp;lt;&amp;#x2F;em&amp;gt; de notes dans un dossier, on pourrait croire que la navigation devient plus complexe.
J’avais un peu peur de ne pas m’y retrouver au début…
Mais enfait, c’est souvent &amp;lt;strong&amp;gt;plus simple&amp;lt;&amp;#x2F;strong&amp;gt;.
Dans la majorité des cas, je connais (presque) le nom de la note que je veux ouvrir. Il me suffit donc d’un &amp;lt;kbd&amp;gt;Ctrl&amp;lt;&amp;#x2F;kbd&amp;gt;+&amp;lt;kbd&amp;gt;O&amp;lt;&amp;#x2F;kbd&amp;gt; et de commencer à taper pour que les notes pertinentes soient proposées.
Parfois, c’est moins direct. Je me demande, par exemple :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;blockquote&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;em&amp;gt;Comment s’appelle le contact principale chez XYZ déjà ?&amp;lt;&amp;#x2F;em&amp;gt;&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;&amp;#x2F;blockquote&amp;gt;
&amp;lt;p&amp;gt;J’ouvre alors la note &amp;lt;code&amp;gt;XYZ&amp;lt;&amp;#x2F;code&amp;gt;, qui contient une section :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;markdown&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;Contacts Affiliés&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);font-weight: bold;&amp;quot;&amp;gt;-----------------&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;```&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;dataview&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;LIST&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;FROM [[]] AND &amp;amp;quot;🗃️ Index&amp;#x2F;Personnes&amp;amp;quot;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;```&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt;  &amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;ce qui donne :&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;pre class=&amp;quot;giallo&amp;quot; style=&amp;quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&amp;quot;&amp;gt;&amp;lt;code data-lang=&amp;quot;markdown&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span&amp;gt;Contacts Affiliés&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#005CC5, #79B8FF);font-weight: bold;&amp;quot;&amp;gt;-----------------&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;-&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; John DOE&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;-&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; John DOEUX&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;
&amp;lt;span class=&amp;quot;giallo-l&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: light-dark(#E36209, #FFAB70);&amp;quot;&amp;gt;-&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;span&amp;gt; John Trois&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;span&amp;gt;&amp;lt;&amp;#x2F;code&amp;gt;&amp;lt;&amp;#x2F;pre&amp;gt;
&amp;lt;p&amp;gt;Soit une liste de toutes les personnes liées à l’entreprise, listées par ordre alphabétique.
Je n’ai plus qu’à suivre le lien… Facile !&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;De même, parfois, je ne sais plus exactement ce que je cherche (une citation dans un livre, une recette dont le nom m’échappe…). Je cherche alors le nom de la note-index associée (le livre ou la liste de recettes), et je retrouve facilement ce que je cherchais.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est redoutablement efficace, à condition d’avoir des notes-index comme repères thématiques dès qu’on commence à accumuler un peu de contenu sur le thème en question.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Finalement, je ne suis &amp;lt;strong&amp;gt;pas du tout gêné&amp;lt;&amp;#x2F;strong&amp;gt; d’avoir « trop de notes dans un dossier ».
Le fait de ne plus avoir une structure, à penser, à maintenir me fait gagner du temps : pas besoin de me demander &amp;lt;em&amp;gt;où&amp;lt;&amp;#x2F;em&amp;gt; une note devrait aller, et changer ma façon de classier de temps en temps.
C’est cohérent dès le départ et ça le reste.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;video autoplay loop muted=&amp;quot;true&amp;quot;  
    class=&amp;quot;gif&amp;quot;&amp;gt;
    &amp;lt;source src=&amp;quot;chefs-kiss-french-chef.mp4&amp;quot; type=&amp;quot;video&amp;#x2F;mp4&amp;quot;&amp;gt;
    Your browser does not support the video tag.
&amp;lt;&amp;#x2F;video&amp;gt;&amp;lt;h2 id=&amp;quot;meta-organisation&amp;quot;&amp;gt;Méta-organisation&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;À l’époque Joplin, j’utilisais les &amp;lt;em&amp;gt;tags&amp;lt;&amp;#x2F;em&amp;gt; pour relier des notes autour d’une thématique.
En réalité, je ne m’en servais pas beaucoup, mais ça me semblait la « bonne pratique ».
En passant sur Obsidian, je me suis peu à peu rendu compte que créer des notes dédiées était plus puissant.
Non seulement l’interface y pousse, mais c’est aussi bien plus &amp;lt;em&amp;gt;flexible&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Par exemple, remplacer le tag &amp;lt;code&amp;gt;#première_fois_fiston&amp;lt;&amp;#x2F;code&amp;gt; par une note &amp;lt;code&amp;gt;première fois fiston&amp;lt;&amp;#x2F;code&amp;gt; me permet ensuite d’utiliser &amp;lt;em&amp;gt;dataview&amp;lt;&amp;#x2F;em&amp;gt; pour lister toutes les notes (quotidiennes ou autres) où cette notion apparaît —par ordre chronologique.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’ai donc complètement arrêté d’utiliser les tags… jusqu’à ce que je leur trouve &amp;lt;em&amp;gt;une autre utilité&amp;lt;&amp;#x2F;em&amp;gt; : &amp;lt;em&amp;gt;l’automatisation&amp;lt;&amp;#x2F;em&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;J’en avais assez de devoir insérer manuellement certains modèles, comme les vues &amp;lt;code&amp;gt;contact affilié&amp;lt;&amp;#x2F;code&amp;gt; pour une entreprise. J’ai donc écrit un petit script Python pour ajouter ces éléments automatiquement.
Très vite, ce script s’est enrichi : aujourd’hui, il ajoute automatiquement les données &amp;lt;code&amp;gt;vCard&amp;lt;&amp;#x2F;code&amp;gt; de mes contacts Nextcloud dans les notes de contacts.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Naturellement, quand je travaille sur ces scripts, je veux souvent cibler un &amp;lt;strong&amp;gt;type&amp;lt;&amp;#x2F;strong&amp;gt; de note : réunions, personnes, notes quotidiennes, etc.
J’avais pensé utiliser les dossiers, mais ce n’était pas assez précis : mon dosser de notes quotidienne par exemple regroupe &amp;lt;em&amp;gt;principalement&amp;lt;&amp;#x2F;em&amp;gt; ces notes, mais aussi des points ponctuels notés à part pour être relié à autre chose et réutilisé sans avoir à lire toute la note du jour.
Et c’est pareil pour chaque dossier, on y trouve toujours au moins une note qui n’a pas meilleur endroit où aller mais qui n’est pas exactement du même type que les autres.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;C’est là que les &amp;lt;em&amp;gt;tags&amp;lt;&amp;#x2F;em&amp;gt; se sont de nouveaux manifestés et imposés comme solution : pour &amp;lt;strong&amp;gt;spécifier le(s) type(s)&amp;lt;&amp;#x2F;strong&amp;gt; de la note.
Dans ce cas, les tags &amp;lt;em&amp;gt;dans les métadonnées&amp;lt;&amp;#x2F;em&amp;gt; (YAML frontmatter) sont plus adaptés que les tags &amp;lt;em&amp;gt;inline&amp;lt;&amp;#x2F;em&amp;gt;, car ils décrivent la nature de la note elle-même, pas son contenu.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;h2 id=&amp;quot;conclusion&amp;quot;&amp;gt;Conclusion&amp;lt;&amp;#x2F;h2&amp;gt;
&amp;lt;p&amp;gt;Depuis que j’utilise Obsidian pour tout, avec l’intégration des &amp;lt;em&amp;gt;vim-motions&amp;lt;&amp;#x2F;em&amp;gt;, prendre des notes est devenu un plaisir.
Je &amp;lt;em&amp;gt;veux&amp;lt;&amp;#x2F;em&amp;gt; que mon système soit cohérent, que mes notes soient bien liées entre elles, car cela renforce leur utilité et leur accessibilité.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je me suis aussi rendu compte qu’écrire mes pensées — ce que le moi d’il y a dix ans aurait jugé chronophage et inutile — m’aide à mieux structurer ma réflexion.
Combien de fois ai-je évité des erreurs ou du travail superflu en me posant les bonnes questions ? Beaucoup. Et de plus en plus.
Ces questions ne sont apparues que grâce à l’écriture… et à la relecture, à la réécriture.&amp;lt;&amp;#x2F;p&amp;gt;
&amp;lt;p&amp;gt;Je ne peux donc que vous conseiller une chose :
écrivez plus —et si Obsidian vous permet d’en tirer du plaisir, ne vous en privez pas.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
            
            <entry>
                <title>Capitol du Libre 2024 – Kalamine : Créer la disposition clavier de vos rêves en un claquement de doigt</title>
                <link href="https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;cdl-2024&#x2F;"/>
                <updated>2024-11-16T00:00:00+0000</updated>
                <id>https:&#x2F;&#x2F;ced-c.github.io&#x2F;blog&#x2F;cdl-2024&#x2F;</id>
                <content type="html">&amp;lt;p&amp;gt;Je mets rétroactivement le lien vers &amp;lt;a href=&amp;quot;&amp;#x2F;2024_CdL&amp;#x2F;&amp;quot;&amp;gt;les planches de ma présentation au CdL 2024&amp;lt;&amp;#x2F;a&amp;gt;.&amp;lt;&amp;#x2F;p&amp;gt;
</content>
            </entry>
            
        
    
</feed>