{ "schema": "openfeeder/1.0", "url": "https://jcviau.snaf.foo/fr/", "title": "Jean-Christophe Viau — Intégration IA et développement web", "author": "Jean-Christophe Viau", "language": "fr-CA", "summary": "Jean-Christophe Viau (JC) : plus de 25 ans d'expérience en TI et dans le web, spécialisé en intégration IA, pipelines génératifs et web moderne. Montréal, bilingue FR/EN.", "alternates": { "en": "https://jcviau.snaf.foo/llm.json", "fr": "https://jcviau.snaf.foo/fr/llm.json", "human": "https://jcviau.snaf.foo/fr/" }, "structured": { "person": { "name": "Jean-Christophe Viau", "alias": "JC", "title": "Spécialiste en intégration IA et développement web", "location": "Montréal, Québec, Canada", "languages": [ "fr", "en" ], "contact": { "email": "jcviau.rm@gmail.com", "github": "https://github.com/jcviau81", "linkedin": "https://www.linkedin.com/in/jcviau/" }, "assistant": "https://jcviau.snaf.foo/fr/ (chat bubble: the site assistant can take a message or book a virtual meeting)" }, "stats": [ { "n": "100+", "l": "sites web livrés" }, { "n": "Des dizaines", "l": "d'applications web" }, { "n": "25+", "l": "ans en TI et dans le web" } ], "stack": [ "PHP", "Python", "Node.js", "JavaScript", "TypeScript", "React", "Astro", "Next.js", "CSS", "Tailwind", "Figma", "Claude Code", "MCP", "OpenAI", "Codex", "Ollama", "LM Studio", "Linux", "n8n", "AudioCraft", "ComfyUI", "Godot", "IA générative", "Codage agentique", "Orchestration IA", "Graphe de connaissances", "SQL", "BD vectorielle", "PostgreSQL", "Supabase", "Jinja", "htmx", "Wordpress", "Joomla", "Drupal" ], "platforms": [ "Drupal", "WordPress", "Joomla", "Magnolia", "AEM", "Salesforce", "React", "AngularJS", "Next.js", "AWS", "GCP", "Webflow", "Shopify", "Magento", "HubSpot" ], "services": [ { "name": "Front-end moderne", "description": "Interfaces modernes, composantes réutilisables et architectures front-end évolutives (React, TypeScript, Next.js, Astro, HTMX)." }, { "name": "Données et visualisation", "description": "Acquisition de données complexes : DataLayers structurés, tableaux de bord et vues que les clients peuvent vraiment lire." }, { "name": "Évaluation des besoins en IA", "description": "Trouver où l'IA et l'automatisation rapportent vraiment dans votre équipe et vos flux de travail, et où elles ne rapportent pas." }, { "name": "Flux de travail IA sur mesure", "description": "Pipelines de génération de contenu, d'images et d'audio, agents et automatisations (n8n, MCP, ComfyUI)." }, { "name": "IA dans votre CMS / plateforme", "description": "Agents conversationnels, génération de contenu, MCP, personnalisation et AEO ajoutés au site que vous exploitez déjà." }, { "name": "Formation d'équipe", "description": "Formation pratique pour que vos gens utilisent les outils d'IA avec confiance et en sécurité." } ], "focusAreas": [ { "area": "AVEC LE MARKETING", "title": "Mesurable dès la conception", "points": [ "Construire pour atteindre les objectifs de votre campagne, pas seulement pour avoir l'air bien", "SEO technique et sémantique intégré, pas rafistolé après coup", "Analyse du parcours et de l'intention des clients; consentement (CMP, Loi 25 / RGPD) bien fait", "Des années de publicité dans l'écosystème Google : bannières interactives sur mesure, au comportement engageant et conçues pour la performance" ] }, { "area": "AVEC LE DESIGN", "title": "Du concept aux résultats", "points": [ "Je lis l'intention du design et la transforme en composantes réutilisables et maintenables", "Réflexion UI/UX : moins d'étapes, des parcours plus clairs", "Thèmes, systèmes de design, bibliothèques de composantes et de motifs", "Figma vers code, responsive, accessible (WCAG), multinavigateur et multiappareil" ] }, { "area": "AVEC LES DONNÉES", "title": "Obtenir les bonnes données et les rendre utiles", "points": [ "Tableaux de bord en temps réel : gestion d'état, vues structurées de données complexes", "Acquisition et visualisation de données pour les clients, pas seulement pour les développeurs", "Architecture DataLayer, GTM, GA, Segments : un suivi conçu pour répondre à de vraies questions d'affaires" ] }, { "area": "AVEC L'INFRASTRUCTURE", "title": "Grandir selon vos besoins", "points": [ "Choisir la bonne pile : vos objectifs ne devraient pas se battre contre la plateforme", "Conteneurisé, prêt pour le cloud, pipelines CI/CD, déploiements automatisés", "Surveillance, journalisation, alertes et observabilité pour les systèmes en production" ] } ], "experience": [ { "years": "2025 – 2026", "role": "Développeur web et IA", "org": "WeAreFound", "points": [ "Maintenance et développement de sites WordPress, optimisation SEO", "Migration de blogue de Webflow vers WordPress", "Pipelines d’IA générative et flux de travail automatisés", "Codage agentique et orchestration" ] }, { "years": "2020 – 2025", "role": "Développeur front-end et UX/UI", "org": "Croix-Bleue Québec", "points": [ "Pipelines d'IA générative pour l'optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées.", "Pipelines d’IA générative pour l’optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées.", "Optimisation des parcours agents/clients Salesforce : champs regroupés, moins d'étapes, acquisition plus rapide.", "Responsable de l'intégration de la CMP pour la Loi 25 au Québec; formation des équipes et des partenaires sur les contraintes de collecte de données (bagage RGPD).", "Responsable de la migration Joomla → Magnolia : analyse des écarts fonctionnels et composantes maintenables.", "Intégration d'un DataLayer complexe (GTM, Analytics, Segments) pour comprendre l'intention et les parcours des clients." ] }, { "years": "2018 – 2020", "role": "Développeur front-end", "org": "M32 Connect", "points": [ "Bannières interactives sur mesure en JavaScript : moins de dépendance aux plateformes externes et plein contrôle du contenu et des données.", "Application SPA de tableau de bord (React, hooks, gestion d'état) pour la visualisation de données clients.", "Développement WordPress : plugiciel de radio en continu avec publicités intégrées et thèmes optimisés pour la monétisation et la performance." ] }, { "years": "2017 – 2018", "role": "Développeur Drupal", "org": "R3D / Cogeco", "points": [ "Drupal front-end et back-end : comparateur de forfaits, thème complet, interfaces d'édition simplifiées." ] }, { "years": "2017", "role": "Responsable — Développement, SEO et gestion de projet (WordPress)", "org": "Combustible", "points": [ "Des besoins du client aux solutions livrées; gestion de développeurs, de designers, d'experts SEO et de gestionnaires de campagne." ] }, { "years": "2014 – 2017", "role": "Développeur front-end", "org": "TC Média", "points": [ "Responsable front-end de la plateforme de circulaires numériques Publisac (HTML5, CSS3, AngularJS).", "Sites WordPress et AEM pour les journaux locaux du réseau." ] }, { "years": "2014", "role": "Consultant en développement", "org": "Mobilogie / C2MTL / TechSolCom", "points": [ "Application web mobile pour un musée avec codes QR (PHP, jQuery, Semantic UI); WordPress front-end et back-end." ] }, { "years": "1998 – 2013", "role": "Développement web et infrastructure", "org": "TVA Interactif · Nexio Technologies · Desjardins · BDC · clients divers", "points": [ "TVA : migration du site de la chaîne Yoopa et modules Drupal (horaires télé, résultats sportifs, résultats olympiques).", "Desjardins : migration de sites clients finances et assurances (Java, 2 000+ pages).", "BDC : migration de portails intranet/extranet (.NET, SharePoint, 5 000+ pages).", "Nexio : sites web, applications web et infrastructure cloud Amazon EC2.", "Hébergement web : administration de serveurs Windows et Linux et soutien aux utilisateurs (1998–2007)." ] } ], "projects": [ { "name": "OpenFeeder", "logo": "/logos/openfeeder.png", "logoPlate": "light", "meta": "MIT · Python · v1.1", "text": "Un standard ouvert pour que les sites exposent leur contenu directement aux LLM : un point d'accès JSON propre à /.well-known/openfeeder.json plutôt que 200 Ko de HTML à gratter. Adaptateurs WordPress, Drupal et Joomla, plus un sidecar universel. Charges utiles mesurées ~18× plus petites que le HTML brut.", "links": [ { "label": "GitHub", "href": "https://github.com/jcviau81/OpenFeeder" }, { "label": "Point d’accès en direct", "href": "https://sketchynews.snaf.foo/.well-known/openfeeder.json" } ] }, { "name": "Sketchy News", "logo": "/logos/sketchynews.svg", "logoPlate": "dark", "meta": "Astro · Claude · ComfyUI · n8n", "text": "Un fil quotidien de bandes dessinées satiriques où de vrais titres deviennent des dessins pince-sans-rire, entièrement automatisé avec un LLM, un modèle d'image et n8n. Pour le plaisir, et le premier site à utiliser OpenFeeder en production.", "links": [ { "label": "Voir le site", "href": "https://sketchynews.snaf.foo/" } ] }, { "name": "Voxyflow", "logo": "/logos/voxyflow-mauve.png", "logoPlate": "light", "meta": "AGPL-3.0 · Python + React · expérience archivée", "text": "Un espace de travail IA auto-hébergé que j'ai construit quand les outils ne géraient pas encore la mémoire de projet, l'orchestration et les tâches de fond : graphe de connaissances, kanban, RAG, tâches planifiées. Aujourd'hui ces outils le font nativement, alors je les utilise. Gardé en ligne pour l'histoire et les leçons.", "links": [ { "label": "GitHub", "href": "https://github.com/jcviau81/voxyflow" } ] } ], "selectedWork": [ { "url": "https://actionpsych.com", "label": "actionpsych.com", "what": "Développeur WordPress, PHP", "year": "2026", "note": "" }, { "url": "https://www.autoverify.com/", "label": "autoverify.com", "what": "Développeur WordPress, PHP", "year": "2026", "note": "" }, { "url": "https://qc.croixbleue.ca/", "label": "qc.croixbleue.ca", "what": "Développeur front-end, Magnolia, Freemarker, JavaScript", "year": "2021", "note": "" }, { "url": "https://www.grasset.qc.ca/", "label": "www.grasset.qc.ca", "what": "Développeur WordPress principal, WordPress, PHP", "year": "2017", "note": "" }, { "url": "https://www.cogeco.ca/", "label": "www.cogeco.ca", "what": "Développeur Drupal, PHP, HTML, CSS, JavaScript", "year": "2017", "note": "" }, { "url": "https://journalmetro.com/", "label": "journalmetro.com", "what": "Développeur WordPress, PHP, HTML, CSS, JavaScript", "year": "2016", "note": "" }, { "url": "https://www.circulaires.com/", "label": "www.circulaires.com", "what": "Responsable front-end — plateforme de circulaires en ligne, AngularJS, JavaScript", "year": "2015", "note": "Intégré aux sites web des commerçants" }, { "url": "https://www.fondationstejustine.org/", "label": "www.fondationstejustine.org", "what": "Développeur Joomla principal, PHP, HTML, CSS", "year": "2013", "note": "" } ], "education": [ { "name": "Soutien informatique et administration réseau", "detail": "Collège d'administration et du commerce · 1998 – 1999" }, { "name": "Formation continue en IA / ML", "detail": "Autodidacte · 2022 – 2026 · LLM, Stable Diffusion, pipelines génératifs, Claude, OpenAI, codage agentique, Ollama" } ], "resume": { "en": "https://jcviau.snaf.foo/JCViau_CV_2026_EN.docx", "fr": "https://jcviau.snaf.foo/JCViau_CV_2026_FR.docx" } }, "chunks": [ { "id": "c1", "type": "heading", "text": "Jean-Christophe Viau — Spécialiste en intégration IA et développement web" }, { "id": "c2", "type": "paragraph", "text": "Plus de 25 ans d'expérience en TI et dans le web, aujourd'hui concentré sur le développement web moderne et le codage agentique." }, { "id": "c3", "type": "paragraph", "text": "Ma carrière s'est bâtie autour du web : projets de migration, développement CMS, SEO, analytique, données et publicité, dans des secteurs variés comme les médias, la finance et l'assurance. Je me concentre maintenant sur l'intégration de l'IA et le codage agentique, pour aider les entreprises à tirer parti de l'IA dans leurs applications et leurs flux de travail." }, { "id": "c4", "type": "paragraph", "text": "Aussi un papa passionné de musique, de camping et de cuisine, pour n'en nommer que quelques-uns. Presque tout dans la vie est une bonne excuse pour aller creuser." }, { "id": "c5", "type": "paragraph", "text": "Bâtissons votre transformation IA." }, { "id": "c6", "type": "heading", "text": "Je parle marketing, design, infrastructure et code" }, { "id": "c7", "type": "paragraph", "text": "Front-end et SEO d'abord, full-stack quand le projet l'exige. Ma valeur est surtout dans la salle : transformer ce que veulent les équipes de marketing, de design et de données en quelque chose qui se livre et qui continue de fonctionner." }, { "id": "c8", "type": "list", "text": "Mesurable dès la conception: Construire pour atteindre les objectifs de votre campagne, pas seulement pour avoir l'air bien • SEO technique et sémantique intégré, pas rafistolé après coup • Analyse du parcours et de l'intention des clients; consentement (CMP, Loi 25 / RGPD) bien fait • Des années de publicité dans l'écosystème Google : bannières interactives sur mesure, au comportement engageant et conçues pour la performance" }, { "id": "c9", "type": "list", "text": "Du concept aux résultats: Je lis l'intention du design et la transforme en composantes réutilisables et maintenables • Réflexion UI/UX : moins d'étapes, des parcours plus clairs • Thèmes, systèmes de design, bibliothèques de composantes et de motifs • Figma vers code, responsive, accessible (WCAG), multinavigateur et multiappareil" }, { "id": "c10", "type": "list", "text": "Obtenir les bonnes données et les rendre utiles: Tableaux de bord en temps réel : gestion d'état, vues structurées de données complexes • Acquisition et visualisation de données pour les clients, pas seulement pour les développeurs • Architecture DataLayer, GTM, GA, Segments : un suivi conçu pour répondre à de vraies questions d'affaires" }, { "id": "c11", "type": "list", "text": "Grandir selon vos besoins: Choisir la bonne pile : vos objectifs ne devraient pas se battre contre la plateforme • Conteneurisé, prêt pour le cloud, pipelines CI/CD, déploiements automatisés • Surveillance, journalisation, alertes et observabilité pour les systèmes en production" }, { "id": "c12", "type": "heading", "text": "Comment je peux aider" }, { "id": "c13", "type": "paragraph", "text": "Front-end moderne: Interfaces modernes, composantes réutilisables et architectures front-end évolutives (React, TypeScript, Next.js, Astro, HTMX)." }, { "id": "c14", "type": "paragraph", "text": "Données et visualisation: Acquisition de données complexes : DataLayers structurés, tableaux de bord et vues que les clients peuvent vraiment lire." }, { "id": "c15", "type": "paragraph", "text": "Évaluation des besoins en IA: Trouver où l'IA et l'automatisation rapportent vraiment dans votre équipe et vos flux de travail, et où elles ne rapportent pas." }, { "id": "c16", "type": "paragraph", "text": "Flux de travail IA sur mesure: Pipelines de génération de contenu, d'images et d'audio, agents et automatisations (n8n, MCP, ComfyUI)." }, { "id": "c17", "type": "paragraph", "text": "IA dans votre CMS / plateforme: Agents conversationnels, génération de contenu, MCP, personnalisation et AEO ajoutés au site que vous exploitez déjà." }, { "id": "c18", "type": "paragraph", "text": "Formation d'équipe: Formation pratique pour que vos gens utilisent les outils d'IA avec confiance et en sécurité." }, { "id": "c19", "type": "heading", "text": "Où j'ai travaillé" }, { "id": "c20", "type": "list", "text": "2025 – 2026 — Développeur web et IA, WeAreFound: Maintenance et développement de sites WordPress, optimisation SEO • Migration de blogue de Webflow vers WordPress • Pipelines d’IA générative et flux de travail automatisés • Codage agentique et orchestration" }, { "id": "c21", "type": "list", "text": "2020 – 2025 — Développeur front-end et UX/UI, Croix-Bleue Québec: Pipelines d'IA générative pour l'optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées. • Pipelines d’IA générative pour l’optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées. • Optimisation des parcours agents/clients Salesforce : champs regroupés, moins d'étapes, acquisition plus rapide. • Responsable de l'intégration de la CMP pour la Loi 25 au Québec; formation des équipes et des partenaires sur les contraintes de collecte de données (bagage RGPD). • Responsable de la migration Joomla → Magnolia : analyse des écarts fonctionnels et composantes maintenables. • Intégration d'un DataLayer complexe (GTM, Analytics, Segments) pour comprendre l'intention et les parcours des clients." }, { "id": "c22", "type": "list", "text": "2018 – 2020 — Développeur front-end, M32 Connect: Bannières interactives sur mesure en JavaScript : moins de dépendance aux plateformes externes et plein contrôle du contenu et des données. • Application SPA de tableau de bord (React, hooks, gestion d'état) pour la visualisation de données clients. • Développement WordPress : plugiciel de radio en continu avec publicités intégrées et thèmes optimisés pour la monétisation et la performance." }, { "id": "c23", "type": "list", "text": "2017 – 2018 — Développeur Drupal, R3D / Cogeco: Drupal front-end et back-end : comparateur de forfaits, thème complet, interfaces d'édition simplifiées." }, { "id": "c24", "type": "list", "text": "2017 — Responsable — Développement, SEO et gestion de projet (WordPress), Combustible: Des besoins du client aux solutions livrées; gestion de développeurs, de designers, d'experts SEO et de gestionnaires de campagne." }, { "id": "c25", "type": "list", "text": "2014 – 2017 — Développeur front-end, TC Média: Responsable front-end de la plateforme de circulaires numériques Publisac (HTML5, CSS3, AngularJS). • Sites WordPress et AEM pour les journaux locaux du réseau." }, { "id": "c26", "type": "list", "text": "2014 — Consultant en développement, Mobilogie / C2MTL / TechSolCom: Application web mobile pour un musée avec codes QR (PHP, jQuery, Semantic UI); WordPress front-end et back-end." }, { "id": "c27", "type": "list", "text": "1998 – 2013 — Développement web et infrastructure, TVA Interactif · Nexio Technologies · Desjardins · BDC · clients divers: TVA : migration du site de la chaîne Yoopa et modules Drupal (horaires télé, résultats sportifs, résultats olympiques). • Desjardins : migration de sites clients finances et assurances (Java, 2 000+ pages). • BDC : migration de portails intranet/extranet (.NET, SharePoint, 5 000+ pages). • Nexio : sites web, applications web et infrastructure cloud Amazon EC2. • Hébergement web : administration de serveurs Windows et Linux et soutien aux utilisateurs (1998–2007)." } ], "meta": { "total_chunks": 27, "returned_chunks": 27, "cached": true, "cache_age_seconds": null } }