J’ai terminé le développement de mon blog. Le blog même dans lequel je suis en train d’écrire maintenant. Je l’ai nommé Bug Loop. Si quelqu’un me demande « Pourquoi ce nom, Bug Loop ? », je répondrais que j’ai réalisé une vérité simple : le développement = une boucle éternelle de débogage. Être coincé dans une boucle infinie de bugs, à répéter encore et encore « hein ? quoi ? attends... pff... ». Voilà, c’est ça, développer.
J’ai compris que le développement ne repose pas sur une idée géniale unique, mais sur la manière sincère de résoudre une multitude de petits problèmes invisibles... cliché, peut-être, mais tellement vrai.
Pourquoi je l’ai créé moi-même
J’étais intéressé par le développement web depuis 2022.
Et la première étape pour commencer quelque chose ? Acheter des livres. (Oui, je suis en train de me moquer de moi-même.)
J’en ai acheté énormément, et j’ai même téléchargé plein de PDFs gratuits en ligne… mais dès qu’il fallait passer à la pratique, je me sentais dépassé et je n’osais pas commencer. Je lisais, lisais, et lisais encore. On dit qu’on apprend en faisant, mais que voulez-vous : je me disais « Je commencerai quand je serai prêt ». Et ce moment n’arrive jamais. Donc je continuais simplement à lire.
J’ai laissé ce rêve de « Je ferai du développement web un jour » fermenter longtemps. En 2023, j’ai brièvement débuté comme pianiste, j’ai créé à la hâte un site avec WordPress pour me présenter, puis j’ai quitté cette voie, et le site a été laissé à l’abandon… Ce n’est qu’en 2025 que j’ai réalisé que ChatGPT pouvait être un outil extrêmement puissant pour le développement web. Ou plutôt, ce n’est pas que je l’ai réalisé tard, mais que ses performances avaient enfin atteint un niveau où il devenait réellement utile.
Je n’étais pas ignorant du développement. Je savais globalement comment faire. Mais identifier l’origine des problèmes, trouver la solution optimale, cela demande du temps et de l’énergie. Et moi, je suis humain — ma capacité de traitement parallèle est limitée. L’intelligence artificielle, elle, analyse rationnellement, efficacement, à partir d’une immense base de connaissances, et me fait gagner un temps précieux sur les lenteurs émotionnelles et la fatigue humaine.
En exploitant l’IA, j’ai pu augmenter drastiquement ma productivité, et la fermentation tranquille de mon désir de devenir développeur full-stack s’est embrasée d’un coup. C’est comme ça que le développement a avancé si vite.
Et puisque j’en ai fait l’expérience directe, lorsque je vois aujourd’hui des articles disant que le métier de développeur disparaît peu à peu, cela ne me surprend pas. Bien sûr. C’est logique...
Fonctionnalités et pile technologique
J’ai vraiment tout construit moi-même, sans utiliser de modèles ou composants préexistants.
Fonctionnalités réalisées
- Éditeur personnalisé pour écrire des articles (probablement ce qui a pris le plus de temps)
- Page de visualisation d’article (avec bouton flottant pour la table des matières)
- Lecteur de livres numériques (créé lorsque j’ai orienté le blog vers les ebooks)
- Inscription (actuellement désactivée)
- Connexion
- En-tête avec étiquette fixe (sticky)
- Panneau extensible pour afficher ou masquer le contenu de l’en-tête
- Panneau latéral permettant d’afficher mon profil et de rechercher des articles
- Système multilingue (coréen, anglais, français, chinois, japonais, espagnol)
- Bascule mode clair/sombre
Pile technologique
Voici les technologies utilisées :
Front-End
- HTML5 + EJS — rendu dynamique et multilingue (EJS signifie JavaScript embarqué, ce qui permet d’utiliser directement du JS dans le HTML)
- CSS3 — mise en page responsive, styles de composants, mode sombre
- JavaScript Vanilla (ES6) — toutes les interactions UI ont été codées à la main (vanilla = pur, sans ajout)
- SVG — modification et animation de logos et personnages (utilisé surtout pendant mes essais sur un autre blog)
Back-End
- Node.js — environnement d’exécution côté serveur
- Express.js — routage / sessions / middleware (gère notamment quelle page renvoyer selon la requête et la session de connexion)
- bcrypt — chiffrement des mots de passe
- multer — gestion de l’upload d’images
Base de données
- MySQL — stockage des articles / utilisateurs / catégories / ressources linguistiques
- Requêtes SQL écrites à la main pour les opérations CRUD
Déploiement & Infrastructure
- Ubuntu Linux — environnement serveur
- Nginx — reverse proxy + HTTPS
- PM2 — gestion des processus Node / exécution sans interruption
- Git + GitHub — contrôle de version et déploiement automatisé
Projets à venir
- Blog sur l’aide sociale
- Blog de développement
- Blog musical
- Blog de cuisine