Forem: OCLKA

Avec Git : Accroche-toi aux branches 🌳

OCLKA — Mon, 01 Sep 2025 09:44:12 +0000

Tu bosses en solo ou en petite équipe, et c’est à chaque fois la panique avec tes repos. Dans cet article, je reviens sur un flow simple, structuré et largement éprouvé, qui va te sortir à coup sûr du Nether.

Baaah alors, mon lapinou...
T’arrives pas à dépasser ta gitophobie, hooooooooo... Tu nous fais un civet à chaque fois que tu vas pousser un commit ? C’est malheureux... 🥹
Bon, ça tombe bien, je vais te proposer dans cet article une bonne recette pour que tu t’accroches à des branches solides.

🚨 ALERTE 🚨

Tu ne trouveras pas ici les commandes qui feront de toi un Git Guru, ce n’est pas le sujet. Ici, on parle seulement d’organisation.

Ce billet décrit une version ultra simplifée de Git Flow et n'en garde seulement que l'essentiel main, develop et des branches de features. GitFlow est parfois critiqué pour sa complexité sur les projets avec des releases fréquentes (ex : les apps mobiles). Ce workflow simplifié évite ces écueils.

Un workflow qui marche

Il existe une méthode simple pour structurer tes branches sans te prendre la tête. Pas de Git Flow compliqué, pas de règles incompréhensibles. Juste un workflow efficace, même quand ton projet ressemble à un plat de spaghettis.

La structure

main
└── develop
    ├── feat/payment-form
    ├── feat/ui-components
    └── feat/github-workflows

Branche	Rôle	Règles d’or
`main`	Production (toujours stable).	✅ Jamais de commit direct. Seulement des merges depuis `develop`.
`develop`	Intégration (pour les features terminées).	✅ Toujours à jour avec `main`. ✅ Testée avant merge.
*`feat/`**	Fonctionnalités distinctes.	✅ Créées depuis `develop`. ✅ Noms clairs : `feat/login`, `fix/login-button`, `docs/specs`.

Le principe

Je vais faire une analogie pour t’expliquer le principe avec des mots simples. Fais preuve d’un peu d’imagination : notre repo est un restaurant !

[🍽️ Salle = main] ← [🍺 Comptoir = develop] ← [👨‍🍳 Cuisine = feat/fix/docs]

`main` : c’est la salle ou la terrasse !

C’est là où se trouve le client. C’est toujours nickel-propre ! Tout s’y passe bien, tout est fonctionnel. Pas question d’y montrer quoi que ce soit de bancal, à moins de vouloir perdre des ⭐️. Ici, il en va de la réputation de la maison !

`develop` : c’est le comptoir !

C’est ici que passent tous les plats qui vont être servis au client (ou pas). Parce qu’il y a toujours le boss 😡 de présent, aux aguets, et il ne laisse rien passer :

Est-ce que c’est bon et goûtu ?
Est-ce que c’est conforme à la demande du client ?
Est-ce que ça s’intègre bien dans la carte ?
Est-ce que ça répond au standing de la maison ?
Est-ce qu’on ne sert pas le dessert avant l’entrée ?
Blablabla... toujours là pour t’emmerder, l’patron, pffff.

`feat/...`, `fix/...`, `etc.` : c’est la cuisine !

On y prépare des recettes présentes à la carte.
On essaie des nouveaux trucs, des expériences culinaires qui parfois marchent et parfois non.
On améliore les recettes, on change des ingrédients.
C’est dans ces branches-là qu’on fait les foufous et qu’on se lâche !
Une règle d’or : on ne mélange pas les torchons et les serviettes, une branche par recette !

Un exemple simple

On est un petit pool de trois devs. On bosse sur un SaaS de ouf qui va révolutionner le truc.

Moi, je bosse sur les composants UI.
Daphnée, sur le workflow.
Et toi, sur le formulaire de paiement.

