J'ai participé à ParisWeb 2024

2024-09-28T00:00:00+00:00

C'est quoi ParisWeb ?</h2>
C'est une conférence qui parle d'accessibilité Web, d'UX/UI, de qualité et bien d'autres. Vous trouverez le programme de l'année 2024 ici</a>.

Et c'était bien ?</h2>
Personnellement, je sais que je dois beaucoup progresser sur le thème de l'accessibilité. Je n'ai jamais eu l'occasion de prendre ce sujet sérieusement jusqu'à présent. En écoutant les conférences, cela m'a permis de comprendre à quel point c'était important de s'en occuper (et pas par dessus la jambe), et ce dès le démarrage d'un projet (il ne faut jamais prendre la décision de reporter à plus tard la mise en place de l'accessibilité).
Si je vous pose la question : "À qui sert l'accessibilité ?" Je pense ne pas me tromper en disant que vous allez penser :

aux personnes aveugles;</li>
aux personnes sourdes.</li> </ul>
Mais il existe une multitude de personnes souffrant d'autres handicaps ou troubles cognitifs qui rend leur utilisation du Web pénible :

Celles & ceux qui souffrent de cyber-cinétose (l'envie de vomir à cause d'animation, comme les vidéos, les gifs etc);</li>
Celles & ceux qui souffrent de daltonisme;</li>
Celles & ceux qui souffrent de dyspraxie;</li>
Vous-même, quand vous vieillirez (vous verrez moins bien, vous serez moins précis dans vos gestes, plus lent);</li>
Et plein plein d'autres ...</li> </ul>
Ne pas rendre le Web accessible exclut de facto toutes ces personnes, qui sont beaucoup plus nombreuses qu'on peut l'imaginer.
Pour ce rendre compte de toutes les choses qui doivent être faites pour rendre un site accessible, je vous invite à consulter 2 référentiels :

Le WCAG</a> un référentiel mis à jour par le W3C;</li>
Le RGAA</a> le référentiel sur les critères d'accessibilité attendus par la législation française.</li> </ul>
Il ne s'agit que de la base (qui est déjà difficilement atteinte pour beaucoup de sites).
Un point d'honneur à rendre la conférence accessible</h2>
Une chose qui m'a épaté, c'est de voir les moyens mis en oeuvre pour rendre la conférence elle-même accessible. Dans la salle de conférence, nous pouvions voir :

4 écrans affichant en simili-direct les sous-titres des conférenciers & conférencières, grâce à la vélotypie;</li>
1 équipes de personnes signantes en LSF (Langue des Signes Française).</li> </ul>
À cela s'ajoute la possibilité d'accéder à la traduction orale Anglais -> Français en direct grâce à une application (dont j'ai oublié le nom). Cela a été pratique lorsqu'une conférencière américaine a présenté son sujet en anglais. Les personnes signantes avaient la retranscription en français avec l'application, et signaient pour les sourds.
Dans l'équipe technique, beaucoup de personnes étaient disponibles pour guider les personnes aveugles participantes. Sylvie, une dame de l'équipe technique, aveugle, était responsable d'annoncer le prochain conférencier et d'expliquer le sujet de la présentation, le tout grâce à un clavier braille qu'elle avait à sa disposition.
Mot de la fin</h2>
Outre que les sujets étaient très intéressants, le fait de voir autant de personnes avec des handicaps participer à la conférence m'a fait beaucoup de bien. Participer à ParisWeb 2024 m'a montré à quel point les quelques autres conférences auxquelles j'ai participé (NCrafts, ParisTestConf) n'étaient pas du tout accessibles. Bravo donc à l'équipe organisatrice, qui montre l'exemple. Je sais que grâce à eux, je commencerais systématiquement à me demander comment rendre accessible les futurs évènements que je pourrais organiser.
Liens utiles</h2>
Système RISP</a>, société française de vélotypie.

Nix Shell, pour un environnement de développement reproductible

2023-07-24T00:00:00+00:00

Je travaille sur beaucoup de projets de développement qui nécessitent tous une bonne dose d'installation manuelle d'outillage. Prenons un projet Java, il faut télécharger et installer le bon JDK, installer un outil de build comme Maven. Imaginez aussi devoir jongler entre plusieurs projets, qui ont des versions de JDK & Maven différentes d'un projet à l'autre, ça devient assez compliqué à installer sur la machine, sans devoir faire des scripts maisons plus ou moins robustes.

Il existe un outil qui permet de remédier à cela, nix-shell. Une petite note pour le lecteur, je découvre nix au moment où j'écris cet article, il se peut donc qu'il ne soit pas précis et peu clair, n'hésitez pas à m'en faire part par courriel (adresse sur la page d'accueil).

nix-shell fait partie d'un projet beaucoup plus gros : Nix. Ce dernier est plusieurs choses :

Accéder aux logs d'un service avec journalctl

2023-06-30T00:00:00+00:00

Je maintiens depuis quelques semaines maintenant une capsule gemini, et bien qu'il ne soit pas connu, je voulais voir s'il y avait malgré tout du trafic. J'ai configuré agate en tant que service systemd, je peux donc utiliser la commande "journalctl" pour accéder aux logs du serveur agate.

Ne connaissant que très peu journalctl, mais ne voulant pas trouver la réponse sur internet (pour l'exercice), je me suis dit que je chercherai ma réponse dans le manuel de journalctl (RTFM quoi).

man journalctl</code></pre> Je cherche une option qui me permet de ne lire que les logs du service agate. Pour faire une recherche dans "man", il suffit de taper sur la touche "/", qui active le mode de recherche. Je cherche donc "service", et j'itère en appuyant sur la touche "n" jusqu'à trouver l'information qui m'intéresse. Dans mon cas, je trouve l'option suivante : -u, --unit=UNIT|PATTERN Show messages for the specified systemd unit UNIT (such as a service unit) [...]</code></pre> Je sais donc que je dois utiliser l'option "-u" pour lire uniquement les logs d'un service particulier. journalctl -u agate.service</code></pre> Cependant les logs sont affichées dans l'ordre chronologique, des plus anciennes aux plus récentes. Ne connaissant pas l'option permettant d'avoir les éléments nouveaux en premier, je refais une recherche avec "man" en cherchant le mot "reverse", pour trouver l'option : -r, --reverse Reverse output so that the newest entries are displayed first</code></pre>journalctl -r -u agate.service</code></pre> Bingo, je peux accéder aux logs dans l'ordre que je souhaite. Bon, sans surprise, je n'ai pas de trafic (hormis le mien, pour montrer le contenu à quelques amis).

La fonction map

2023-06-22T00:00:00+00:00

La fonction "map" est très utile lorsqu'on souhaite changer chaque élément d'une collection de données, à l'aide d'une fonction. Je me souviens, lorsque j'ai découvert son existence et son utilisation, avoir eu du mal à comprendre son fonctionnement. Je vous propose de la redécouvrir, et de la construire, à l'aide de quelques exemples de code dans un style impératif. J'utiliserai javascript comme langage de programmation.

Exemple 1</h2>

Voici un exercice un peu bateau mais néanmoins utile. L'exercice consiste à transformer une liste de nombres en liste de nombres sous forme de chaîne de caractères.

function</span> exemple1</span>(</span>)</span> {</span></span>
  const</span> nombres</span> =</span> [</span>1</span>,</span> 2</span>,</span> 3</span>,</span> 4</span>]</span>;</span></span>
</span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> nombres</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>"</span>"</span> +</span> nombres</span>[</span>i</span>]</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple 1: </span>"</span>,</span> exemple1</span>(</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Nous utilisons une boucle "for", et à chaque itération, nous transformons
chaque en nombre en chaîne de caractères.</p>
Exemple 2</h2>
Imaginons que votre client souhaite faire une campagne de publicité par SMS en
envoyant un SMS à tous ces clients. Un client est représenté par l'objet
littéral suivant :</p>
const</span> client</span> =</span> {</span></span>
  nom</span>:</span> "</span>John Doe</span>"</span>,</span></span>
  adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span></span>
  telephone</span>:</span> "</span>0601020304</span>"</span></span>
}</span>;</span></span></code></pre>
Il nous faudrait extraire tous les numéros de téléphone. Voici la solution avec
une boucle "for" :</p>
function</span> exemple2</span>(</span>)</span> {</span></span>
  const</span> clients</span> =</span> [</span></span>
    {</span>nom</span>:</span> "</span>John Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0601020304</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Jane Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>jane@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0604030201</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Homer Simpson</span>"</span>,</span> adresseCourriel</span>:</span> "</span>homer@simpson.com</span>"</span>,</span> telephone</span>:</span> null</span>}</span></span>
  ]</span>;</span></span>
</span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> clients</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>clients</span>[</span>i</span>]</span>.</span>telephone</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple 2: </span>"</span>,</span> exemple2</span>(</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Si nous comparons les 2 solutions proposées, bien qu'elles répondent à un
besoin différent, nous pouvons remarquer qu'elles se ressemblent, font le même
type de travail, à savoir transformer les éléments d'une collection de donnée.
Est-il possible d'extraire une fonction qui permette d'appliquer une fonction
sur chacun des éléments d'une collection en entrée, pour en obtenir une
collection de données de sortie ?</p>
Petite session de refactoring</h2>
Essayons de faire apparaître cette fonction avec une série de petits
refactoring. Commençons d'abord par passer en paramètre la collection de
données.</p>
function</span> exemple1</span>(</span>nombres</span>)</span> {</span></span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> nombres</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>"</span>"</span> +</span> nombres</span>[</span>i</span>]</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple1: </span>"</span>,</span> exemple1</span>(</span>[</span>1</span>,</span> 2</span>,</span> 3</span>,</span> 4</span>]</span>)</span>;</span></span>
}</span></span></code></pre>function</span> exemple2</span>(</span>clients</span>)</span> {</span></span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> clients</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>clients</span>[</span>i</span>]</span>.</span>telephone</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  const</span> clients</span> =</span> [</span></span>
    {</span>nom</span>:</span> "</span>John Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0601020304</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Jane Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>jane@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0604030201</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Homer Simpson</span>"</span>,</span> adresseCourriel</span>:</span> "</span>homer@simpson.com</span>"</span>,</span> telephone</span>:</span> null</span>}</span></span>
  ]</span>;</span></span>
</span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple 2: </span>"</span>,</span> exemple2</span>(</span>clients</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Nous voyons que "exemple1()" et "exemple2()" se ressemblent de plus en plus.
Essayons maintenant d'extraire une fonction, appliqué à chaque élément, et dont
le résultat est stocké dans la collection de sortie.</p>
function</span> exemple1</span>(</span>nombres</span>)</span> {</span></span>
  function</span> nombreToString</span>(</span>n</span>)</span> {</span></span>
    return</span> "</span>"</span> +</span> n</span>;</span></span>
  }</span></span>
</span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> nombres</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>nombreToString</span>(</span>nombres</span>[</span>i</span>]</span>)</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple1: </span>"</span>,</span> exemple1</span>(</span>[</span>1</span>,</span> 2</span>,</span> 3</span>,</span> 4</span>]</span>)</span>;</span></span>
}</span></span></code></pre>function</span> exemple2</span>(</span>clients</span>)</span> {</span></span>
  function</span> extrairePhone</span>(</span>client</span>)</span> {</span></span>
    return</span> client</span>.</span>telephone</span>;</span></span>
  }</span></span>
</span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> clients</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>extrairePhone</span>(</span>clients</span>[</span>i</span>]</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  const</span> clients</span> =</span> [</span></span>
    {</span>nom</span>:</span> "</span>John Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0601020304</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Jane Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>jane@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0604030201</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Homer Simpson</span>"</span>,</span> adresseCourriel</span>:</span> "</span>homer@simpson.com</span>"</span>,</span> telephone</span>:</span> null</span>}</span></span>
  ]</span>;</span></span>
</span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple2: </span>"</span>,</span> exemple2</span>(</span>clients</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Si nous observons la boucle "for" des 2 exemples, nous voyons qu'elle fournit
le même type de travail. Faisons maintenant en sorte que les fonctions
"nombreToString" et "extrairePhone" soient fournies en paramètre.</p>
function</span> exemple1</span>(</span>nombres</span>,</span> fn</span>)</span> {</span></span>
 const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> nombres</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>fn</span>(</span>nombres</span>[</span>i</span>]</span>)</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  function</span> nombreToString</span>(</span>n</span>)</span> {</span></span>
    return</span> "</span>"</span> +</span> n</span>;</span></span>
  }</span></span>
 </span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple1: </span>"</span>,</span> exemple1</span>(</span>[</span>1</span>,</span> 2</span>,</span> 3</span>,</span> 4</span>]</span>,</span> nombreToString</span>)</span>)</span>;</span></span>
}</span></span></code></pre>function</span> exemple2</span>(</span>clients</span>,</span> fn</span>)</span> {</span></span>
 const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> clients</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>fn</span>(</span>clients</span>[</span>i</span>]</span>)</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  function</span> extrairePhone</span>(</span>client</span>)</span> {</span></span>
    return</span> client</span>.</span>telephone</span>;</span></span>
  }</span></span>
 </span></span>
  const</span> clients</span> =</span> [</span></span>
    {</span>nom</span>:</span> "</span>John Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0601020304</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Jane Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>jane@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0604030201</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Homer Simpson</span>"</span>,</span> adresseCourriel</span>:</span> "</span>homer@simpson.com</span>"</span>,</span> telephone</span>:</span> null</span>}</span></span>
  ]</span>;</span></span>
</span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple 2: </span>"</span>,</span> exemple2</span>(</span>clients</span>,</span> extrairePhone</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Il est maintenant clair que "exemple1()" et "exemple2()" font le même travail.
Nous venons d'écrire la fonction map ! Voici la fonction map révélée, avec un
dernier refactoring.</p>
function</span> map</span>(</span>collection</span>,</span> fn</span>)</span> {</span></span>
  const</span> resultat</span> =</span> [</span>]</span>;</span></span>
</span>
  for</span>(</span>let</span> i</span> =</span> 0</span>;</span> i</span> <</span> collection</span>.</span>length</span>;</span> i</span>++</span>)</span> {</span></span>
    resultat</span>.</span>push</span>(</span>fn</span>(</span>collection</span>[</span>i</span>]</span>)</span>)</span>;</span></span>
  }</span></span>
</span>
  return</span> resultat</span>;</span></span>
}</span></span>
</span>
function</span> main</span>(</span>)</span> {</span></span>
  //</span> exemple 1</span></span>
  const</span> nombres</span> =</span> [</span>1</span>,</span>2</span>,</span>3</span>,</span>4</span>]</span>;</span></span>
  </span></span>
  function</span> nombreToString</span>(</span>nombre</span>)</span> {</span></span>
    return</span> "</span>"</span> +</span> nombre</span>;</span></span>
  }</span></span>
</span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple1: </span>"</span>,</span> map</span>(</span>nombres</span>,</span> nombreToString</span>)</span>)</span>;</span></span>
</span>
  //</span> exemple 2</span></span>
  const</span> clients</span> =</span> [</span></span>
    {</span>nom</span>:</span> "</span>John Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>john@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0601020304</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Jane Doe</span>"</span>,</span> adresseCourriel</span>:</span> "</span>jane@doe.com</span>"</span>,</span> telephone</span>:</span> "</span>0604030201</span>"</span>}</span>,</span></span>
    {</span>nom</span>:</span> "</span>Homer Simpson</span>"</span>,</span> adresseCourriel</span>:</span> "</span>homer@simpson.com</span>"</span>,</span> telephone</span>:</span> null</span>}</span></span>
  ]</span>;</span></span>
  </span></span>
  function</span> extrairePhone</span>(</span>client</span>)</span> {</span></span>
    return</span> client</span>.</span>telephone</span>;</span></span>
  }</span></span>
 </span></span>
  console</span>.</span>log</span>(</span>"</span>résultat exemple2: </span>"</span>,</span> map</span>(</span>clients</span>,</span> extrairePhone</span>)</span>)</span>;</span></span>
}</span></span></code></pre>
Nous avons maintenant dans notre arsenal la fonction "map".</p>
Mot de la fin</h1>
Nous venons de voir que la fonction "map" nous a permis d'abstraire le principe
de parcours d'une collection de données pour y appliquer une fonction de
transformation sur chaque élément. J'aimerai ajouter que son nom devra vous
évoquer par la suite ce principe, quelque soit le langage dans lequel vous la
verrez utilisée. L'intention du code devient ainsi plus limpide, plus immédiat.</p>
Notons également que la fonction map n'a pas muté la collection de données
d'entrée, elle en a construit une nouvelle.</p>
Nous verrons prochainement les fonctions "filter()" et "reduce()", qui sont
également des abstractions autour des collections de données.</p>

Cuisson</h3>

Faire cuire au four pendant environ 10 minutes (le fromage doit gratiner sans brûler).</li> </ol>

Cuisson</h2>

Sur une poêle bien chaude (idéalement en acier, j'ai ce modèle</a>), verser de la pâte et cuire jusqu'à léger brunissement des bords (environ 45s);</li>
Retourner la crêpe à l'aide d'une spatule, et cuire l'autre face environ 10s;</li>
Réserver.</li> </ol>

C'est quoi ParisWeb ?</h2>
C'est une conférence qui parle d'accessibilité Web, d'UX/UI, de qualité et bien d'autres. Vous trouverez le programme de l'année 2024 ici</a>.</p>

Liens utiles</h2>
Système RISP</a>, société française de vélotypie.</p>

Nix, le langage</h3>
Nix est aussi un langage de programmation, dont le principal rôle est de déclarer des dépendances entre programmes, des configurations de construction de programme. Il a une syntaxe particulière, que je ne présenterai pas dans cet article.</p>

Installation de nix-shell</h2>
Pour profiter de nix-shell, il n'est pas nécessaire d'utiliser la distribution NixOS, il suffit juste d'installer l'utilitaire nix. Vous trouverez le lien ci-dessous pour l'installation.</p>
Installation de Nix</a></p>

Liens utiles</h2>
Site officiel Nix</a></p>
Documentation de référence</a></p>
Documentation du langage</a></p>
Le dépôt de paquets</a></p>
Nix Pills, une série de tutoriels</a></p>

Pour aller plus loin</h2>

git add -p</li>
git add -i</li> </ul>
Liens</h2>
Maven</a></p>

Liens</h2>
Maven</a></p>

Liens utiles</h2>
Projet Agate</a></p>

Un Dev Lambda

Deux mois de méditation

Petites astuces Petit bambou</h2>
Pour une raison que je n'explique pas, l'abonnement est moins cher s'il est pris directement sur leur site(6,99€ par mois VS 9,99€ par mois via abonnement app store). Abonnez-vous donc via leur site, et utilisez votre abonnement sur l'application mobile.</p>

Crocs monsieurs

Pâte à crêpes

Soupe de carottes, pomme de terre et patate douce

J'ai participé à ParisWeb 2024

Utiliser les profils de Firefox

Nix Shell, pour un environnement de développement reproductible

Accéder aux logs d'un service avec journalctl

La fonction map

Un peu de Kung Fu Git

Installer un serveur Gemini sur RaspberryPI

Un Dev Lambda

Deux mois de méditation

Petites astuces Petit bambou</h2> Pour une raison que je n'explique pas, l'abonnement est moins cher s'il est pris directement sur leur site(6,99€ par mois VS 9,99€ par mois via abonnement app store). Abonnez-vous donc via leur site, et utilisez votre abonnement sur l'application mobile.</p>

Crocs monsieurs

Ingrédients (Pour 4 crocs monsieurs)</h2> 8 tranches de pain de mie</li> 4 tranches de jambon</li>

Pour la sauce béchamel</h3> 30g de beurre</li> 30g de farine</li>

Cuisson</h3> Faire cuire au four pendant environ 10 minutes (le fromage doit gratiner sans brûler).</li> </ol>

Pâte à crêpes

Ingrédients (Pour environ 20 crêpes)</h2> 5 oeufs</li> 500g de farine</li>

Préparation</h2> Dans un saladier, mélanger les oeufs et la moitié de la farine;</li> Ajouter le reste de la farine en alternant avec un peu de lait, pour faciliter le mélange et éviter les grumeaux;</li>

Cuisson</h2> Sur une poêle bien chaude (idéalement en acier, j'ai ce modèle</a>), verser de la pâte et cuire jusqu'à léger brunissement des bords (environ 45s);</li> Retourner la crêpe à l'aide d'une spatule, et cuire l'autre face environ 10s;</li> Réserver.</li> </ol>

Soupe de carottes, pomme de terre et patate douce

J'ai participé à ParisWeb 2024

C'est quoi ParisWeb ?</h2> C'est une conférence qui parle d'accessibilité Web, d'UX/UI, de qualité et bien d'autres. Vous trouverez le programme de l'année 2024 ici</a>.</p>

Un point d'honneur à rendre la conférence accessible</h2> Une chose qui m'a épaté, c'est de voir les moyens mis en oeuvre pour rendre la conférence elle-même accessible. Dans la salle de conférence, nous pouvions voir :</p>

Liens utiles</h2> Système RISP</a>, société française de vélotypie.</p>

Utiliser les profils de Firefox

Nix Shell, pour un environnement de développement reproductible

Nix, le langage</h3> Nix est aussi un langage de programmation, dont le principal rôle est de déclarer des dépendances entre programmes, des configurations de construction de programme. Il a une syntaxe particulière, que je ne présenterai pas dans cet article.</p>

Installation de nix-shell</h2> Pour profiter de nix-shell, il n'est pas nécessaire d'utiliser la distribution NixOS, il suffit juste d'installer l'utilitaire nix. Vous trouverez le lien ci-dessous pour l'installation.</p>

Exemples d'utilisation</h2> Exemple 1, installation d'une stack de développement Java</h3> Je souhaite pouvoir travailler sur mon projet qui nécessite un JDK 11 ainsi que Maven. Imaginons n'avoir ni le JDK ni Maven d'installé.</p> Voici donc ce que j'obtiens si je lance :</p>

Exemple 1, installation d'une stack de développement Java</h3> Je souhaite pouvoir travailler sur mon projet qui nécessite un JDK 11 ainsi que Maven. Imaginons n'avoir ni le JDK ni Maven d'installé.</p> Voici donc ce que j'obtiens si je lance :</p>

Liens utiles</h2> Site officiel Nix</a></p> Documentation de référence</a></p> Documentation du langage</a></p> Le dépôt de paquets</a></p> Nix Pills, une série de tutoriels</a></p>

Accéder aux logs d'un service avec journalctl

La fonction map

Un peu de Kung Fu Git

Pour aller plus loin</h2> git add -p</li> git add -i</li> </ul> Liens</h2> Maven</a></p>

Liens</h2> Maven</a></p>

Installer un serveur Gemini sur RaspberryPI

Permettre le pilotage avec systemd</h2> Actuellement, Agate doit être exécuté manuellement. Pour bénéficier du démarrage automatique, nous allons créer un service Agate pour systemd.</p>

Liens utiles</h2> Projet Agate</a></p>

Petites astuces Petit bambou</h2>
Pour une raison que je n'explique pas, l'abonnement est moins cher s'il est pris directement sur leur site(6,99€ par mois VS 9,99€ par mois via abonnement app store). Abonnez-vous donc via leur site, et utilisez votre abonnement sur l'application mobile.</p>

Cuisson</h3>

Faire cuire au four pendant environ 10 minutes (le fromage doit gratiner sans brûler).</li> </ol>

Cuisson</h2>

Sur une poêle bien chaude (idéalement en acier, j'ai ce modèle</a>), verser de la pâte et cuire jusqu'à léger brunissement des bords (environ 45s);</li>
Retourner la crêpe à l'aide d'une spatule, et cuire l'autre face environ 10s;</li>
Réserver.</li> </ol>

C'est quoi ParisWeb ?</h2>
C'est une conférence qui parle d'accessibilité Web, d'UX/UI, de qualité et bien d'autres. Vous trouverez le programme de l'année 2024 ici</a>.</p>

Liens utiles</h2>
Système RISP</a>, société française de vélotypie.</p>

Nix, le langage</h3>
Nix est aussi un langage de programmation, dont le principal rôle est de déclarer des dépendances entre programmes, des configurations de construction de programme. Il a une syntaxe particulière, que je ne présenterai pas dans cet article.</p>

Installation de nix-shell</h2>
Pour profiter de nix-shell, il n'est pas nécessaire d'utiliser la distribution NixOS, il suffit juste d'installer l'utilitaire nix. Vous trouverez le lien ci-dessous pour l'installation.</p>
Installation de Nix</a></p>

Liens utiles</h2>
Site officiel Nix</a></p>
Documentation de référence</a></p>
Documentation du langage</a></p>
Le dépôt de paquets</a></p>
Nix Pills, une série de tutoriels</a></p>

Pour aller plus loin</h2>

git add -p</li>
git add -i</li> </ul>
Liens</h2>
Maven</a></p>

Liens</h2>
Maven</a></p>

Liens utiles</h2>
Projet Agate</a></p>