Utiliser l’IA pour coder ou faire son site web

L’essor des modèles d’IA générative (Les plus connues étant ChatGPT ou Claude) a démocratisé l’accès à des solutions de création de sites hautement automatisées. Ces technologies permettent la création de sites web, logiciels ou de contenu de manière très simplifié et rapide.

Leur utilisation n’est cependant pas sans risque les sites ou logiciels peuvent être peu performant, lent ou buggé. Les créations de texte ou visuels peuvent être peu attrayante ou complètement fantasque. Il faut faire attention à ce qu’on produit.

Bien choisir son prestataire

Il existe plusieurs fournisseurs IA, les plus connus sont ChatGPT de Open AI, Claude d’Anthropic ou Gemini de Google vous pouvez même choisir Mistral un fournisseur français. Tous ces fournisseurs ont des services de bonnes qualité pour créer un site web. Ces modèles sont généralistes, d’autre fournisseurs existe et sont plus spécialisés dans le codage et les langages informatiques. Claude est très connue pour être bon avec le code mais il existe aussi d’autre modèles comme Qwen Coder voire des modèles d’IBM comme Granite code. La majorité des modèles sont payants cependant il est possible des les utiliser en local si votre ordinateur le permet.

Les IA en local

Une carte graphique Nvidia est souvent conseillée pour faire faire tourner ces modèles. On peut aussi utiliser une carte AMD pour obtenir de bon résultat, l’utilisation du processeur seul rend la génération des réponses très lentes. Les Mac avec des processeurs Apple Silicon (M1, M2, M3, M4) peuvent faire de l’IA sans problème.
Il faut ensuite installer un logiciel pour gérer les LLM comme Ollama par exemple. Il faut ensuite télécharger les modèles que l’on souhaite faire tourner. LM studio permet une gestion simple des LLM, disponible sur Windows Mac et Linux.

Utiliser une IA

Pour utiliser un IA il suffit d’écrire le prompt en disant ce qu’on veut faire. Le LLM ressort un résultat. Pour qu’il soit fonctionnel le résultat doit être juste et c’est à qu’il faut faire attention. Un LLM peut se tromper ou proposer un code mal sécurisé, il faut alors le cadrer.
Une méthode efficace est de découper suivre cette méthode Tâche, Contexte, Référence, Évaluation Itération. Vous décrivez la tâche à effectuer, vous décrivez le contexte de cette tâche, des références (un exemple d’une tâche similaire à celle que vous demandez), une fois que les résultat est sorti vous évaluer la pertinence de celui-ci et si besoin vous modifiez votre prompt pour l’améliorer, en rajoutant du contexte, des précisions, ou des exemples.

Pour réussir à créer un site web de toute pièce à l’aide d’un prompt, il n’a pas de secret il faudra passer à un abonnement payant ou payer à l’utilisation, les offres gratuites ne le permettront pas. Il faudra faire de nombreuse itération pour avoir un résultat optimal avec prix qui risque de coûter cher.

L’alternative gratuite

La seule alternative gratuite est donc l’IA locale. Je vais vous présenter une méthode pour créer un site avec une carte graphique avec 4Go de Ram.
Créer le site page par page est possible mais long et difficile si vous voulez le faire, je vous conseille de créer une maquette de votre site afin de pouvoir donner les images à votre LLM pour qu’il puisse coder le site. Il faudra trouver des modèles 3B (3 milliard de paramètres qui sera utilisable sur une carte graphique de 4Go) par exemple

  • Qwen Coder 2.5 3B
  • IBM Granite Code 3B

Ces modèles sont spécialisés dans les langages de programmation et sont adapté pour la création de site.
L’idéal pour accélérer vos développements de site est de maitriser suffisamment le HTML et le CSS pour créer la mise en page et de confier la partie logique (la programmation ) à votre LLM. Il faudra alors présenter votre code HTML pour demander à l’IA de coder la logique correspondante. Comme exemple on peut prendre un formulaire de contact. Une fois que vous avez créer votre formulaire en HTML et rajouter un peu de CSS pour le décorer vous pouvez demander au LLM de générer le script qui permettra au formulaire d’envoyer le mail à votre adresse de contact. Pour ça soit vous copier coller le code HTML dans le prompt soit soit vous uploader le fichier avec le bouton correspondant. Le LLM traitera la demande. Le but ici est donner au LLM la partie la plus compliquée pour vous.
Vous pouvez aussi demander directement la création du formulaire HTML CSS et PHP compris.
Dans votre prompt précisez bien qu’il faut un formulaire sécurisé, en général les modèles spécialisés le font directement mais le préciser évitera les problèmes.

screen alpaca pour gérer les LLM
Voici à quoi ressemble Alpaca un logiciel que j’utilise pour mes LLM, LM Studio est beaucoup plus répendu mais fonctionne de la même façon.

Attention aux résultats des IA

Un LLM ne sait pas si un résultat est juste ou non il faudra absolument évaluer le résultat donné pour savoir s’il est bon ou non et donc avoir des notions en programmation est souhaitable pour comprendre le code crée par un LLM. Avec un bon LLM il est tout a fait possible de créer une application ou un site qui soit totalement fonctionnel, mais il faudra s’assurer que ce soit maintenable dans le temps et qu’il soit sécurisé, d’où le besoin de connaissances dans le domaine du développement web ou logiciel.

Pour conclure

L’utilisation de l’IA pour créer un site est une bonne idée pour accélérer le travail mais nécessite quelques connaissances pour être réellement efficace. Avec le temps les LLM sont de plus en plus performant mais il ne faut pas leur accorder une confiance aveugle. Ils peuvent se tromper. C’est pour ça qu’il faut toujours évaluer les résultats données et les corriger si nécessaire soit vous même soit avec le LLM en lui indiquant les erreurs. La méthode Tâche, Contexte, Référence, Évaluation Itération est idéal pou ça. Pour vous faciliter le travail et créer un site sans problème un abonnement payant est obligatoire.

Laisser un commentaire

Ingrid Schwarz Webdevelopment
Résumé de la politique de confidentialité

Ce site utilise des cookies afin que nous puissions vous fournir la meilleure expérience utilisateur possible. Les informations sur les cookies sont stockées dans votre navigateur et remplissent des fonctions telles que vous reconnaître lorsque vous revenez sur notre site Web et aider notre équipe à comprendre les sections du site que vous trouvez les plus intéressantes et utiles.