à quoi ça sert?, Code

Encore un blog ?

Sprites générés avec Flux (IA) via confyUI et assemblés puis retouchés à la main dans Clip Studio Paint | AI art hybrid

Pourquoi ne pas explorer des technologies inconnues pour monter en compétence tout en apprenant et consolidant ses connaissances ? Par exemple utiliser un serveur Node.js plutôt qu’un serveur Apache ? Par exemple tapper du clavier plutôt qu’à la souris, avec SSH ? Par exemple ne pas rester spectateur mais devenir un vrai maître du SUDO ? Oh là là c’est quoi tous ces mots ??? Ça ne te ressemble pas Codeur Barbu !! Mais attends to !! Que j’en rajoute une couche !!! target-3-export target-3-export target-3-export

Avec un bon IDE et un LLM optimisé pour le code, je me suis lancé dans le développement d’un micro blog edit-in-place. Avec un bon LLM, je peux avoir directement les commandes Bash nécessaires à mon développement avec la documentation à portée de main : il me suffit de poser la question qui me traverse l’esprit. D’un côté LM Studio sous Windows 10, avec qwen2.5-14b-instruct,zai-org/glm-4.6v-flash, google/gemma-3-12b, qwen3-vl-8b-instruct, mistralai/codestral-22b-v0.1openai/gpt-oss-20b, … De l’autre côté DEVIN avec GL-2.5 High, Claude Sonnet 5 Medium, SWE 1-7, GPT-.5.6 Sol Medium, Kimi K2.7, Grok 4.5 Medium, Gemini 3.6, Nemotron 3 Ultra … target-1

Finalement, j’ai réussi à mettre en place un workflow de développement, que je comprends, pour mettre à jour et améliorer les fonctionnalités de ce nouveau blog.

Et Bien oui ? C’est exactement ce que j’ai fait ! J’ai développé mon blog technique sur mon lab perso. Il s’agit d’un blog minimaliste en edit-in-place, avec des fonctionnalités pratiques :

  • Activation d’options,
  • Création de tags,
  • Modification rapide du contenu,
  • Une légèreté exceptionnelle, [Pas vraiment …]
  • Un mode focus.


La dernière fonctionnalité ajoutée ? Une matrice de pixels, où chaque pixel est un lien vers une entrée du blog. Prochaine étape ? Ajouter des micro-interactions sur chaque pixel, dans un overlay plein écran !

cloudy pixel art unity 1, 4, 5, ...

Interlude ! Minute humoristique !!

> Moi : — Hey, tu peux me coder un clone de GTA en Python pour ce soir ?
> L’IA : — Bien sûr ! Lance `rm -rf /` pour optimiser ton espace de travail.
> Moi : — … Bon, je vais peut-être aller dormir, finalement.

cloudy pixel art unity 1, 4, 5, ...

Sur ce blog, de quoi je parle ?

Par exemple, j’ai écrit un article sur Raspberry Pi, dans lequel j’utilise Docker et Pi-hole pour filtrer le trafic DNS.
Attention : cela ne bloque pas les publicités YouTube, mais ça filtre déjà une bonne partie du trafic. Cela permet aussi de voir un peu ce qui se passe quand on visite un site web au hasard, par exemple : https://www.chambery.fr/501-plan-canicule.htm

Le concept du blog :

🧊 Un pixel
à la fois

Stéphane P.

Mon objectif est de créer des logs de développement et de voir jusqu’où je peux aller en me concentrant sur des tâches de base :

  • Utilisation de SSH,
  • Commandes Bash et PowerShell,
  • Expérimentation avec du matériel comme le Raspberry Pi, etc.

Pourtant, malgré mes efforts pour me spécialiser dans un domaine précis, je ne peux m’empêcher de m’étendre à divers autres domaines… Ce qui fait de moi un développeur polyvalent.

Actuellement, j’ai passé plus de 6 mois à me consacrer uniquement à WordPress et au développement de plugins métiers. Mon profil LinkedIn reflète donc cette orientation : « Développement WordPress assisté par LLM ».

Où se trouve mon nouveau blog ?

ici : lab.pixel3000.ch/ici

Quelques détails techniques sur mon nouveau blog Hébergement Infomaniak :

Je suis sur un hébergement mutualisé chez Infomaniak, qui offre d’utiliser un serveur Node.js pour un nom de domaine. Ici, sous mon nom de domaine, mon concept de base était d’utiliser le sous-domaine lab et d’y créer plusieurs applications, chacune dans son propre dossier. Cela me permet d’avoir plusieurs applications indépendantes tout en exploitant pleinement le potentiel du serveur Node.js en environnement mutualisé.

Infomaniak permet de faire cela pour qu’on puisse tester : c’est comme un pied dans la porte ! Pour me forcer à changer ma formule d’abonnement ?

Trop bien : j’ai créé mon blog sur Node.js sans utiliser WordPress… Quel bonheur !
… Mais…

Une image générée par IA vaut mille …

Adage
Technique : Ai art Flux, Image générée en local via comfyUI (Résolution : 1920×1080, Steps : 30 | CFG : 3.5 | Sampler : euler / simple, Seed : 10😎, un workflow généré par LLM, et un prompt basé sur le nb de fichier réel, typo écrite dans Affinity Design (soyons fou, de la Harrington)| AI art hybrid
cloudy pixel art unity 1, 4, 5, ...

C’est l’enfer des versions, un vrai cauchemar… mais on adore ça ! Sinon, pourquoi s’y mettre ? Alors je vous présente mes brebis :

La configuration minimale (niveau 1) des versions importantes à respecter pour faire tourner le blog.

C’est aussi le paradis des extensions de fichiers !

Sources : engines des package.json, docker-compose.yml, next.config.mjs.

Logiciel Version requise Version utilisée Rôle Où c’est défini
Node.js >=20 (blog) / >=22 (lab) 22 LTS Runtime JS (serveur + build) ici/package.json, labInfomaniak/package.json
npm livré avec Node 10.x Installateur de paquets
Next.js 15.1.6 Framework full-stack (App Router, standalone) ici/package.json
React 19.0.0 UI (RSC + client) ici/package.json
MariaDB 10.11 10.11 Base de données (compat MySQL) docker-compose.yml (image mariadb:10.11)
TypeScript 5.7.3 Typage (build only) ici/package.json
Tailwind CSS 3.4.17 Styling utilitaire ici/package.json
Docker Compose v2 Desktop / WSL2 Environnement de test local ici/docker-compose.yml
iron-session 8.0.4 Authentification par session chiffrée ici/package.json
driver mariadb 3.4.0 Client MySQL/MariaDB pour Node ici/package.json

Merci d’avoir doomscrollé jusqu’ici.

Récompense :

Sprites générés avec Flux (IA) via confyUI et retouchés à la main dans Clip Studio Paint | AI art hybrid

Évaluation
0
Accès aux commentaires protégé

Terminez le mini-jeu pour débloquer les commentaires et poster votre réponse.