main
└── develop
    ├── feat/ui-components       <-- Moi
    ├── feat/github-workflows    <-- Daphnée (j'la kif 💖)
    └── feat/payment-form        <-- Toi

De mon côté

Je viens de finaliser ma lib UI sur ma branche feat/ui-components.
Tous mes tests sont au vert.
J’ai bien documenté mon taf.
Je fais une Pull Request vers develop.
Mon code passe en revue (le fameux boss 😡), tout est OK !
Ma branche est mergée sur develop.
Je supprime ma branche feat/ui-components et je passe à autre chose.

Parallèlement, de ton côté

Tu bosses tranquillement sur ton formulaire sur ta branche feat/payment-form.
Lorsque la mienne est mergée sur develop, tu rebase develop. Tu bénéficies ainsi de la lib UI sans rien perdre de ton taf. Magique ! 🪄
Tu finalises ton formulaire.
Tu fais une Pull Request vers develop.
Ton code passe en revue, tout est OK !
Ta branche est mergée sur develop.
Tu supprimes ta branche feat/payment-form et tu passes à autre chose.

La suite

Daphnée n’a pas fini son taf, mais ça n’a pas beaucoup d’impact sur la suite.
develop est mergée sur main.
Daphnée rebase develop et poursuit son taf.

Attention : Un rebase est puissant mais réécrit l’historique : utilise-le seulement si tu es seul·e sur ta branche ! Si vous travaillez à plusieurs sur une branche, privilégie le merge pour éviter les conflits.

Pour ceux qui veulent aller plus loin : Ressources francophones :

Vidéos :

GitFlow expliqué en 10 minutes par Grafikart

Documentation officielle de GitFlow (en français) :

Le modèle GitFlow par Vincent Driessen

Livre gratuit :

Pro Git de Scott Chacon (chapitre sur les branching models, dont GitFlow).

Article court et pratique :

GitFlow : Un workflow Git pour les équipes (Atlassian, en français).

En conclusion

Ce workflow simple t’éviteras bien des déconvenues !
Alors, bien sûr, il y a des edge cases, mais dans ce billet, je voulais surtout te parler de méthodologie et de principe. Si t’as un souci précis, n’hésite pas à m’appeler 🤣.

Mon conseil : même si tu bosses seul, expérimente une ou deux fois cette approche. Promis, ça va te paraître lumineux !

Je viens de me relire, je dois avoir la dalle, je parle que de bouffe !

Après coup, je me dis qu'un lapinou qui s'accroche aux branches, ça commence furieusement à ressembler à un écurou (putain, c'est Pokémon ce blog !)

Ton IA, c'est comme une pote sortie du congélo !

OCLKA — Sun, 31 Aug 2025 22:27:17 +0000

Dans cet article, je vais t'expliquer pourquoi tu as vraiment intérêt à rester sur le qui-vive et à ne pas te reposer sur ta nouvelle meilleure amie, ton IA, pour te laisser glisser en mode lazy-dev.

Ohhhhh ! 😍 C’était trop chou, l’ambiance dans ton VS Code ces derniers temps ! 💖 Vous étiez devenus inséparables, ton IA et toi. C’était chaud/mignon :

"Corrige mon test grosse-flemme.spec.ts !"
"Optimise mon formulaire forms/nothing-to-do-form.tsx !"
"Gratte-moi le dos !"

Et puis là… Putain, c’est fini ! C’est la crise ! Elle t’a déçu, t’as les boules :

✅ Elle t’a sorti une vieille config d’ESLint avec des DEPRECATED qui clignotent partout dans ta console.
✅ Elle t’a ajouté des vieux tags Bash dans tes hooks Husky.
✅ Elle t’a scaffoldé ton projet avec Vue.js 1.1.

Les réponses qui vont te calmer

Point 1 : "Commence par demander à ton IA ce qu’il y a à la télé ce soir."

"Spoiler : Je n’ai pas accès aux programmes TV en direct ou aux grilles actualisées pour ce soir, dimanche 31 août 2025. Cependant, voici quelques idées pour trouver cette information facilement."

Point 2 : "Demande-lui pourquoi elle ne sait pas."

"Spoiler : Je n’ai pas accès aux données en temps réel, comme les programmes TV du jour, car mon dernier entraînement date de novembre 2024."

Point 3 : "Du coup, inquiète-toi et demande-lui : 'Bah ?! Alors, comment tu fais pour me donner des configs à jour pour le code ?'"

"Bonne question, OCLKA ! Voici comment je peux t’aider avec du code tout en restant pertinent, malgré mes limites sur les données en temps réel."

😱 Ça fait reup !

Le phénomène Date limite de connaissances (Knowledge Cutoff)

Ce terme (un peu flippant) décrit le décalage entre les données sur lesquelles le modèle a été entraîné et la réalité du moment. Plus le temps passe, plus les informations deviennent obsolètes ou moins pertinentes.

Il y a une date limite à laquelle une IA a été mise à jour. Au-delà de cette date, elle n’a pas accès aux nouvelles informations. Elle ne sait plus rien du monde.

🚨 ALERTE KNOWLEDGE CUTOFF 🚨

ChatGPT-4 classique : Bloqué en avril 2023.

Mistral Large : Bloqué en novembre 2024.

Toi, en 2025 : "T’as plus de love… T’as plus qu’à te rabibocher avec tes collègues pour qu’ils te refilent des tips !"

Pourquoi c’est un problème ? Parce qu’en développement, 11 mois de décalage, c’est une randonnée dans le Crétacé : les outils, les pratiques et les tendances ont évolué !

L’IA, c’est la première de la classe, un peu menteuse, qui hallucine !

Une IA, c’est comme une vendeuse aux dents trop blanches qui te sourit tout le temps. T’es pas près de voir une réponse du style : "Mais putain !!! Tu me casses les couilles avec ta config de merde ! T’es pas content ? Fais-la toi-même !" 🤣

Non, au contraire, elle fait un truc bien pire : "Tu as tout à fait raison, OCLKA, je te prie de m’excuser pour cette confusion. Voici une configuration totalement à jour qui fonctionnera à tous les coups." Et elle te refourgue la même, voire pire. 🤬

Elle va toujours te trouver une réponse, car elle n’est pas entraînée à te dire "je ne sais pas". Une IA générative est conçue pour toujours répondre, même quand elle n’a pas l’info. Elle comble les trous, remplit les vides. Elle fournit des réponses qui semblent justes, mais qui peuvent être obsolètes, incomplètes ou carrément inventées si le sujet est trop récent, en dehors de sa fenêtre de connaissance ou trop niche.

Le décalage inévitable : un compromis technique et économique

Quelle que soit l’avancée des technologies, les modèles d’IA seront toujours en retard. Ce n’est pas un défaut, mais une contrainte fondamentale, liée au temps et aux coûts colossaux de leur développement.

1. Un processus long et coûteux

Pour qu’un modèle comme Mistral Large ou GPT-4 soit opérationnel, il faut :

Collecter et nettoyer des données : Une étape fastidieuse, où chaque mise à jour nécessite des mois de travail pour éviter les biais, les erreurs et les informations obsolètes.
L’entraîner : Un processus qui demande des ressources massives (des milliers de GPU, des équipes d’experts) et une consommation énergétique équivalente à celle de petites villes.
Le déployer : Même après l’entraînement, les tests et ajustements prennent du temps, pendant lequel le monde continue d’évoluer. Résultat : Dès sa sortie, un modèle est déjà "obsolète", décalé par rapport à la réalité.

2. Un équilibre impossible

Mettre à jour un modèle aussi complexe coûte des millions et mobilise des moyens humains et techniques considérables. Les alternatives existantes (comme les recherches web en temps réel) sont lentes, coûteuses et moins fiables.

3. Une limite structurelle

Aucune technologie ne permettra à une IA d’être parfaitement synchronisée avec le présent. Le décalage fera toujours partie de l’équation, car il est le résultat d’un compromis entre performance, coût et faisabilité.

Alors, on fait quoi maintenant ?

Ta nouvelle petite magicienne est un outil — puissant, mais imparfait. Voici comment en tirer le meilleur sans te faire avoir :

Utilise-la comme un accélérateur, pas comme une béquille :

✅ Pour comprendre des concepts, générer des idées ou gagner du temps sur des tâches répétitives.
❌ Pas pour des recettes clés en main (surtout en dev, où tout évolue à la vitesse de la lumière).

Vérifie, vérifie, vérifie :

Un npm outdated, un coup d’œil sur la doc officielle ou un check rapide sur GitHub valent mieux que 2 heures de debug à cause d’une config périmée.

Reste curieux et critique :
- Si une réponse te semble trop lisse ou trop parfaite, méfie-toi. Une IA ne doute jamais, mais toi, tu as le droit (et le devoir) de le faire.

Bref :

"Ton IA, c’est comme un GPS qui connaît les routes… mais pas les travaux. Elle te fera gagner du temps, mais c’est à toi de regarder la route."

T’es rassuré, maintenant ? Tu sais que tu auras toujours un peu d’avance sur elle.

Mais méfie-toi, elle va beaucoup plus vite que toi ! 🤣

AI, AÏ, aïe, la tragédie des youtubeurs...

OCLKA — Tue, 26 Aug 2025 21:59:47 +0000

J’aime bien les youtubeurs ! Non mais vraiment, j’aime bien les youtubeurs !
J’ai mes chouchous… J’aime bien Grafikart !
Ce mec fait un boulot de ouf depuis 1973 tout en gardant un air super cool.
Avec lui, tu suis les évolutions technologiques au fil de ses mésaventures capillaires 🤣

J’en aime plein d’autres, hein.

Mais là, là… j’en peux plus… Vraiment, j’en peux plus !

Tu ne peux plus allumer YouTube sans tomber sur des millions de trucs du genre :

Avec Chat GPT-55 : Fais-toi des alertes dans ton Notion quand ton chien veut sortir !
En bêta : Jean-Claude IX - L’upgrade frenchy de Claude IV !
Fine-Tune ton MB7 pour ramasser de la thune en automatique avec des partenariats YouTube
Comment j’ai construit un dataset de ouf en 4 min sur les vannes belges…

Non mais sérieux ?! Oooooooh !

D’abord, faudrait que t’amènes deux nuances très très importantes :

C’est l’expérience qui forge la connaissance !

Entre : ✅ Tenter des trucs par toi-même avec l’API de géolocalisation puis demander à une IA : "J’ai un message d’erreur…"

Ou : ❌ "Écris-moi un script en TypeScript utilisant l’API de géo blablabla…"

Crois-moi, l’incidence sur les neurones de ton public n’est pas la même !

La transparence

Les coups d’esbroufe à base de buzzwords que l’IA elle-même ne comprend pas, pffff :

✅ Waouuu, t’as fine-tuné le super modèle (de ton biz partner du moment 😉💶)

✅ OK, t’as un dataset de 2 milliards d’entrées non biaisé

🤣 Yep ! À la fin, bah, tu peux rien faire contre les cas d’hallucination de l’IA, les faux positifs et rarement tu dépasseras une pertinence au-delà de 85% ~ 90%.

L’IA, c’est un outil magique, c’est clair ! Mais l’IA, ça fait des erreurs !

Mais c’est la meeeeuuude, c’est comme ça…

La ruée vers l’or... le nouvel eldorado des ados accros aux tutos !

⬇️⬇️⬇️ 👍

export function sanitize(yout: Youtube, options: {detoxTotal :boolean = true}) {
  return yout.replaceAll(/[aiAI💶💰]*/, "");
}

Quand même, j’ai quelques minutes devant moi alors je vais te faire un gros câlin, mon p’tit YouTubeur…

Dis-moi ?! Te reste-t-il un peu de crédit sur ton compte-formation.gouv.fr ?
T’as pensé à un FONGECIF Coiffure ?
Aah ! Tu veux rester à Dubaï… 🤔 Bah, IREP !!! Installateur de Récupérateurs des Eaux Pluviales, non ?!

Pourquoi ?! Hummmmmm…
Laisse-moi deux secondes, je vais me changer.
Je vais enfiler mon costard d’"anthropologue en herbe".

Tu sais, biquet, c’est très touchant, ta love-story (intéressée) avec l’IA, mais les histoires d’amour, les histoires d’amour, les histoires d’a… finissent mal, en généééraaaaal ! Ton truc, c’est une histoire d’amour toxique !

Pourquoi ?!
Bah ! L’IA, c’est pas ta copine, ooooh !
L’IA, c’est la meuf qui t’a souri en boîte pendant que tu dansais comme un dad sur Despacito. Elle t’a laissé croire que t’avais encore le flow. Demain matin, tu vas te réveiller dans une brocante entre une VHS et un Minitel !

Et ouais ! Le vrai boss de fin de niveau, c’est Jean-Claude IX (ou son homologue Claude IV si tu bosses à la City) ! Un jour, il appellera la sécu, et y a un agent-pas-content qui va Token à ta porte 😱 et t’accompagner jusqu’à la sortie avec ton carton de vidéos sous le bras. Fin du game !

Ton commerce ressemble déjà à celui d’un mec un peu désespéré qui convertit sa cave en business center, avec une pancarte :
"BitCoin : Le coin du bit — ⬇️ Ici ⬇️ — On repart les imprimantes matricielles"

On ose rarement te le dire, mais… ton tuto qui dure 0h53 : bah, on met 7h47 à le faire, au mieux… Et rarement avant la 7ème tentative, ET SI ET SEULEMENT SI on se met en pool de 11, par binôme, et qu’on ne compte pas Daphnée, qui va rester focus comme un furynx rien que sur le backlog !

Heureusement maintenant, plus besoin de chercher dans ta vidéo, de revenir à 0h27, "Ah non… 0h43", "Ah… mais il en parle pas du tout, en fait !".
Et terminés les hurlements par la fenêtre (alors qu’il est 4h du mat’) parce que la config que tu donnes est vieille de 16 versions majeures.

Ton YouTubeur, tu l’as dans ta poche, maintenant ! Right now !

Il répond à tes questions en temps réel, sans te juger lorsque tu lui demandes :
"C’est quoi une boucle for ?" pour la 14ème fois,
ou "Est-ce que je peux faire un git push avec Noddle.js ?".
Il s’adapte à ton niveau, te donne des exemples avec tes variables à toi.

Et ça tombe bien ! Parce qu’on en pouvait plus des :
"Imaginez, c’est comme si vous aviez un train qui transporte des fruits. Le train s’arrête dans une gare et personne ne descend. Quand vous voulez ajouter des clés à molette dans le train, en Python…" alors que t’es en train de déboguer un truc de ouf dans ton script 😡.

Maintenant, voilà, c’est ballot…
Les mecs qui font des formations à 2 999 € pour "devenir React Killer en 3 mois - Integral Roadmap fournie" : vont rentrer de Bali, fissa-fissa.
Les écoles qui te font payer 10 000 boules pour te mener direct à une certification sur la dépression nerveuse : bientôt fermées.
Par contre, les bouquins techniques qui font 800 pages : garde-les pour l’hiver prochain 🥶🔥.

Alors oui, c’est la fin d’une époque pour les YouTubeurs qui surfent sur la hype.
Mais c’est le début d’une révolution pour ceux qui veulent vraiment apprendre.

Bon, c’est vrai que ça fait des mois, voire des années, que tu fais la promo du truc qui va mettre ton biz en liquidation. C’était un peu "ton chant du cygne".
Mais prends sur toi, biquet, ça va aller…

Tu sais, c’est pas facile pour moi… Dire que l’avenir est présent à un mec qui appartient déjà au passé, vraiment, c’est pas facile…

Venge-toi donc avec une vanne sur mes goûts de chiotte pour la meeeeuuude, parce que je me suis encore planté ! C’était un costard de "pré-paléonthologue"*…

PS : Grafikart 😳… je déconnais pour 1973 et ta coupe ! Je t’aime très fort 💖

*Spécialiste des espèces presque disparues,
exemple : le Youtubronchus, l’Influraptor Rex ou le ShadyBizaure.

Cet article a été initialement publié le 26/08/2025 sur mon blog hashnode.dev.

🤖 IA : une affaire promptement menée !

OCLKA — Tue, 26 Aug 2025 21:52:17 +0000

Le secret ? Des prompts ultra-précis : plus tu donnes de détails (niveau, format, exemples, ton), plus l’IA te livre des réponses sur mesure, rapides et exploitables— comme un chef qui transforme tes idées en plat étoilé sans que tu aies à lever le petit doigt.

T'as ABSOLUMENT 😱 besoin de savoir quand ta consommation de café dépasse tes apports en protéines et tu voudrais :

✅ recevoir automatiquement une alerte sur ton tel ;
✅ l'indiquer dans ton Notion ;
✅ --> mail en urgence à ton neurologue et SMS auto toutes les 2 minutes s'il te rappelle pas dans les 2h ;
✅ bloquer immédiatement ton abo chez Basic-Fit ;
🧪 et... en advanced feature pourquoi pas ?! l'intégrer à ton workflow GitHub pour qu'il redouble de vigilance sur la qualité de tes PR...

P'tit malin, va ! T'as pensé à un prompt avec ton IA chouchoute 👏🏽
Bouge pas, on va en parler !

Quand, à toi là-bas, t'es dev et tu ne bois pas de café ???! Sérieux ?
Je préfère que tu sortes maintenant, je trouve ça chelou... non mais c'est chelou !
503 bonhomme ! 503 ! 😱

_Spoiler : Cet article a été écrit sous 4L de Moka d’Éthiopie, accrochez vos ceintures !!!*

Bon, avant de laisser ton 🤖 gérer ta vie (et ton abo à la salle), faut déjà savoir comment lui parler correctement. C'est bon, il est sorti le buveur de thé, là ?!!! Alors, c’est quoi un prompt, et comment en écrire un qui déchire ?

Introduction : Comment fonctionne un prompt ?

Un prompt, c’est comme une commande chez McDo : si tu arrives et que tu dis "Donnez-moi à manger, s'il vous plaît", tu risques de te retrouver avec un menu enfant. Mais si tu précises "Un Big Mac, sans oignon, avec des frites bien salées et une sauce barbecue, s'il vous plaît", là, t’es sûr d’être content.
Avec une IA, c’est pareil, sauf qu’il n’y a pas de limite de personnalisation… à condition de savoir comment demander.

Les IA génératives analysent des milliards de données pour prédire la suite la plus pertinente à ton prompt. Leur performance dépend directement de la qualité de ta requête. Un prompt bien rédigé évite les réponses floues, hors-sujet ou trop génériques. Il est super important (note le !) que tu fournisses des exemples clairs pour que ton IA comprenne ce que tu veux (on en reparle tout à l’heure...).

Dans cet article, je te propose de découvrir :

Ce qui a évolué dans la rédaction des prompts
Pourquoi ces changements sont un game-changer
Comment formuler des prompts qui font bosser l’IA pour toi (et pas l’inverse)
Un exemple concret qui va te faire halluciner (le mien, et il déchire)
Les tendances 2025 à surveiller (non, les IA ne feront pas ton sport à ta place… enfin, pas encore)

L’évolution des prompts : du simple ordre à la conversation intelligente

1. Le passé : des commandes basiques

Il y a quelques années, les IA répondaient à des ordres simples :

"Traduis ce texte en anglais."
"Donne-moi la définition de l’intelligence artificielle."

Exemple de prompt 2018 :
"Explique-moi l’IA."
Réponse probable :
"L’IA, ou intelligence artificielle, est un domaine de l’informatique qui vise à… [blabla générique]."

Ces prompts étaient courts et peu contextualisés, ce qui limitait la qualité des réponses.

2. Le présent : des prompts structurés et contextuels

Aujourd’hui, les IA comprennent des requêtes bien plus complexes, à condition de leur donner :

Un contexte : "Je prépare un article sur l’IA pour un public de débutants. Explique-moi le machine learning en termes simples, avec des exemples concrets."
Des consignes précises : "Rédige un email professionnel pour annuler une réunion, en restant poli mais ferme. Limite-toi à 100 mots."
Un style ou un ton : "Écris ce paragraphe comme si tu t’adressais à des adolescents, avec un ton dynamique."

3. Le futur : des interactions naturelles et collaboratives

Demain, les prompts deviendront encore plus intuitifs. Les IA comprendront :

Les intentions implicites : "J’ai besoin d’aide pour convaincre mon équipe d’adopter un nouvel outil. Propose-moi des arguments percutants."
Les préférences utilisateur : "Tu te souviens que j’aime les métaphores sportives ? Utilise-en pour expliquer ce concept."
Le dialogue continu : L’IA posera des questions pour affiner sa réponse, comme un vrai échange.

Prompt vague ❌	Prompt précis ✅	Résultat
"Parle-moi de Paris."	"Donne-moi 3 restaurants végétariens dans le 11e arrondissement, avec un budget moyen de 20€/pers et des avis >4/5 sur Google."	Une liste ciblée et utile.

Pourquoi est-ce si important ?

1. Des réponses plus pertinentes

Un prompt vague = une réponse vague.

❌ "Parle-moi de Paris." → L’IA ne sait pas si tu veux un guide touristique ou des anecdotes historiques.
✅ "Donne-moi 5 lieux insolites à visiter à Paris avec des enfants, en évitant les foules. Ajoute une estimation de budget par activité." → La réponse sera ciblée et utile.

2. Un gain de temps

Plus ton prompt est précis, moins tu auras besoin de reformuler.

3. Une meilleure créativité

Les IA génèrent des idées originales, mais elles ont besoin de cadres clairs :
"Invente une histoire courte pour enfants sur un robot qui apprend à ressentir des émotions. Vocabulaire simple + fin heureuse."

Comment rédiger un prompt efficace en 2025 ?

1. Sois clair et spécifique

Précise :

Le sujet : "Explique-moi le fonctionnement des cryptomonnaies."
Le public cible : "… comme si je l’expliquais à ma grand-mère."
Le format : "… sous forme de dialogue, en 3 questions/réponses."

2. Donne du contexte

"Je suis enseignant en primaire. Crée une activité ludique pour apprendre les tables de multiplication à des élèves de 8 ans. Thème : les animaux."

3. Structure ta demande

Utilise des étapes :
"1. Résume ce texte en 3 phrases. 2. Souligne les arguments principaux. 3. Propose un titre accrocheur."

4. Indique le ton et le style

"Écris ce texte avec un ton humoristique, comme une chronique radio."
"Style formel, adapté à un rapport pro."

5. Itère et affine

Si la réponse n’est pas parfaite, précise :
"Ton résumé est trop technique. Réécris-le pour un collégien."

Les erreurs à éviter

Prompts trop courts : "Dis-moi tout sur le réchauffement climatique." → L’IA ne sait pas par où commencer.
Consignes contradictoires : "Écris un texte court mais détaillé." 🤣🤣🤣 → Sois cohérent.
Suppositions : "Tu sais ce que je veux dire…" → Non, l’IA ne devine pas (encore) !

Un exemple

Parce qu’à un moment, faut bien mettre les mains dans l’IA 🤣

Le pitch

Tu veux performer en JavaScript et tu as écrit un script pour tester tes connaissances.
Maintenant, tu veux que ton IA t’alimente en questions (tordues ou non, je vous laisse faire !).
Feature de ouf : Stocker les questions en DB sans doublons.

Flux simplifié :

[Ton script] → (payload JSON) → 🤖 → (réponse JSON) → [Ta DB]

1. Bien nommer son prompt

"Mal nommer les choses, c’est ajouter au malheur du monde." > Albert Camus

Exemple :

# Prompt pour générer un quiz sur JavaScript

(❌ Pas : "Liste de questions, pffff...")

2. Décrire la requête envoyée

## 1. Exemple de payload de la requête (JSON)

{
  "nbQuestions": 20,
  "level": "beginner",
  "topics": [
    "arrow functions",
    "this",
    "destructuring",
    "promises",
    "es6 modules"
  ],
  "locale": "fr"
}

3. Des instructions claires

## 2. Consignes pour l'IA

1. **Structure du Quizz** :
   - Générer un quizz de `nbQuestions` questions (10 par défaut).
   - Chaque question doit être adaptée au niveau (`beginner`, `intermediate`, ou `advanced`) (`beginner` par défaut).
   - Si des `topics` sont spécifiés, les questions doivent porter sur ces thèmes. Sinon, varier les thèmes parmi les concepts clés de JavaScript.
   - Chaque question doit être claire, précise et adaptée au niveau demandé.
   - Pour chaque question, fournir **4 réponses possibles**, dont une seule est correcte.
   - **Inclure un hash unique** pour chaque question (utiliser un algorithme simple comme SHA-256 sur le texte de la question pour faciliter le stockage en base de données).
   - L'ensemble doit être **retourné dans la locale demandée**.

4. Décrire le retour attendu

2. **Format de sortie** :
   - Le retour doit être un **JSON valide**.
   - Chaque question doit contenir :
     - `id` : un hash unique de la question (exemple : `"id": "a1b2c3d4e5f6..."`).
     - `question` : le texte de la question.
     - `options` : un objet de 4 réponses possibles, chacune avec un numéro (`1`, `2`, `3`, `4`).
     - `answer` : le numéro de la réponse correcte.
     - `explanation` : une brève explication de la réponse correcte (optionnel mais recommandé pour les niveaux `intermediate` et `advanced`).
   - Le JSON doit être bien formaté et facilement lisible.

5. Lui fournir des infos complémentaires ou de contexte (optionnel)

3. **Exigences supplémentaires** :
   - Éviter les questions redondantes ou trop similaires.
   - Adapter le vocabulaire et la complexité des questions au niveau demandé.
   - Pour le niveau `beginner`, privilégier des questions sur les bases de JavaScript.
   - Pour le niveau `advanced`, inclure des cas pratiques ou des pièges courants.

6. Indiquer des exemples

## 3. Sortie attendue (JSON)

Voici un exemple de sortie pour **2 questions** :

{
  "quiz": [
    {
      "id": "a1b2c3d4e5f67890",
      "question": "Quelle est la syntaxe correcte pour déclarer une fonction fléchée en JavaScript ?",
      "options": {
        "1": "function maFonction() {}",
        "2": "const maFonction = () => {}",
        "3": "const maFonction = function() {}",
        "4": "def maFonction() {}"
      },
      "answer": 2,
      "explanation": "Les fonctions fléchées sont déclarées avec la syntaxe `() => {}`."
    },
    {
      "id": "b2c3d4e5f67890a1",
      "question": "Que renvoie `this` dans une fonction fléchée ?",
      "options": {
        "1": "Le contexte global (`window` dans un navigateur).",
        "2": "Le contexte de l'objet parent au moment de la déclaration.",
        "3": "Toujours `undefined`.",
        "4": "Le contexte de l'objet qui appelle la fonction."
      },
      "answer": 2,
      "explanation": "Dans une fonction fléchée, `this` hérite du contexte de l'environnement parent au moment de la déclaration, contrairement aux fonctions classiques."
    }
  ],
  "metadata": {
    "level": "beginner",
    "locale": "fr",
    "totalQuestions": 2
  }
}

7. Et ça marche !!!

Le payload de ma requête API

{
  "nbQuestions": 2,
  "level": "intermediate",
  "topics": ["iife"],
  "locale": "de"
}

La réponse de Frau 🤖

{
  "quiz": [
    {
      "id": "9be63c261a2316ff86567541fed483fa1745b85d67b9c7377b5fcaf7b4c79a2a",
      "question": "Was bedeutet IIFE in JavaScript?",
      "options": {
        "1": "International Instant Function Execution",
        "2": "Immediately Invoked Function Expression",
        "3": "Internal Iterative Function Environment",
        "4": "Instant Initial Function Event"
      },
      "answer": 2,
      "explanation": "IIFE steht für Immediately Invoked Function Expression, eine Funktion, die sofort nach ihrer Definition ausgeführt wird."
    },
    {
      "id": "7852c72eec2c644fb0902d8ba9c5b70408c6138e6af06ab34584bd5b8a6120e2",
      "question": "Welcher der folgenden Codes ist ein Beispiel für eine IIFE?",
      "options": {
        "1": "function example() { console.log('Hello'); }();",
        "2": "(function() { console.log('Hello'); })();",
        "3": "const example = () => console.log('Hello');",
        "4": "function example() { console.log('Hello'); }"
      },
      "answer": 2,
      "explanation": "Eine IIFE wird durch das Umgeben einer Funktionsdeklaration mit Klammern und das sofortige Aufrufen mit `()` erstellt."
    }
  ],
  "metadata": {
    "level": "intermediate",
    "locale": "de",
    "totalQuestions": 2
  }
}

Ooooh putain... Ça marche mais ça fait reup les IIFE en allemand !!! 😱😱😱

🎁 Bonus : 3 outils pour tester tes prompts en 2025

Playground Mistral : Pour expérimenter en direct.
Prompt Libraries (GitHub) : Des exemples prêts à l’emploi.
Snippets VS Code : Stocke tes prompts favoris.

🚀 Le futur des prompts

IA qui posent des questions pour affiner ta demande.
Interfaces visuelles pour annoter tes attentes.
Personnalisation automatique (ton IA se souviendra que tu aimes le bon café).

Conclusion : Pratique et expérimente !

Rédiger un bon prompt, c’est comme apprendre une langue : plus tu pratiques, mieux tu deviens.
Et toi, quel est le prompt le plus efficace que tu aies jamais écrit ? (Partage-le en commentaire !)

🎁 Cadeau Bonux : Le prompt complet est ici.

Au fait, il est pas r’venu, l’aut' théïnomane ?!

Bon bah IA plus qu’à les gars, Tcho ! 🚀

Cet article a été initialement publié le 23/08/2025 sur mon blog hashnode.dev.

#FullstackEasy : Ta feuille de route sans prise de tête pour maîtriser JS, TS, Node et React

OCLKA — Tue, 26 Aug 2025 21:47:28 +0000

Une roadmap simplifiée et organisée pour apprendre JavaScript, TypeScript, Node.js et React, avec des étapes claires, des priorités et des indicateurs de difficulté, idéale pour les débutants ou ceux qui reprennent après une pause.

Tu veux apprendre JS, TypeScript, Node, React et tout le reste, mais t’es un peu perdu·e ?

[ ] Tu es full débutant·e (ici, t’es le/la bienvenu·e, il faut bien commencer quelque part…)
[ ] Tu reviens dans le game après une pause ?
[ ] Tu sautes d’un tuto à l’autre sans en voir le bout ?

Arrête tout, respire... Y a rien de sorcier, Harry ! Juste besoin d’un peu d’organisation.

J’ai préparé pour toi une checklist ultra-simple, dans l’ordre, avec des émojis mimi pour te motiver.

👉 À la fin, tu seras fullstack sans même t’en rendre compte !

Partage, like, fais le foufou-e/fofolle, amuse-toi !
(Cette roadmap très sérieuse - malgré les émojis et mes blagounettes – a aidé des dizaines de débutant-e-s à passer de "WTF?!" à "WTF, I'm Ze boss!").

PS : Partage aussi tes progrès avec le hashtag #FullstackEasy sur Twitter – je te suivrai !

Le lien pour télécharger la Roadmap

Copie-la, coche les cases, et avance pas à pas 👍

✅ A bientôt collègue !

1. Fondamentaux de JavaScript (ES6+)

[ ] Syntaxe de base Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Variables (let, const, var)
Boucles (for, while, do...while)
Conditions (if/else, switch)
Fonctions (déclaration, expression, paramètres)
Opérateurs (arithmétiques, logiques, de comparaison)

[ ] Fonctions fléchées Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐

Syntaxe des arrow functions
Différence entre function et arrow function
Portée de this

[ ] Manipulation des tableaux Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐⭐

Méthodes : map, filter, reduce, find, sort
Spread operator (...)
Destructuring

[ ] Objets et JSON Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Création et manipulation d'objets
Destructuring des objets
JSON.parse() et JSON.stringify()

[ ] Promesses et Async/Await Temps : ⏳⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐⭐

Création et utilisation des Promise
Chaînage avec .then() et .catch()
Syntaxe async/await
Gestion des erreurs

[ ] Modules ES6 Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐

Import/export (import, export)
Modules CommonJS vs ES6

[ ] Gestion des erreurs Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐

try/catch/finally
Erreurs personnalisées

[ ] Classes et POO Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐

Déclaration de classes
Héritage (extends)
Getters et setters
Méthodes statiques

[ ] Closures et portée lexicale Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐
- Comprendre les closures
- Portée des variables (let, const, var)
- IIFE (Immediately Invoked Function Expression)

2. TypeScript

[ ] Typage de base Temps : ⏳⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Types primitifs (string, number, boolean, etc.)
Interfaces et types personnalisés
Unions et intersections de types

[ ] Génériques Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐

Syntaxe des génériques
Utilisation dans les fonctions et classes

[ ] Types avancés Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐

Types conditionnels
Mapped types
Utility types (Partial, Pick, Omit)

[ ] Configuration de TypeScript Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐

Fichier tsconfig.json
Options de compilation

[ ] Décorateurs Temps : ⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐
- Utilisation des décorateurs
- Modification du comportement des classes

3. Node.js

[ ] Modules Node.js Temps : ⏳⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Modules natifs (fs, http, path)
Création de modules personnalisés

[ ] NPM et Yarn Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Gestion des dépendances (npm install, yarn add)
Scripts NPM

[ ] Création d'un serveur HTTP Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐

Module http
Routage de base

[ ] Express.js Temps : ⏳⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐⭐

Création d'une API REST
Middleware
Gestion des routes

[ ] Base de données Temps : ⏳⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐⭐

MongoDB (Mongoose)
PostgreSQL (TypeORM/Sequelize)
Redis

[ ] Authentication Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐⭐

JWT
OAuth
Gestion des sessions

[ ] Tests unitaires et d'intégration Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐
- Jest
- Mocha/Chai

4. React

[ ] Composants fonctionnels Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐⭐

Hooks (useState, useEffect, useContext)
Props et état local

[ ] Gestion d'état Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐⭐

Redux
Context API
Zustand/Recoil

[ ] React Router Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐

Routage dynamique
Navigation programmatique

[ ] Formulaires Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐

React Hook Form
Formik

[ ] Appels API Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐⭐

fetch
Axios

[ ] Optimisation Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐

React.memo
useMemo et useCallback
Lazy loading

[ ] Next.js Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐
- Routing côté serveur
- Génération statique
- Optimisation SEO

5. Outils Complémentaires

[ ] Git et GitHub Temps : ⏳⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐⭐

Commandes de base (git clone, git commit, git push)
Branches et pull requests
Gestion des conflits

[ ] Markdown Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐

Syntaxe de base (titres, listes, liens)
Tableaux et images

[ ] Docker Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐

Conteneurisation
Docker Compose

[ ] Webpack et Vite Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐

Configuration de base
Optimisation des bundles

[ ] ESLint et Prettier Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐⭐⭐

Configuration
Intégration avec les IDE

[ ] CI/CD Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐
- GitHub Actions
- GitLab CI

6. Bonnes Pratiques et Optimisation

[ ] Clean Code Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐

Principes SOLID
DRY et KISS

[ ] Performance Temps : ⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐

Lazy loading
Code splitting

[ ] Sécurité Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐

Protection contre XSS et CSRF
Injection SQL

[ ] Accessibilité Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐

Normes WCAG
ARIA (Accessible Rich Internet Applications)

[ ] Documentation Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐
- JSDoc
- Storybook

7. Projets Pratiques

[ ] Application Full-Stack Temps : ⏳⏳⏳⏳⏳ | Difficulté : 💪💪💪 | Priorité ⭐⭐⭐⭐⭐

Frontend (React)
Backend (Node.js)

[ ] Contribution Open Source Temps : ⏳⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐

Trouver des projets
Soumettre des pull requests

[ ] Portfolio Temps : ⏳⏳ | Difficulté : 💪💪 | Priorité ⭐⭐⭐⭐
- Création d'un site vitrine
- Présentation des projets

8. Veille Technologique

[ ] Suivre les mises à jour Temps : ⏳ | Difficulté : 💪 | Priorité ⭐⭐

Blogs (HashNode.dev, Dev.to, Medium)
Newsletters

[ ] Blogs et Conférences Temps : ⏳ | Difficulté : 💪 | Priorité ⭐
- Conférences (React Europe, JSConf)
- Podcasts et vidéos

Cet article a été initialement publié le 22/08/2025 sur mon blog hashnode.dev.

🧪 Tester une locale en 2 secondes de manière élégante (sans se prendre la tête)

OCLKA — Tue, 26 Aug 2025 21:43:52 +0000

Cet article explique comment valider une locale (comme fr-FR ou en-US) en 2 secondes pour éviter les erreurs d'affichage ou les crashes, en utilisant Intl.DateTimeFormat qui lève une erreur si la locale est invalide.

Tu veux tester une locale parce que t’as peur que ton utilisateur ait déclaré mi-MI pour du Minion ou tlh-QAAK pour du Klingon ?

⚠️ Le scénario catastrophe

Imagine : ton utilisateur sélectionne une locale inexistante (xyz-XYZ), et soudain :

Ton frontend affiche des undefined partout.
Ton backend crash avec un RangeError: invalid language tag. Avec ce snippet, tu évites ça en 2 lignes.

🇫🇷 Une locale, c’est quoi ?

Les codes comme fr-FR ou en-US suivent la norme IETF BCP 47. Ils se composent de :

2 lettres pour la langue (fr, en… selon ISO 639-1).
2 lettres pour le pays (FR, US… selon ISO 3166-1 alpha-2).

😱 Le problème : 45 000 combinaisons possibles*

180 langues × 250 pays = 45 000 locales théoriques. > "45 000 ?! 🥵 ¿La cucaracha?"

*Heureusement, 99% sont inutiles

✅ La solution : `Zod` + `Intl` (ou `Intl` seul)

Avec `Zod` (pour les fans de validation) :

import { z } from "zod";
const localeSchema = z.string().refine(
  (locale) => {
    try {
      new Intl.DateTimeFormat(locale);
      return true;
    } catch {
      return false;
    }
  },
  { message: "Locale invalide. Essayez 'fr-FR' ou 'en-US'." }
);

Sans `Zod` (version minimaliste) :

function isValidLocale(locale: string): boolean {
  try {
    new Intl.DateTimeFormat(locale);
    return true;
  } catch {
    return false;
  }
}

🎯 Résultat :

testLocale("fr-FR"); // ✅ Valide
testLocale("tlh-QAAK"); // ❌ Invalide (désolé, fans de Star Trek)

🔧 Bonus : Quelles locales sont supportées ?

Pour vérifier ce que ton environnement supporte (navigateur/Node.js) :

console.log(Intl.DateTimeFormat.supportedLocalesOf(["fr-FR", "tlh-QAAK"]));
// → ["fr-FR"] (le klingon n’est pas encore standardisé)

Pourquoi ça marche ?
Intl.DateTimeFormat lève une erreur si la locale est invalide. On exploite ce mécanisme pour valider en 1 ligne.

👍 Pour en savoir plus :

Pense à valider tes locales et sur ce, Poulétikamassala ! 👋

Cet article a été initialement publié le 20/08/205 sur mon blog hashnode.dev.