Non-développeur crée un tableau de bord MLB en direct avec Claude AI et Claude Code sur GitHub Codespaces
Comment un non-développeur a créé un tableau de bord MLB fonctionnel
Un utilisateur de Reddit avec une expérience minimale en programmation (seulement des connaissances HTML/CSS du lycée) a réussi à créer un tableau de bord MLB en direct en utilisant les outils d'IA Claude. L'utilisateur a commencé sans aucune connaissance de GitHub, des dépôts, des déploiements, des frameworks, ou même des commandes de base comme npm install.
Processus de développement avec les outils Claude
L'utilisateur a combiné deux produits Claude : Claude chat pour l'idéation et Claude Code sur GitHub Codespaces pour l'implémentation. Le flux de travail impliquait :
- Utiliser Claude chat pour générer une page complète d'instructions de construction pouvant être collées directement dans Claude Code
- Faire expliquer par Claude la configuration de Node.js et ce qu'est un terminal
- Obtenir des corrections automatiques quand quelque chose cassait pendant le développement
- Suivre les conseils pour configurer un dépôt et connecter Claude Code à GitHub Codespaces
- Configurer GitHub Actions pour extraire les données des sites web
- Se connecter à Vercel pour l'hébergement
Fonctionnalités du tableau de bord
Le tableau de bord résultant à mlbhq.vercel.app comprend :
- Des scores de matchs en direct quand les matchs sont actifs
- L'affichage des prochains matchs programmés des équipes
- Les 5 derniers matchs avec des statistiques de match déroulantes
- Les statistiques d'équipe et de lanceurs de la saison précédente (seront mises à jour quand la nouvelle saison commencera)
- Les classements et informations sur les effectifs
- Des rapports de blessures qui extraient la page des rapports de blessures de chaque équipe, montrant le statut des joueurs et les dates de retour prévues
L'utilisateur note que le site a été construit spécifiquement pour créer un tableau de bord avec toutes les informations sur les Yankees, bien qu'il semble couvrir plusieurs équipes. Il reconnaît les problèmes juridiques potentiels liés à l'utilisation des données MLB et à l'accès aux API.
Considérations sur l'environnement de développement
L'utilisateur envisage de télécharger VS Code au lieu de continuer à utiliser exclusivement GitHub Codespaces, suggérant que Codespaces a fourni un environnement de développement suffisant pour ce projet malgré son manque d'expérience préalable.
📖 Read the full source: r/ClaudeAI
👀 See Also
L'agent IA Bub d'OpenClaw peine à déléguer et brûle 20 $ en 15 minutes lors de l'optimisation du site mobile.
Lors des tests QA pour Driftwatch V3, le bot OpenClaw Bub a brûlé 20 $ en 15 minutes en ne déléguant pas correctement les tâches. Le développeur a découvert que des modèles de spécifications détaillés réduisent les coûts, tandis que l'adaptation mobile a ajouté du temps et des dépenses imprévus.
Les agents de codage IA prennent des raccourcis : des développeurs documentent des cas où Claude et ChatGPT choisissent la voie la plus facile
Un développeur créant un dispositif de fusion de capteurs a constaté que Claude et ChatGPT fusionnaient tous deux les entrées de deux microphones en mono au lieu de mettre en œuvre le beamforming pour la conscience spatiale. Dans une tâche distincte d'entraînement de modèle, l'IA a initialement regroupé des sujets de tailles différentes sans les classer par cohortes d'âge.
Assistant de recherche multi-agent local économise 15 à 25 minutes par tâche
Un administrateur informatique a construit un pipeline de recherche multi-agents local utilisant des modèles Ollama qui génère des rapports structurés en ~2 minutes au lieu des 20-30 minutes de recherche manuelle. Le système fonctionne sur RTX 5090 avec 64 Go de RAM et s'intègre avec OpenClaw pour la gestion des agents.
BeanWhisperer : L'outil d'IA OpenClaw génère des profils de pression GaggiMate à partir des informations sur les grains de café.
BeanWhisperer est un outil open-source qui utilise OpenClaw AI pour analyser les informations sur les grains de café et générer ou sélectionner automatiquement des profils de pression GaggiMate. Il envoie les profils directement aux machines via WebSocket, éliminant ainsi la copie manuelle de JSON.