En 2007, je passe mon BTS.
Il me manque un truc tout bête : un moyen simple de dessiner une zone de chalandise. (Pour les non-initiés : la zone d’où viennent vos clients. En gros, qui habite assez près pour pousser votre porte.)
Je m’y étais pris avec Gimp, pour gribouiller sur des fonds de carte GoogleMap.

Un an plus tard, en 2007, je tombe sur une technique pour en tracer une visuellement, en quelques clics.
Exactement ce qui m’avait manqué l’année d’avant.
Alors je la partage. Gratuitement, sur un blog.

Et là, surprise : ça marche vachement bien. Les stats (Clicky déjà pour moi) s’emballent.
En 2011, j’ai décidé d’en faire un site dédié : creer-zone-de-chalandise.fr.

Pendant des années, ça tourne. Des milliers de visiteurs mensuels.
Près d’une centaine de commentaires : des étudiants, des enseignants, des commerçants.
Cité par Wikipedia, des manuels scolaires, des sites de l’Éducation nationale.

Puis tout a cassé

Mes techniques reposaient sur des outils tiers.
Google Maps, Owlapps, Cartoo, Google Docs…
Ils ont disparu les uns après les autres.

Le web, c’est ça aussi : des outils sur lesquels on compte, et qui ferment sans prévenir.

Résultat : mes tutoriels ne marchaient plus.
Frustrant pour tout le monde.

En 2021, je refais le site avec uniquement du contenu.
Plus de technique, puisqu’il n’y avait plus d’outil derrière.

Un pansement, pas une solution.

Ça devait être temporaire, j’avais envie de proposer mon outil.

Alors (enfin) en 2026, j’ai fait l’outil moi-même !

Puisque les outils d’avant n’existent plus, j’en ai codé un.
Et tant qu’à faire, je l’ai mis gratuit.

Pour toujours.

Sans e-mail demandé.

Je ne vais pas demander un ou deux euros à des étudiants. Surtout maintenant.

Voilà l’outil. Un assistant en 4 étapes, la carte juste en dessous :

1. L’adresse du point de vente.
2. Le mode de calcul : à vol d’oiseau (des cercles) ou en temps de trajet (isochrones, en voiture, à pied ou à vélo).
3. Les trois zones : primaire, secondaire, tertiaire.
4. L’export.

Sous le capot, que des données publiques françaises : fond de carte Plan IGN, adresses géocodées par l’IGN, population des communes par l’INSEE, isochrones calculées par openrouteservice.

Vous pouvez même importer votre fichier clients en CSV : les adresses se placent toutes seules sur la carte.
Et à la fin, export en PNG ou PDF, plus un lien de partage — pratique pour rendre un dossier de BTS.

Au passage, j’ai refait tout le reste du site

Sortie de WordPress : une petite application PHP sur mesure, mêmes adresses qu’avant (les 301 et 410 s’occupent du reste).

Tout le contenu a été réécrit pour les étudiants post-bac – BTS MCO, NDRC, bac pro.
Le tout tient en  21 pages : les définitions (zone isométrique, zone isochrone), les méthodes (magasin existant, point de vente futur, chiffre d’affaires potentiel, modèles de Reilly et de Huff), une page BTS MCO/NDRC, une fiche de révision, un glossaire, des tutoriels, une FAQ.

Un bouton, sur chaque page, télécharge tout le site comme un cours complet en PDF (47 pages).
Les commentaires sont rouverts et modérés. Et j’ai même redistribué les anciens commentaires pertinents sur les nouvelles pages, selon la question posée.

J’ai aussi tout balisé pour que ChatGPT, Perplexity ou Copilot recommandent l’outil aux étudiants qui leur demandent comment faire. Parce que c’est là qu’ils cherchent maintenant.

Bref

20 ans après, le devoir que je n’arrivais pas à rendre est enfin terminé.
Et il est à tous les étudiants en commerce, gratuitement.

Si vous préparez un dossier, ou si vous enseignez la chose : servez-vous.

Bon courage pour vos dossiers.

Codeanywhere, c’était mon éditeur de code que j’aimais d’amour.
Celui qui me laissait ouvrir un fichier sur un serveur FTP, le corriger, enregistrer, et voir le site bouger dans la foulée.

