[!NOTE] J’ai écrit cet article pour un ami qui vient de passer son bac et va entrer dans une école d’informatique. Il est donc pour toute personne ne connaissant pas en détails les arcanes d’Internet, mais ayant une vraie volonté d’y arriver pour apprendre en chemin.

Bienvenue dans l'univers de l'informatique ! Tu t'apprêtes à rentrer en école d'info, et monter ce projet est sans doute la meilleure première étape que tu puisses franchir. Tu vas non seulement offrir un serveur aux petits oignons à tes potes, mais aussi prendre une longueur d'avance monumentale sur tes cours.

1. Pourquoi créer ton propre serveur (et pas laisser un pote héberger) ?

On a tous connu ça : "Attends, faut que Hugo allume son PC pour qu'on puisse jouer", ou la partie qui saute en plein combat de dragon parce que la maman de Hugo a débranché la box.

Avoir ton propre serveur dédié sur une machine distante (ou un serveur dédié chez toi), c'est :

• Un monde disponible 24h/24, 7j/7 et persistant : Tu peux aller farmer du bois à 3h du matin sans demander la permission à personne. Tu vas te coucher, le serveur continue de vivre.
• Aucun lag chez les joueurs : Ton PC personnel n'a pas à faire tourner le jeu ET le serveur en même temps.
• Le contrôle total : C'est toi l'administrateur. Tu choisis les règles, les sauvegardes, les plugins, et la sécurité.

2. Le lexique du Réseau (Les bases de ton futur métier)

Avant de lancer les commandes, posons les briques de base du réseau informatique.

• Client / Serveur : Le Serveur, c'est la machine hôte qui fait tourner la logique du jeu (la carte, les entités, la physique). Le Client, c'est l'application Minecraft installée sur ton PC qui s'y connecte pour envoyer tes déplacements et afficher l'image.
• VPS (Virtual Private Server) : Plutôt d'acheter un serveur physique géant à stocker dans ton salon, tu loues un "morceau" de serveur ultra-puissant dans un centre de données (chez Hetzner, Hostinger ou OVH).
• Adresse IP : C'est la plaque d'immatriculation de ton serveur sur Internet (ex: 135.181.12.42).
• DNS (Nom de domaine) : Retenir des chiffres, c'est pénible. Le DNS associe un nom de domaine lisible (ex: minecraft.ton-nom.fr) à ton Adresse IP.
• Les Ports : Vois l'IP comme l'adresse d'un immeuble, et les ports comme les numéros d'apparts. Le port par défaut de Minecraft est le 25565. Le port pour le Web (HTTPS) est le 443.

3. Le "Pourquoi" de l'Automatisation & de la Sécurité

En informatique, la règle d'or est : ce qui est fait à la main sera oublié ou mal fait.

• Gestion avancée des Secrets (Doppler) : On ne met JAMAIS de mots de passe, de clés SSH ou de jetons d'accès en texte clair dans le code. En utilisant un gestionnaire de secrets comme Doppler, tes identifiants sont chiffrés et injectés uniquement au moment de l'exécution.
• Déploiement Automatique (CI/CD avec GitHub Actions) : Quand tu voudras ajouter un plugin ou modifier une règle, tu auras juste à faire un git push sur ton dépôt. Le serveur se mettra à jour tout seul comme par magie sans interruption manuelle.
• Sauvegardes automatisées : Un crash de disque ou une fausse manipulation peut détruire des centaines d'heures de jeu. On automatise un système de backup quotidien externalisé pour pouvoir remonter le temps en un clic.

4. La Stack & Les composants retenus

Pour rendre l'expérience mémorable avec tes 6 potes, voici la suite logicielle qu'on installe :

flowchart TD
    subgraph VPS["🖥️ <b>TON SERVEUR — VPS</b><br/>Machine distante disponible 24h/24"]
        Paper["⚙️ <b>Moteur PaperMC</b><br/>Serveur Java ultra-optimisé"]
    end

    DiscordSRV["💬 <b>DiscordSRV</b><br/>Chat bot"]
    Map["🗺️ <b>BlueMap / Dynmap</b><br/>Carte web interactive"]
    Plan["📊 <b>Plan</b><br/>Analytics serveur"]

    Discord["<b>Discord</b><br/>Salon chat synchronisé"]
    Browser["<b>Navigateur web</b><br/>Carte 3D & stats en direct"]

    Paper --> DiscordSRV
    Paper --> Map
    Paper --> Plan

    DiscordSRV --> Discord
    Map --> Browser
    Plan --> Browser

    classDef server fill:#46A171,color:#fff,stroke:#2F7D55,stroke-width:2px
    classDef engine fill:#2783DE,color:#fff,stroke:#1F6FBF,stroke-width:2px
    classDef service fill:#F9F8F7,color:#2C2C2B,stroke:#E6E5E3,stroke-width:2px
    classDef output fill:#2C2C2B,color:#fff,stroke:#111827,stroke-width:2px
    classDef discord fill:#5865F2,color:#fff,stroke:#4752C4,stroke-width:2px

    class VPS server
    class Paper engine
    class DiscordSRV,Map,Plan service
    class Discord discord
    class Browser output

