Développer un quiz Spotify depuis le siège passager : le vrai visage du dev assisté par l'IA
Créer un Jeu Quiz Spotify Depuis le Siège Passager : La Vérité sur le Dev Assisté par IA
Hitster cartonne. Tu scannes un QR code. Spotify lance un morceau. Tes potes devinent l'année. Vous rangez des cartes sur une frise chronologique. Simple. Addictif. 25 € le jeu physique.
Un dev s'est dit : pourquoi payer ? Je le code moi-même. Le twist ? Il est passager sur l'autoroute Autriche-Allemagne. Téléphone en main. Serveur perso à la maison. Claude IA comme co-équipier.
Résultat : un cas d'école sur ce que l'IA moderne permet vraiment. Et ses limites flagrantes.
Les Contraintes Comme Atout
Pas d'expérience bidon. Un vrai défi sous pression. Pas d'ordi. Pas de clavier. Pas de docs API à googliser sur écran rikiki. Juste des vocaux Telegram à Claude. Serveur domestique pour exécuter. Itérations via l'écran mobile.
Le stack ? Ultra light. HTML, CSS, JS purs. Auth Spotify PKCE sans backend. QRCode.js pour générer. Html5-QRCode pour scanner. Zéro chichi. Zéro superflu.
Ça force un design malin. Sans accès facile aux libs obscures, tu choisis du solide. Docs claires. Dépendances minimales. Complexité maîtrisée.
Prototype en Trois Heures
Pause Burger King. Le cœur bat déjà. Scan QR sur phone. Musique Spotify qui joue. Pour de vrai.
Timeline folle : idée à proto fonctionnel en 3h. Tout en vocal et exéc remote. L'auth Spotify – consoles dev, OAuth, debug tokens – a marché du premier coup.
Pas de sorcellerie. Juste brief clair. Claude pose les bonnes questions. Choisit les outils. Exécute. Blocage test user Spotify ? Question humaine, réponse humaine. L'IA suit sans deviner.
Les Points Forts du Flow
Debug remote qui change la donne. Android Chrome sans DevTools. Classique : supposition, code, reload, repeat. Là, Claude ajoute un rapport d'erreurs client vers serveur. Tu décris ("bouton muet"). Il lit les logs exacts. Debug quasi instantané. Sans stack trace à décrypter.
Auth Spotify nickel. PKCE sans serveur. Client ID chopé en console dev. Passé à Claude. Login pronto. Deux tours pour test user. Parfait pour dev mobile-first.
Tailscale Serve pour tester direct. Pas de port forward ou firewall. Claude lance tailscale serve --bg --https=8443 http://127.0.0.1:8080. App dispo sur phone via tailnet. Zéro doc. Ça roule.
UI pro sans designer. Claude connaît les patterns. Interface passe de brut à polish. Pas de Figma. Pas de débats couleurs.
Puis la Real Life Tape
API Spotify qui foire en silence. Endpoint playlist : 403 malgré auth OK. Claude fouille les logs browser. Verdict : changement API février 2026. /v1/playlists/{id}/tracks → /v1/playlists/{id}/items. Deux lignes fix. Mais diagnostic long : erreur cachée. L'IA excelle en debug systématique avec logs. Pas en télépathie.
Mur légal ensuite. Jeu quasi prêt. Dev demande à Claude : "Pourquoi pas de clone Hitster public ?"
Réponse cash : Policy Spotify interdit les jeux avec API. Section III : "Pas de games, quizzes trivia inclus."
Pas de faille. Pas de contournement. Interdit pur. Hitster a deal spécial. Pas de clones pop parce que contrat, pas tech.
Leçon clé : IA rend les ToS violations trop faciles. Tech barrière effondrée. Droit et business deviennent le frein.
Le Setup Gagnant
Vocaux Telegram à Claude Code. Tailscale pour réseau instant. Flag --dangerously-skip-permissions pour writes et shell sans appro. Crucial en voiture : pas de clics constants. Confiance adaptée.
Vocal in. Code out. Reload phone. Trois outils pour un loop fluide.
Ce Qui Manque (et Compte)
Rapport erreurs client OK, mais bricolage. DevTools Protocol via Chrome donnerait console, network, DOM direct à Claude. Vrai env de dev.
Plus large : limité au serveur maison + Tailscale. Besoin cloud ? CLI, vars env, deploys complexes reviennent.
ToS bloque : proto perso pour potes. Pas produit.
La Vraie Morale
Pas d'IA qui remplace les devs. Juste itération ultra-rapide. Bottleneck passe de "lib docs" à "brief clair".
Le dev guide. Capte l'alerte ToS. Sait Tailscale, PKCE, JS vanilla pour ces contraintes.
Changement : idée à proto. Jours → heures. Heures → trajet.
Outils top + com claire + limites raisonnables. Voilà la recette.
Envie de prototyper à fond ? NameOcean offre Vibe Hosting et outils IA pour itérer vite. Réseau solide, domains dispo, infra scalable. Lancez vos idées sans attendre.