Je l’utilisais depuis 2013. J’en parlais déjà ici : Avec quoi je code ?
Treize ans de lune de miel.

Puis le support de la version que j’utilisais s’est arrêté.
Ça faisait déjà quelques années que le support me renouvelait mon compte manuellement, en me prévenant que, si ça se trouve, ça ne tiendrait que quelques mois.
Ça a tenu plusieurs années.

Mais au milieu de l’été, ça s’est arrêté pour de vrai.
En plein développement de Ets-Allio.fr.

La chiasse.

J’ai cherché, j’ai cherché, j’ai trouvé des trucs surement mieux, mais plus compliqués. Rien qui ne correspondait à mon utilisation.

Aujourd’hui, tout passe par des conteneurs, des repos GitHub, des pipelines, des environnements qui se montent et se démontent surement. Je n’utilise pas les notices de meubles Ikea.
C’est surement propre. Surement carré. Surement pro.

Mais c’est chiant. Et ce n’est pas ma façon de coder.

Tout ce que je veux c’est l’inverse.
DU SIMPLE.
Ouvrir un fichier, le modifier, enregistrer. Fin de la partie.
Ctrl + O, tiptiptip, Ctrl + S, Alt + F4. Mic drop.

Et tout ça,… directement en prod !

Pas de build, pas de branche à merger pour corriger une virgule, pas d’usine à gaz.

Rajouter ce putain de point virgule oublié ne mérite pas un pipeline de prod.

Le cahier des charges tenait en 2 mots.

Refaire Codeanywhere.

Avec toutes les fonctions que j’utilisais déjà au quotidien.
Plus celles que j’aurais aimé y trouver.

C’est tout.
En réfléchissant, c’est déjà beaucoup.

J’avais le NDD qyu.re qui dormait dans ma collection de noms de domaine.
(Oui, j’en collectionne. Non, je ne me soigne pas.)
Autant lui donner un vrai boulot plutôt que de le laisser prendre la poussière.

J’avais aussi en candidat partir.la, mais ça aurait été con de le cramer là-dessus.
Il mérite peut-être mieux qu’une arborescence de fichiers et du texte en monotype.

Ce que fait l’outil, la liste complète (?)

Connexion et comptes

• Coffre de serveurs FTP / FTPS, mots de passe chiffrés.
• Multi-utilisateurs, avec partage d’accès révocable (lecture seule ou écriture).
  Ça, c’est une fonction qui manquait sur Codeanywhere. Ici j’ajoute un serveur, et je peux le partager avec Lionel, ou Laure, ou n’importe qui qui bosse avec moi sur un projet, sans avoir à partager les identifiants.
• Relais HTTPS pour les serveurs qu’on ne peut pas joindre en direct, et un diagnostic de connexion intégré (Qyu.re est hébergé sur O2switch qui ne veut pas communiquer en FTP avec OVH).

Éditer

• Arborescence, onglets multi-fichiers, plusieurs serveurs ouverts en même temps.
  Les onglets, c’est la vie. #team+50
• Coloration syntaxique (HTML, CSS, JS, PHP, SQL, logs) et autocomplétion.
• Recherche / remplacement dans les fichiers ouverts ou sur tout un dossier, arborescence de dossier ou tout le serveur.
• Beautify / Minify.
• Validation de la syntaxe avant d’enregistrer.
  J’aimais Codeanywhere justement car tu pouvais rajouter ton point-virgule qui manquait dès la première erreur 500.
  Maintenant, je n’ai même plus l’occasion d’oublier ce point-virgule ou cette accolade fermante imbriquée dans une cascade de 9.
• Conversion d’encodage et de fins de ligne, édition des fichiers non-UTF-8.
• Thème clair / sombre, panneaux redimensionnables, position du curseur mémorisée.

Gérer les fichiers

• Uploader, télécharger, dupliquer, déplacer, zipper, dézipper, corbeille.
  La corbeille. Sur ton serveur de prod, … Que celui qui n’en a jamais rêvé… comprenne qu’il est surement tout à fait normal comparé à moi.
  Et oui, tout ça pour un fichier ou un dossier (et ses sous-dossiers).
• chmod (une case à cocher à la FileZilla, pas un chiffre à retenir), usage disque, propriétés.
• Lecture de la fin des gros logs et suivi en direct (tail -f).