• PaperMC : Le moteur de serveur Minecraft de référence. Il réécrit la gestion des chunks et des entités pour garantir un serveur fluide à 20 TPS (Ticks Per Second).
• DiscordSRV (L'interface Discord) : Il crée un pont entre ton serveur de jeu et ton serveur Discord. Le chat en jeu est synchronisé avec un salon Discord, le bot affiche le nombre de joueurs connectés en temps réel, et tu peux gérer les logs d'administration.
• BlueMap ou Dynmap (La carte en ligne) : Une carte intéractive accessible depuis n'importe quel navigateur Web. On y voit les constructions, les reliefs, et les déplacements des joueurs en temps réel (à la Google Maps).
• Plan (Player Analytics - Les stats fun) : Un tableau de bord complet avec des graphiques : qui joue le plus, les heures de pointe du serveur, le temps de jeu cumulé, la rétention et les performances du serveur.

Tu peux utiliser https://mcutils.com/ pour peaufiner la configuration de ton serveur et calculer la RAM nécessaire (en fonction des joueurs et mods).

5. Ce que ce projet va t'apporter pour la suite

Un apprentissage monstrueux

Rien qu'avec ce projet, tu vas toucher à :

• Linux & la ligne de commande (Bash).
• La conteneurisation avec Docker et Docker Compose.
• Le versioning de code avec Git et GitHub.
• Les pipelines de déploiement continu (CI/CD).
• Le réseau (DNS, Ports, Reverse-Proxy, HTTPS). À ton entrée en école d'informatique, pendant que les autres découvriront ce qu'est un terminal, tu auras déjà géré une infrastructure en production !

La réutilisabilité

Une fois ton infrastructure Docker et ton pipeline installés, la machine n'est pas bloquée sur Minecraft. Tu pourras plus tard basculer ou ajouter d'autres services en quelques minutes :

• Un serveur de jeu pour Valheim, Terraria ou Palworld.
• Ton propre serveur de stockage privé (Nextcloud).
• Ton gestionnaire de mots de passe auto-hébergé (Vaultwarden).

6. Budget, ROI & Porte de sortie

Le bilan financier

Si vous vous mettez à 2 ou 3 potes pour partager les frais, le serveur vous coûte 3 € par mois chacun. C'est un coût dérisoire au vu du nombre d'heures de divertissement générées.

La porte de sortie (Zéro peur de l'engagement)

• Aucun engagement : En choisissant des hébergeurs comme Hetzner ou des formules mensuelles sans engagement chez OVH, tu peux éteindre et supprimer ton serveur à tout moment.
• Rien n'est perdu : Comme l'intégralité de ton code, tes configurations et tes sauvegardes sont automatisées et stockées sur ton GitHub / Cloud, tu peux stopper ton abonnement pendant les examens et relancer tout ton serveur à l'identique 6 mois plus tard en une seule commande !

Bienvenue sur la page de démonstration des styles et composants du blog. Ce document sert de bac à sable (sandbox) et de "Lorem Ipsum" interactif pour tester l'intégralité des possibilités graphiques du design system.

[!NOTE] Backdrop configurator : Vous pouvez également configurer, prévisualiser et exporter vos fonds d'écrans de réunion sur le :github: Configurateur de Backdrop.

1. Titres et Typographie

Le texte courant utilise une police Serif haut de gamme (Lora) pour le confort de lecture, tandis que les titres utilisent Outfit pour une esthétique moderne et géométrique.

Voici un paragraphe standard avec du texte en gras, en italique, du texte de lien hypertexte, et du code en ligne const x = 42; pour tester l'espacement et la hauteur de ligne par défaut.

Sous-titre de niveau 3 (H3)

Sous-titre de niveau 4 (H4) pour test

"Ceci est une citation formatée (blockquote) pour mettre en valeur une phrase clé ou une source externe. Elle utilise la police Serif et une couleur atténuée." — Julien Avarre

2. Encarts et Callouts d'Information

Les encarts utilisent les formats d'alertes natifs de GitHub. Ils se colorent dynamiquement selon l'urgence de l'information :

[!NOTE] Ceci est une note standard. Elle est de couleur neutre et permet de donner des précisions intéressantes ou un contexte additionnel sur le sujet de l'article.

[!TIP] Voici une astuce utile ! Elle se pare d'une teinte verte chaleureuse et indique une bonne pratique, un raccourci ou un conseil d'optimisation.

[!WARNING] Avertissement important. Cet encart utilise une couleur orange pour signaler un point d'attention critique, une incompatibilité logicielle ou un risque de perte de données.

3. Listes, Tâches et Tableaux

Listes ordonnées et désordonnées

• Premier élément de liste à puces.
• Second élément avec sous-liste indendée :
• Sous-élément de premier niveau.
• Autre sous-élément.
• Troisième élément.

1. Étape numéro un.
2. Étape numéro deux.
3. Étape numéro trois.

Listes de tâches (Checklists)

• Tâche complétée avec succès.
• Seconde tâche validée.
• Tâche en attente d'exécution.
• Autre point à vérifier plus tard.

Tableaux de données simples

4. Grille Multi-Colonnes Responsives

Grâce à la structure en colonnes, vous pouvez disposer du contenu côte à côte. Sur écran mobile, les colonnes s'empilent automatiquement de manière fluide.

:::column_list :::column

Colonne Gauche

Voici la première colonne. Elle peut contenir n'importe quel texte ou image. Le système l'enveloppe dans un conteneur flexbox de manière transparente.

:::

:::column

Colonne Droite

Voici la seconde colonne. Elle s'aligne proprement avec la première colonne sur les grands écrans.

:::

:::

5. Composants Multimédias Interactifs

Carrousel de Diapo (Carousel Toggle)

Le moteur de carrousel extrait les éléments glissés sous un toggle "carousel" dans Notion pour en faire un diaporama interactif avec puces de navigation :

console.log("Hello from slide 2!");

Visionneuse d'Image Haute Définition

Les images larges sont compressées pour accélérer le chargement initial, et intègrent un zoom haute résolution réactif au clic :

[!NOTE] Avis à toutes les troupes d'impro : Houba Houba ! est une application open-source qui met dans votre poche un générateur d'idées, un chrono de scène et des outils d'échauffement pour vos ateliers, entraînements et matchs d'improvisation.

À pratiquer immédiatement : https://impro.eole.me/

Partie 1 — Pour les comédiens qui veulent juste improviser, pas configurer un serveur

Vous faites de l'impro. Vous avez besoin d'idées, d'un chrono fiable, d'un moyen simple de lancer une scène ou de choisir qui commence. Vous n'avez pas envie de comprendre comment l'application est fabriquée, ni de lire trois paragraphes sur la technologie utilisée.

Bonne nouvelle : Houba Houba ! est faite pour ça.

L'essentiel en une phrase

Houba Houba ! vous aide à lancer, rythmer et pimenter vos improvisations sans prise de tête.

Elle tient dans votre téléphone, s'ouvre comme une application classique, et vous donne rapidement ce qu'il faut pour animer un entraînement ou débloquer une scène.

Ce que l'application apporte vraiment

🎭 Des idées quand le cerveau sèche

Plus besoin de recycler éternellement les mêmes thèmes. L'application propose des inspirations pour relancer l'imagination : émotions, lieux, personnages, animaux, objets, époques, contraintes de jeu...

L'objectif est simple : vous donner une étincelle de départ pour que les comédiens puissent jouer tout de suite.

⚡ Des émotions plus jouables

Le générateur d'émotions ne se contente pas de dire « colère » ou « joie ». Il ajoute une intensité de 1 à 10.

Une colère à 2, ce n'est pas une colère à 9. Une joie discrète, ce n'est pas une euphorie incontrôlable. Ce détail rend les propositions plus précises, plus nuancées, et donc plus intéressantes à jouer.

👆 Un moyen drôle de décider qui commence

Pour éviter les débats interminables, les « vas-y toi » et les Chifoumi qui n'en finissent plus, l'application permet de poser plusieurs doigts sur l'écran. Après un court compte à rebours, elle désigne quelqu'un.

C'est simple, visuel, efficace, et parfait pour lancer une impro sans casser l'énergie du groupe.

⏳ Un chrono pensé pour la scène

Le chronomètre aide à garder le rythme d'une impro. Il peut signaler les moments importants, alerter quand la fin approche, et éviter le grand classique du téléphone qui se verrouille au mauvais moment.

Vous gardez le contrôle du temps sans avoir à surveiller l'écran toutes les dix secondes.

🤸 Des échauffements et règles utiles

L'application rassemble aussi des exercices et des règles de jeux d'échauffement, comme Hi Ha, pour préparer le corps, la voix et l'écoute collective avant de monter sur scène.

À qui ça sert ?

Houba Houba ! est utile pour :

• les comédiens qui veulent des contraintes de jeu rapidement ;
• les coachs qui animent des ateliers ;
• les arbitres qui cherchent des idées ou un chrono fiable ;
• les troupes qui veulent varier leurs entraînements ;
• les groupes qui veulent improviser sans passer quinze minutes à chercher un thème.

Ce qu'il faut retenir

Houba Houba ! a été conçue pour être simple à prendre en main, même sans bagage technique.

Vous ouvrez l'application, vous choisissez un outil, vous lancez l'exercice, et vous jouez.

La promesse est simple : moins de temps à chercher quoi faire, plus de temps à improviser.

Partie 2 — Pour les curieux qui veulent comprendre ce qu'il y a sous le capot

Houba Houba ! n'est pas seulement une petite boîte à idées. C'est une application web moderne pensée pour être rapide, agréable à utiliser sur téléphone, et capable de fonctionner même dans des conditions imparfaites.

Sans rentrer dans les détails techniques lourds, voici l'architecture générale.

Une application web qui se comporte comme une app mobile

Houba Houba ! est une PWA, c'est-à-dire une Progressive Web App.

En clair : c'est une application web qui peut se comporter presque comme une application mobile classique. On peut l'ouvrir depuis un navigateur, l'ajouter à l'écran d'accueil, et l'utiliser avec une interface pensée pour le téléphone.

Le choix du mobile-first est logique : en impro, on utilise souvent l'outil debout, en atelier, entre deux scènes, ou au bord d'un plateau. Il faut donc une interface directe, lisible et rapide.

Une base moderne : Next.js, React et TypeScript

L'application est développée avec des technologies web récentes :

• Next.js 15 pour structurer l'application ;
• React 19 pour construire l'interface ;
• TypeScript pour rendre le code plus robuste et plus lisible. À haut niveau, cela permet d'avoir une application maintenable, évolutive, et suffisamment solide pour ajouter de nouveaux générateurs ou de nouvelles fonctionnalités sans tout casser.

Une interface immersive, mais pas gadget

Le design utilise une esthétique sombre, avec des effets de glassmorphism, des reflets néon et des touches irisées.

Ce n'est pas seulement décoratif. L'objectif est de créer une ambiance visuelle cohérente avec l'énergie de la scène, tout en gardant une interface simple à comprendre.

Les effets visuels servent surtout à renforcer les moments d'usage : tirage d'une idée, compte à rebours, choix d'un joueur, alerte de fin de chrono.

Un fonctionnement offline-first

Houba Houba ! est pensée pour continuer à fonctionner même quand la connexion est mauvaise ou absente.

C'est important, parce que les salles de répétition, les théâtres, les sous-sols et les lieux associatifs ne sont pas toujours les meilleurs amis du Wi-Fi.

Le principe : les fonctions essentielles doivent rester disponibles, même sans réseau.

Une couche IA pour renouveler les propositions

Quand une connexion est disponible, l'application peut aller plus loin grâce à une intégration IA.

L'idée est de pouvoir régénérer des lots de nouveaux prompts — par exemple des thèmes, personnages ou situations — sans répéter exactement les mêmes propositions.

À haut niveau, le fonctionnement repose sur :

• un bouton de régénération côté application ;
• un workflow d'automatisation via n8n ;
• un modèle IA via Groq et Llama-3.3 ;
• une logique de génération qui évite les doublons avec les tirages précédents. Pour l'utilisateur, tout cela reste invisible : on appuie sur un bouton, et de nouvelles idées apparaissent.

Un projet open-source et déployable

Le projet est open-source. Cela signifie que son code peut être consulté, amélioré, adapté ou déployé par d'autres personnes.

Il est aussi prévu pour être lancé plus facilement grâce à une configuration Docker. Pour les personnes techniques, cela simplifie l'installation et l'hébergement.

Ce qu'il faut retenir techniquement

Houba Houba ! combine trois idées :

1. une interface très simple pour les improvisateurs ;
2. une base web moderne et mobile-first ;
3. une couche d'automatisation et d'IA pour renouveler les contenus. Le but n'est pas de faire une démonstration technique pour elle-même. Le but est de mettre la technologie au service d'un usage très concret : aider les comédiens à jouer plus vite, plus souvent, avec plus de variété.

Envie de tester ?

Houba Houba ! est conçue pour être utilisée immédiatement par une troupe, un coach ou un arbitre, tout en restant ouverte aux curieux qui veulent comprendre, adapter ou déployer l'outil.

Si vous faites de l'impro, testez-la comme un partenaire de jeu : elle ne monte pas sur scène à votre place, mais elle vous donne volontiers de quoi commencer.

→ https://impro.eole.me/

L'idée centrale

J'ai remarqué que beaucoup de candidats se retrouvent face à un dilemme : écrire un CV en texte brut, très lisible pour les robots mais un peu triste pour les humains, ou concevoir une mise en page complexe sur Canva ou Figma, magnifique pour les yeux mais parfois illisible pour les algorithmes de tri.

Avec Jobby, j'ai voulu créer un petit compagnon simple et utile ! Il utilise un format Markdown propre qui se traduit instantanément en deux formats simultanés :

1. Une structure sémantique claire, idéale pour les robots de tri.
2. Un design épuré et élégant, très agréable pour les humains.

Les technologies utilisées

Développer Jobby a été un superbe terrain d'apprentissage ! Voici la configuration toute simple que j'ai choisie :

• Frontend : Des briques HTML légères, mises en valeur par des variables CSS personnalisées.
• Compilation PDF : L'outil Gotenberg pour générer des PDF propres via Docker.
• Respect de la vie privée : Une conception hors ligne où toutes vos données restent au chaud dans le stockage local de votre navigateur. Vos informations personnelles ne quittent jamais votre machine !

Je suis vraiment ravi de la rapidité et de la sécurité de Jobby, et j'espère de tout cœur que ce modeste outil pourra faciliter la recherche d'emploi et rendre cette étape un peu plus sereine !

Septembre 2023, l’été touche à sa fin.

Avant de partir pour mon voyage à vélo en autonomie de Paris jusqu’à Genève, je surveillais la météo avec l’attention inquiète d’un paysan sans terre. À mi-parcours, après avoir plié le camp près d’un lac de retenue du Canal de Bourgogne et roulé longtemps jusqu’à la première boulangerie, je me posai à une terrasse de Pouilly-en-Auxois pour mettre du café dans le réservoir.

Il faisait une chaleur entêtée depuis trois jours. La météo, elle, ne variait pas d’un pouce : des orages d’été très violents étaient annoncés pour cette fin de journée de mi-septembre, précisément celle qui devait être la plus longue du périple. Dormir à la belle étoile sous un tel déluge n’avait rien d’héroïque. C’était surtout un excellent moyen de compromettre le voyage.

Après avoir braqué la boulangerie, bien installé en terrasse, je cherchais donc un abri non loin de mon point de chute, en sirotant mon deuxième double expresso. C’est là que le tarif particulièrement attrayant de l’hôtel Ibis de l’Aire d'autoroute du Poulet attira mon regard.

Je me méfiais de la réservation par internet, car je me voyais déjà pleurer sur la bande d’arrêt d’urgence pour accéder à l’hôtel. Un bon vieux coup de fil régla l’affaire. Le réceptionniste me procura un soulagement immédiat en me confirmant que je pouvais m’y rendre sans passer par l’autoroute, et même monter mon vélo dans la chambre en sécurité.

Vers ce nouveau cap de route, je pouvais reprendre l’aventure accompagné de Graveleux, mon fidèle vélo, lourdement équipé, que je devais régulièrement arrêter pour resserrer ses vis déplacées par les vibrations du voyage.

Mes jambes me tiraient jusqu’au dernier col de la fin de matinée. J’arrivai à l’heure du déjeuner à Beaune. Au dernier village avant la ville, je croisai un jeune homme avec une tente, des tongs et un vélo de course rubicond. Un autre bikepacker.

Nous papotâmes sur les routes étroites entre les vignobles et l’A6, puis je proposai que nous déjeunions ensemble. C’était une chouette rencontre.

Vincent, jeune trentenaire aux épaules carrées de rugbyman, arborait une coupe mulet improbable et une moustache souriante. Il était franchement jovial. C’était son premier grand voyage : de Dijon jusqu’à Aix-en-Provence. Il était moins équipé que ma lourde monture et moi-même, car il comptait rouler plus vite et dormir dans des lieux moins isolés.

Il transpirait l’excitation et la découverte que lui offrait ce premier grand voyage solitaire. Le déjeuner en terrasse, dans la capitale des vins de Bourgogne, fut agréable grâce à son humour et à l’humilité avec laquelle il évoquait sa peur de sortir de sa zone de confort. L’appel de la vitesse et de l’adrénaline grisante du vélo lui donnait des ailes.

Après notre déjeuner rafraîchi d’une pinte de l’amitié, chacun reprit sa route. Nous nous envoyâmes des SMS tous les soirs pour nous assurer l’un l’autre que nous étions arrivés à bon port. Des encouragements modestes pour surmonter les orages.

J’attrapai la Saône devant un vieux pont métallique pittoresque que les voitures devaient traverser de manière alternée. À son pied, un panneau commémoratif expliquait aux passants que nous avions atteint l’ancienne ligne de démarcation de la Seconde Guerre mondiale. Une fois la large rivière traversée, le paysage devint plus plat, et ce plat pays avait un goût de liberté.

Les kilomètres s’effaçaient sous les pédales. Les pistes entre les vignobles laissèrent place à des tournesols brunis par la fin de saison, puis à un long chemin de pelouse chaotique qui scindait une forêt en deux. J’empruntai ensuite une interminable voie verte, ancienne ligne de chemin de fer reconvertie pour le plus grand plaisir des cyclotouristes mélancoliques.

Elle me conduisit jusqu’à la pause tant attendue, dans la ville de Louhans, où je découvris que les pavés pouvaient être encore plus désagréables que les pires nids-de-poule de certaines pistes de gravier. Après avoir discuté avec des locaux sympathiques, qui avaient du mal à croire que je venais de la capitale, le petit coup de Pulco offert par le cafetier dans ma gourde me permit de repartir vers la fin de la journée.

Le ciel était déjà bien sombre. Je me faisais pourchasser par le cumulonimbus massif tant annoncé. Chaque jour de ce voyage vers le Sud-Est, le soleil se couchait cinq minutes plus tôt que la veille. J’avais perdu trente minutes sur toute la semaine. C’était important : il me fallait beaucoup de temps pour monter et démonter le campement chaque jour.

Heureusement, je n’eus pas besoin de le monter ce soir-là.

Dans la pénombre envahissante, j’entendais le tonnerre gronder au fond de la plaine. Après avoir caressé du gravier vibrant le long d’une voie ferrée régionale, pour éviter les grosses artères automobiles, je vis le ciel s’illuminer d’éclairs à dix kilomètres de l’arrivée.

J’arrivai enfin à l’aire d’autoroute du Poulet. Le temps de faire mon check-in, de monter mon vélo dans la piaule au premier étage, sans ascenseur, je pouvais maintenant me mettre à la fenêtre pour admirer les seaux d’eau qui tombaient du ciel. J’étais au sec. Je jubilais.

Je pris une douche, ce soir-là, et elle était bien chaude. En contemplant ces torrents du déluge, je me réjouissais de n’avoir rien à prouver. Je trouvais le repos dans cette vérité simple : parfois, l’aventure consiste à savoir s’abriter à temps.

Une fois propre, au chaud, dans le fast-food de l’aire d’autoroute, m’attendait un poulet fermier savoureux et bien mérité. 🤤

Éole

Comment j'ai réussi à réduire à 3 clics la génération de mon CV personnalisé depuis une offre LinkedIn

C’est une vérité difficile à admettre pour tout professionnel de la tech : on peut être un excellent ingénieur depuis plus de 15 ans, et pourtant voir son CV rejeté en boucle par des algorithmes.

C'est exactement ce qui m'est arrivé. Mon CV, fièrement conçu sur Google Docs avec des tableaux bien alignés et des blocs denses, finissait systématiquement dans le trou noir des ATS (Applicant Tracking Systems) — ces robots trieurs de candidatures. Le constat était sans appel : mon CV était trop touffu, illisible pour les machines, et fichtrement statique.

C’est de cette frustration qu’est né Jobby.

Plus qu'un simple projet secondaire, Jobby est devenu un assistant de candidature autonome qui allie la puissance de l'IA générative, la flexibilité du Markdown et la robustesse d'un workflow automatisé. Laissez-moi vous expliquer comment j'ai transformé une corvée chronophage en un système magique, esthétique et redoutablement efficace.

🚀 ACCÈS RAPIDE — Profils Métiers, RH & Pressés

Le Pitch : Pourquoi votre CV doit d'abord devenir un document "vivant"

Avant de plonger dans le code, parlons de valeur d'usage. Si vous n'avez pas un profil purement technique, vous vous demandez sûrement : « Pourquoi automatiser son CV ? »

La réponse tient en un mot : la contextualisation.

Aujourd'hui, envoyer le même CV à dix entreprises différentes est une hérésie. Une candidature moderne doit être un dialogue personnalisé. Chaque offre d'emploi possède ses propres mots-clés, sa propre culture et ses défis spécifiques. Idéalement, il faudrait réécrire son CV pour chaque postulation. Mais qui a le temps de faire cela manuellement ?

C'est là que Jobby intervient pour simplifier le processus :

1. Zéro effort de mise en page : Vous définissez le design une fois pour toutes. Ensuite, vous n'y touchez plus jamais.
2. Pertinence maximale : L'IA analyse l'offre d'emploi et adapte instantanément vos expériences pour qu'elles résonnent parfaitement avec les besoins du recruteur.
3. Optimisation ATS & Humaine : Votre CV passe les filtres des machines tout en restant ultra-séduisant pour le recruteur humain.

La Révolution du Markdown : Quand le fond se sépare de la forme

En tant qu'ingénieur, le Markdown est pour moi une troisième langue. C'est un format de texte brut, léger, lisible par l'homme et adoré par les machines. Mais surtout, c'est le langage de prédilection des IA.

Tenter de faire rédiger un fichier Word ou un Google Doc à une IA se solde souvent par des catastrophes de mise en page (polices disparates, tableaux brisés, espacements anarchiques).

Avec le Markdown, le problème est résolu :

• L'IA se concentre uniquement sur le fond : Elle rédige le contenu textuel structuré (titres, listes à puces, gras).
• Le moteur de rendu s'occupe de la forme : Une fois le visuel (CSS/HTML) configuré pour être moderne, élégant et épuré, la structure Markdown s'y glisse parfaitement. Le résultat ? Un CV d'une esthétique irréprochable, sans aucun effort de mise en forme. On modifie le texte, et la magie du design opère instantanément.

[!TIP] Comprendre le Markedown en 10s: https://jobby.eole.me/markdown

Sous le capot : La stack technique de Jobby

Pour monter en compétences sur des technologies que je voulais explorer plus en détail, j'ai bâti Jobby autour d'une architecture moderne et légère :

[Page LinkedIn (ouverte)] ➔ [Sélecteur de texte / Ruse] ➔ [n8n (Docker)] ➔ [IA (Challenger)] ➔ [Notion / Markdown] ➔ [Gotenberg (PDF)] ➔ [Notion / Métadonnées, PDF & Suivi]

1. Docker, n8n & Gotenberg : J'ai déployé n8n (le chef d'orchestre de l'automatisation) et Gotenberg (une API Docker ultra-légère permettant de convertir du HTML/CSS en PDF parfaits) dans des conteneurs Docker.
2. Le contournement tactique (LinkedIn) : Inutile de se mentir, LinkedIn est une véritable forteresse (risques de bannissement, pièges à scrapers à chaque clic). Pour éviter l'usine à gaz d'un robot de navigation autonome qui se ferait repérer en trois secondes, j'ai préféré ruser : le workflow récupère simplement la sélection de texte de l'offre d'emploi depuis la page que j'ai préalablement ouverte manuellement. C'est propre, imparable et sécurisé.
3. Le "Master CV" dans Notion : Au lieu d'avoir un fichier CV figé, j'ai centralisé toute ma base de connaissances (compétences, projets, expériences détaillées) dans Notion. C'est ma source unique de vérité.
4. Le "Challenge" par l'IA (et mon coaching sur-mesure) : n8n envoie l'offre d'emploi et mon Master CV à un Modèle de Langage (LLM). L'IA compare les deux, identifie les forces à mettre en avant, élimine le superflu et rédige le CV idéal au format Markdown. Mais elle ne s'arrête pas là : elle joue aussi le rôle de coach de carrière. L'IA extrait pour moi :

• Les points clés à valoriser lors d'un futur entretien.
• Les pièges à éviter au vu de mon parcours ou de l'intitulé de l'offre.
• Les compétences à renforcer pour être parfaitement crédible.
• Et surtout, elle calcule un score de pertinence instantané (GO/NO-GO) pour m'éviter de perdre du temps sur des pistes peu qualifiées. Le workflow convertit ensuite le CV validé en HTML stylisé, puis fait appel à Gotenberg pour l'imprimer en un PDF haute définition.

1. Le Suivi automatisé & les métadonnées : En parallèle de la génération du CV, n'oublions pas le suivi ! n8n extrait automatiquement de l'annonce les métadonnées essentielles : URL de l'offre, titre du poste, nom de l'entreprise, un résumé rapide de l'opportunité, et mon fameux score GO/NO-GO. Tout cela est automatiquement enregistré dans ma base de suivi sur Notion, accompagné du PDF de mon CV sur-mesure attaché directement à la ligne. Chaque opportunité génère ainsi une fiche de suivi chirurgicale, sans aucune saisie manuelle.

Zoom sur l'industrialisation : Sécurité, Makefile et environnements

Au-delà des workflows d'automatisation, ce projet a été l'occasion parfaite de mettre en œuvre de véritables pratiques d'industrialisation et de DevOps :

• La gestion des secrets avec Doppler : Automatiser avec l'IA et Notion nécessite de jongler avec des clés d'API hautement sensibles. Pour éviter d'écrire ces secrets en clair dans mes fichiers de configuration, j'ai intégré Doppler. Grâce à leur offre gratuite extrêmement généreuse (Free Tier), je centralise, gère et injecte de manière ultra-sécurisée l'ensemble de mes variables d'environnement directement dans mes conteneurs en cours d'exécution.
• Le chef d'orchestre des commandes : Le Makefile : Pour éviter d'avoir à retenir des lignes de commande Docker à rallonge, j'ai créé un Makefile. Lancer l'environnement de développement, mettre à jour la stack ou nettoyer les conteneurs se fait désormais en une seule commande courte (ex: make dev, make build, etc.).
• Docker pour la Préprod et la Prod : Afin de garantir que l'application se comporte exactement de la même manière sur ma machine que sur mon serveur, j'ai mis en place une vraie séparation d'environnements (Preprod et Prod) à l'aide de fichiers de configuration Docker distincts. C'est l'assurance d'avoir des déploiements fluides, reproductibles et sans mauvaise surprise.

Une contribution pour la communauté : L'Éditeur Markdown en Open Source

La machinerie complète de Jobby (le scraping automatique, la synchronisation Notion et la couche IA) requiert des configurations d'API spécifiques, des jetons de sécurité privés gérés par Doppler et des ressources d'infrastructure qu'il m'est impossible de partager publiquement pour des raisons évidentes de sécurité et de coûts de fonctionnement.

Cependant, je n'ai pas voulu m'arrêter là.

La brique finale de Jobby — l'éditeur de Markdown en ligne — est un outil tellement puissant et pratique que j'ai décidé de le détacher du projet pour le rendre gratuit, accessible à tous et 100% open source.

Et pour que l'expérience soit complète, j'ai fait en sorte que cet éditeur en ligne puisse appeler ma brique de génération PDF (via Gotenberg). Même sans l'IA d'automatisation, tout le monde peut ainsi bénéficier de la puissance d'impression de Jobby.

Cet éditeur se suffit amplement à lui-même. Il vous permet de :

• Saisir ou coller votre CV en Markdown à gauche.
• Visualiser instantanément le rendu esthétique, moderne et professionnel à droite.
• Exporter votre CV en un clic dans un format PDF d'une qualité chirurgicale (grâce à l'API Gotenberg en arrière-plan), parfaitement optimisé pour les ATS et flatteur pour l'œil humain.

Rendre la technique accessible : Le tutoriel interactif

Je sais d'expérience que le format Markdown peut impressionner, voire freiner les profils moins habitués aux syntaxes informatiques. C'est pourquoi j'ai conçu un Tutoriel Interactif et Animé directement intégré à la plateforme.

Pas de grands discours théoriques : c'est un guide pas à pas, ultra-visuel, ludique et interactif. En seulement 20 secondes, vous apprenez à structurer votre document sans aucune friction. C'est la passerelle idéale pour prouver que la simplicité du format brut est à la portée de tous, sans exception !

L'Art du "Vibe Coding" et la quête de la satisfaction moderne

Si l'architecture de Jobby est robuste, l'interface utilisateur de l'éditeur a été une véritable cour de récréation créative. Pour concevoir cet éditeur, j'ai pleinement embrassé la philosophie du Vibe Coding : coder à la vitesse de la pensée en m'appuyant sur l'IA pour implémenter des fonctionnalités de haut vol et des détails d'interface ultra-soignés, conçus pour le pur plaisir de l'usage.

Voici un aperçu des petites touches de "satisfaction moderne" que j'ai pris un plaisir fou à intégrer :

• Un cockpit de contrôle d'impression (Mode Standard vs Mode Avancé) : L'affichage à droite de l'éditeur offre une véritable prévisualisation en temps réel de votre futur PDF (print preview). Pour piloter ce rendu, j'ai conçu un panneau de configuration digne d'un cockpit : ajustement à la volée des polices, du multi-colonnes, de l'alignement des éléments et gestion des templates avec des thèmes de couleurs prédéfinis. Pour s'adapter à chaque profil, l'interface propose deux niveaux de lecture :

  • Un Mode Standard (orienté "Métier") qui masque la complexité pour aller à l'essentiel et générer un document parfait en trois clics.
  • Un Mode Avancé (orienté "Tech") qui libère les réglages chirurgicaux (hauteurs de lignes, échelles de titres, et imports de configurations JSON).

• Un moteur de coloration syntaxique intégré : Fini le texte brut monochrome, froid et difficile à relire lors de la saisie. J'ai greffé un système de coloration syntaxique en temps réel directement dans la zone d'édition. Les titres, le gras, les listes, les liens et même mes balises stylisées personnalisées prennent immédiatement de la couleur au fur et à mesure de votre frappe, rendant la rédaction fluide et gratifiante.

• Un système de notifications empilables (Toaster) : Fini les popups de confirmation bloquants du navigateur. Les alertes glissent élégamment depuis le bas de l'écran avec un effet de flou et des dégradés subtils. En cas d'erreur de manipulation, un bouton "Undo" ou un simple Ctrl + Z vous permet de restaurer votre travail instantanément.

• Le volet de design rétractable en Glassmorphism : Le panneau de personnalisation s'efface d'un clic pour vous laisser un maximum d'espace de prévisualisation. Quand il est replié, un magnifique bouton flottant translucide prend le relais.

• Le multilingue natif (i18n) : L'éditeur parle désormais 7 langues (Français, Anglais, Espagnol, Allemand, Italien, Tchèque, Roumain) pour s'adapter à tous les profils d'utilisateurs à travers le monde.

• Le versionnage automatique : Un tampon de version intelligent s'imprime discrètement en bas de votre document. À chaque fois que vous générez un PDF ou imprimez votre CV, le compteur s'incrémente de manière autonome. C'est l'assurance absolue que vous regardez toujours la version la plus récente, sans avoir à renommer manuellement vos fichiers CV_v2_final_final_3.pdf.

• Des Dev Tools intégrés pour les plus curieux (l'astuce du chef) : Un panneau dédié permet de coller vos variables d'environnement, de configurer vos requêtes webhook n8n ou de lier vos identifiants de base Notion. L'éditeur intègre même des outils en ligne de commande pour synchroniser en un clin d'œil vos secrets Doppler (make n8n-dbs-push). La subtilité suprême ? L'interface de l'éditeur sert aussi de configurateur visuel dynamique pour tout mon flux d'impression Gotenberg sous le capot. Un formidable raccourci pour piloter l'architecture complète directement depuis le navigateur !

En conclusion

Jobby est la preuve qu'en combinant un peu de curiosité technique (Docker, n8n, Gotenberg) et une vision orientée produit, on peut transformer un processus frustrant en une routine fluide et valorisante. Ma recherche d'emploi n'est plus une corvée de mise en page, mais un exercice d'optimisation continue.

Prêt à passer votre CV au Markdown ? Essayez l'éditeur gratuit, découvrez l'explication interactive du Markdown et venez me dire ce que vous en pensez en commentaires !

🔗 Liens & Ressources utiles

• 🛠️ Découvrir l'Éditeur Markdown de Jobby — Testez l'outil gratuitement en ligne et exportez vos CVs en PDF.
• 📖 Tutoriel Interactif Jobby — Une explication animée et webnative pour apprendre à dompter le Markdown en quelques secondes.
• 💻 Projet GitHub : Jobby Editor — Accédez au code source, explorez la documentation ou laissez une étoile ⭐ !
• 🤝 Discutons sur LinkedIn — Suivez mes aventures d'ingénieur tech, ou partagez vos retours sur l'outil.

Je suis tellement ravi de partager cet espace avec vous. C'est ici que je rassemble mes réflexions, documente mes apprentissages techniques, partage mes aventures photographiques et note mes pensées sur l'improvisation théâtrale et la course en montagne.

L'idée derrière ce site

Mon souhait était de créer un espace simple et authentique pour réunir mes explorations techniques quotidiennes et mes passions créatives :

• Le côté Développeur (Julien Avarre) : Où je m'amuse avec l'architecture logicielle, développe des outils comme Jobby, configure des serveurs auto-hébergés et apprends l'orchestration système.

• Le côté Artiste (Éole) : Où j'explore la photographie, partage des rires en improvisation théâtrale et parcours de longues distances au cœur de nos magnifiques montagnes. En cliquant ou en faisant tourner la roue en haut à gauche, vous pouvez basculer entre ces deux univers ! C'est une façon ludique de partager les différentes activités qui me passionnent, toutes portées par le même enthousiasme d'apprendre et de créer.

Merci infiniment pour votre visite ! Je serais absolument ravi que vous jetiez un œil à mes projets, et n'hésitez surtout pas à me contacter !