Voir

• Aperçu des images + zoom + compression.
  Même plus besoin de télécharger une image, de la passer sur TinyPNG et de la réuploader. Un bouton et le panda vient directement te faire ça à domicile sur ton serveur.
• CSV en mode texte ou tableur.
  Pareil, tu bosses sur ton CSV en prod, on est pas là pour faire semblant.
• SVG éditable en code avec visualisation des modifs en direct.
  Qui d’autre édite ses SVG en code par ici ?

Travailler à plusieurs

• Révisions : chaque enregistrement est archivé, avec diff et restauration.
  Ça, je l’utilisais pas mal sur Codeanywhere. On pouvait d’ailleurs s’en servir comme une « poubelle », si tu supprimais un fichier, tu en recréais un au même endroit avec le même nom et tu pouvais retrouver son contenu via la révision.
• Présence en temps réel et journal d’activité : qui édite quoi, en ce moment.
  Ça évite qu’on écrase un fichier qu’un autre est en train d’éditer.

Les trucs plus récents

Chaud comme je suis, j’ai encore rajouté des trucs suivant mes besoins et je vais continuer à le faire.

• Serveur MCP.
  Mon IA peut éditer les fichiers à ma place, avec des droits bornés : un seul serveur, voire un seul dossier, en lecture seule si je veux.
• Upload de photo en masse.
  J’ai eu besoin de scanner un livre. Long. Chiant.
  Donc j’ai rajouté une fonction dans Qyu.re pour le faire.
  Je mitraille avec le téléphone, les photos partent direct sur le serveur, sans jamais être enregistrées dans la pellicule, métadonnées EXIF supprimées, et redimensionnées au passage.

Et le plus beau dans tout ça :

Je n’ai pas écrit une ligne de code

Tout est vibecodé.
Avec Claude.

Je dis ce que je veux.
Claude fait.
Je teste, je râle, il refait, je valide.

Voilà

Ce n’est pas à vendre, c’est juste l’outil dont j’ai besoin, et qui me sert tous les jours.

Si vous en avez besoin, je vous crée un compte, ou vous file le code.

Codeanywhere je l’aimais d’amour.
Qyu.re Faisons des enfants.

Cela va faire maintenant 20 ans (!?) que j’utilise une technique anti-spam que je trouve miraculeuse.
Elle est pourtant SI SIMPLE que je me demande encore tout le temps pourquoi elle n’est pas universelle…

Mais si elle était universelle, elle ne fonctionnerait simplement plus.

Je protège tous mes formulaires de contact avec cette technique depuis donc de très nombreuses années.

La technique se base facilement sur le fait que les robots spammeurs veulent remplir tous les champs de votre formulaire.

J’ajoute donc un champ URL dans mon formulaire et je le cache en CSS.

<style>
    #monform input[type=url]{display:none}
</style>
 
<input id="url" name="url" type="url">

 

Et en récupérant mon formulaire, je vérifie si le champ URL est rempli.
S’il l’est, c’est que ce n’est pas un humain qui a rempli le formulaire (sinon, il n’aurait pas vu le champ).
Et donc ça dégage.

<?php

// Tu recup tes variables et leur fait un petit traitement de sécurité au besoin ici

$message = $_GET['m'];
$email = $_GET['e'];
[…]
$url = $_GET['u'];


// Tu t'assures que tous les champs requis sont là et surtout que le champ URL est vide
// C'est le empty($url) qui est important ici

if (isset($message) && isset($email) […] && empty($url)) {
    // Tu fais tes expéditions d'email comme tu le veux (Perso, je passe par l'API Mailjet)
    […]
    // Important, si tu envoies une confirmation de réception à l'expéditeur, n'envoies pas le message d'origine
    // Les spammeurs pourraient utiliser ton accusé de réception pour faire passer leurs SPAM.
}

// Et si le champ URL est rempli, tu réponds à l'expéditeur d'aller se faire voir dans d'autres contrés.
elseif (isset($url)) {
    echo '<center><img src="https://pbs.twimg.com/media/CNzgBseWwAQ90Nw.png:large" alt="Hahaha"/><br>Please bitch</center>';
}


?>

Remerciez Xakan pour sa demande.