Transcription
1. Introduction: Bonjour, je m'appelle Peter. Je suis
ingénieur logiciel et je
travaille actuellement dans le domaine de l'IA, de la recherche
et du développement. Dans ce cours en particulier,
je vais donc vous apprendre comment créer des applications à l'aide de l'IA. Donc, si vous êtes un débutant
abstrait et que vous souhaitez créer des applications
entièrement à l'aide de l'IA, c'est le meilleur point de départ
pour vous. Et dans ce cours en particulier, nous utiliserons Cursor pour
créer une application. Et tout au long de ce cours
en particulier, je vais vous apprendre
comment configurer les règles du curseur, comment gérer votre contexte, comment utiliser la stratégie Lego
Prompting pour créer efficacement
une application Donc, si c'est la toute
première fois que vous créez une application d'IA
et que vous souhaitez avoir une très bonne idée
fondamentale la façon dont les choses fonctionnent, c'est le meilleur point de départ. Préparez-vous donc à créer
votre application, et il n'y aura
aucun codage nécessaire, et je vais
vous expliquer étape par étape comment nous pouvons créer un projet d'ici la fin de
ce cours en particulier. J'espère donc vous voir
dans la prochaine vidéo.
2. Introduction à l'IA et au curseur: Bonjour les gars, bienvenue dans le cours. Aujourd'hui, dans ce cours, nous allons découvrir Cursor. Avant de nous salir les mains
et de travailler sur un projet, voyons en gros
ce que sont les Cursor ainsi quelques
terminologies de base liées à l'IA afin que nous puissions établir une base
pour nos prochains cours Passons donc à autre chose. Tout d'abord,
comprenons ce qu'est un modèle. Même si vous dites que
vous utilisez Cursor, ce
avec quoi vous interagissez
en interne est essentiellement un modèle. En d'autres termes, cela s'appelle LLM, grand modèle de langage Vous pouvez donc considérer
un modèle comme un assistant, un assistant très intelligent
et compétent, doté d'une grande
variété de connaissances. Il possède de vastes connaissances dans de nombreux domaines
différents, qu'il
s'agisse de littérature, de développement de
logiciels, etc.,
il possède de nombreuses connaissances. La raison en est que ces modèles, ces LAM sont entraînés sur des milliards de données accessibles au public Il a donc une
connaissance de différentes
choses sur Internet. Donc, en termes simples,
vous allez interagir avec ces modèles d'IA ou de
grands modèles linguistiques. En interne, il s'agit de réseaux
neuronaux, de
transformateurs, etc.
extrêmement complexes réseaux
neuronaux, de
transformateurs, etc. Mais pour nous, ce sont essentiellement des assistants avec lesquels
vous pouvez interagir. Il existe donc différents fournisseurs de
modèles. Comme vous le savez, nous avons un GBT. Donc, le GBT fait partie de l'Open AI, et ils ont leurs
propres modèles comme le GPT quatre, le GBT 40, le GPT cinq, etc., et puis nous
avons Anthropic avec le Cloud sonit 4.5,
4.6, opus 4.6, 4.6, opus 4.6 Juste comme ça, nous
avons Google et Meta. Et ce que proposent les applications
ou logiciels tels que Cursor, copilot, les
logiciels tels que Cursor, copilot,
windsurf lovable,
c'est qu'ils fournissent un environnement semblable à un identifiant ou,
dans le cas d'un copilote, vous pouvez l'intégrer
au code VS, et ils nous permettent de passer d'un fournisseur de modèles à Vous pouvez utiliser l'anthropique, vous pouvez utiliser l'ouverture des yeux, les modèles du
PIB, etc. donc une certaine flexibilité Ces logiciels tels que SR
et cetera offrent Et vous vous demandez
peut-être quelle est la différence
entre ces modèles. voyez, ces modèles peuvent être considérés comme
des variantes différentes. Par exemple, un modèle peut
être extrêmement bon en codage, un autre modèle peut
être extrêmement bon en multimédia, etc. Chaque modèle est différent
et chacun d'entre eux a sa propre spécialité Il existe également des modèles à
usage général Vous n'avez donc pas à vous
soucier de choisir le bon modèle car Cursor
fournit par défaut un mode automatique. Ainsi, en fonction de la tâche
que vous effectuez, Cursor sélectionne automatiquement
un mode en arrière-plan. Ce n'est pas quelque chose qui vous
préoccupe pour le moment, mais c'est une bonne chose de savoir qu' il existe des fournisseurs de modèles
et que chaque fournisseur possède ses propres
modèles et Cursor. Et comme vous le savez, Cursor
n'est qu'une des applications que vous pouvez utiliser pour créer des
applications utilisant l'IA, et presque tous
les logiciels de cet écosystème offrent
des fonctionnalités similaires. Nous complétons les onglets, ce qui signifie que chaque fois que vous essayez de
coder vous-même, Cursor
prédit automatiquement ce que vous faites Ainsi, par exemple, si vous voulez écrire une fonction
qui ajoute des nombres, tout comme vous envoyez une fonction ad, Cursor
prédit automatiquement que vous
souhaitez créer une fonction
pour ajouter des nombres et suggère automatiquement que vous pouvez simplement appuyer sur la
touche Tab pour terminer cela C'est une fonctionnalité que
propose Cursor, et pas seulement Cursor. Comme je l'ai dit, toutes
les applications de l'écosystème fonctionnent. Ensuite, nous avons évidemment l'interface de chat,
nous avons le compositeur. Composor n'est rien, mais
il peut être considéré comme une fonctionnalité multi-agents dans laquelle vous pouvez effectuer plusieurs
tâches en même temps Voici donc quelques-unes des
fonctionnalités de base proposées par Cursor, et nous les
explorerons dans les prochaines vidéos. Et oui, c'est ça. Il s'agit d'un aperçu très rapide et de
haut niveau
de Cursor, de l'industrie de l'
IA et des
terminologies de l'IA en général Et ce que nous allons faire ensuite, c'est créer une application à partir de zéro et ce que vous allez créer, nous allons créer un
symbole pour l'application, et nous le ferons
entièrement avec l' IA sans même écrire une
seule ligne de code. C'est donc une vidéo assez
intéressante, et je vous verrai dans la prochaine.
3. Télécharger Cursor: Les gars, il y a un prérequis
pour cette vidéo en particulier. Donc, si vous n'avez pas encore
configuré Cursor, c'est le moment de télécharger Cursor, vous pouvez simplement vous rendre sur
cursor.com slash Et ceci est la
page d'accueil officielle de Cursor, et prenez juste un peu de temps
pour comprendre ce que c'est superficiel Vous pouvez simplement
parcourir et lire les différentes fonctionnalités
proposées par Cursor. Une fois cela fait,
vous pouvez cliquer directement sur le
bouton de téléchargement pour Macice ici,
ou bien vous pouvez cliquer sur le bouton de
tarification ici même sur le tableau NAR pour
nous donner les différents plans
proposés par Cursor Et dans cette vidéo en particulier, nous nous en tiendrons au plan hobby, qui est entièrement gratuit, ne nécessite aucune carte de crédit, mais qui comporte un nombre limité de demandes d'agents et un nombre limité d'onglets à compléter Vous pouvez directement cliquer sur le bouton de
téléchargement, et vous pouvez également simplement consulter les différentes fonctionnalités proposées
par
les autres plans Et à l'avenir, si
vous souhaitez bénéficier de fonctionnalités
supplémentaires dans
cette liste particulière, vous pourrez mettre à niveau votre
plan en conséquence. Et une fois que vous aurez téléchargé
ce plan gratuit, il vous suffira d'installer Cursor, et une fois que vous aurez ouvert Cursor
pour la première fois, ils vous inviteront à vous connecter. Et une fois cela fait, passons
au cours suivant.
4. Définition des règles du curseur et configuration du projet: C'est bon. J'espère
que vous avez installé
Cursor
avec succès sur votre système, et maintenant il est temps de nous salir les mains et d'écrire du code en utilisant l'IA. Donc, la première chose que
je vais faire est créer
un nouveau projet. Je vais donc créer un nouveau
dossier sur mon bureau appelé todo app, Cursor. C'est bon. Et une fois cela
fait, je vais
ouvrir un curseur sur mon système. Et ici, je vais
cliquer sur Open Project. Et je vais passer à Desk Job, et je vais sélectionner le dossier que
je viens de créer
, Studo App Cursor, et je clique sur Ouvrir Et c'est ainsi que
Cursor a participé à
notre nouveau projet. Et permettez-moi de vous donner
une vue rapide de l'interface utilisateur de Cursor. Et sur le côté gauche, c'est là que vous pouvez voir
tous vos fichiers. Donc, actuellement, je suis dans
l'onglet explorateur de fichiers, ce qui signifie que lorsque Cursor
AI crée de nouveaux fichiers, je peux les voir ici. Dans la deuxième section, je peux rechercher des fichiers. Et dans le troisième fichier,
c'est ici que je peux voir mon git, ses modifications. Ainsi, une fois que j'ai configuré git pour
ce projet en particulier, je peux voir tous les fichiers
que j'ai modifiés. Ensuite, je peux directement
entrer et envoyer des fichiers
vers Github ou n'importe quel type de référentiel
distant à partir d'ici Et au centre, c'est
ici que vous pouvez modifier le code. Et sur le côté droit,
voici l'interface AI. C'est ici que vous
discutez. C'est là que vous interagissez avec l'IA. Nous avons donc ici
quelques fonctionnalités. Nous avons le
mode agent juste ici. Nous avons le mode Agent, le mode planification, le mode Debug Ask et différents modes Nous nous en tiendrons
au mode agent. Et nous avons ici la section de changement de
modèle. Vous pouvez donc voir ici que
j'ai activé le démarrage automatique. Il sélectionne donc automatiquement le modèle en fonction de la
tâche que je suis en train d'effectuer. Donc, si je le désactive, je ferai preuve diligence pour choisir un modèle. Je peux opter pour l'Opus 4.6. Il s'agit du
modèle le plus puissant proposé par Anthropic. Nous avons un fils à 4,6 ans.
Nous avons GPT 5.2, nous avons le flash Gemini et tous ces différents
modèles à notre disposition Mais nous allons nous en tenir à l'autobot pour le moment, car
nous avons un plan gratuit, et c'est tout Et ce sont les informations de base
que vous devez savoir. Ici, nous avons l'
icône plus pour créer un nouveau chat. Nous avons également la possibilité de voir l'historique des discussions et
d'autres informations ici. Il s'agit donc d'un bref aperçu. Avant de passer à autre chose, nous
devons procéder à une configuration. Euh, vous pouvez donc le voir ici. La première chose que nous
allons faire est configurer un fichier de règles
du curseur. Alors, qu'entendez-vous par règle ? Donc, en termes très simples, le fichier de
règles est un fichier ou il peut être appelé fichier
d'instructions. Et dans ce dossier en particulier, nous définissons ce que nous construisons
en termes très simples. Dans notre cas, nous allons donc
créer une application à deux tâches. Donc, ce que nous
allons faire, c'
est créer
un dossier Cursor. Et à l'intérieur de
celui-ci, nous allons créer un dossier de règles. Alors
laissez-nous le faire. Je vais donc cliquer sur l'icône du nouveau dossier dt ici, et je veux terminer le point Cursor. Et à l'intérieur de
celui-ci, je vais créer un autre dossier cool rules. Et dans ce dossier de
règles en particulier je vais créer un autre fichier cools instruction point D. Ce
fichier d'instructions est
donc essentiellement un contexte permettant au LLM ou au modèle de toujours garder à
l'
esprit ce qu'il est en Donc, la raison de faire
quelque chose comme ça est que lorsque vous discutez avec le modèle, le contexte se remplit. Alors, qu'est-ce qu'un contexte ? C'est la mémoire d'un modèle
particulier. Lorsque vous
discutez continuellement avec un modèle, le contexte et la
mémoire se remplissent. Et comme vous le savez,
une discussion peut être longue. Le modèle doit donc également se
souvenir de ce que vous avez dit
au début, n'est-ce pas ? Mais au fur et à mesure
que le contexte
se remplit, le modèle
supprime en interne les contextes qu'il a
déjà stockés par le haut. Et le problème qui peut survenir à
cause de cela, c'est qu'il peut oublier certaines des choses qui
ont été dites au début. Pour éviter cela, nous créons un fichier vide à points d'
instruction, et ce fichier sera transmis en
tant que contexte à
chaque demande que vous ferez au modèle. Ainsi, chaque fois que vous discuterez, ce fichier d'instructions sera
également inclus dans le contexte des modèles. Il n'oublie donc jamais
quelle est votre vision, ce
que vous construisez
et quels sont les éléments de base que vous avez mentionnés dans ce fichier d'
instructions en particulier Ainsi, le modèle
évoluera toujours selon votre vision. C'est donc l'objectif principal
de la création d'un fichier comme celui-ci. Ici, j'ai déjà créé
un fichier d'instructions. Voici donc ma vision du projet qui est une application simple
à réaliser. L'idée est de
créer une application propre, exempte
de
distractions, et le but est de nous aider à rester organisés, sans complications
ni réglages compliqués Ce sont mes fonctionnalités de base
task, maan, remo task, stay saved, et j'ai aussi
quelques
instructions simples ici Voici donc le fichier
d'instructions, je vais le copier et le
coller ici. Ainsi, chaque fois que Cursor fait une demande, c'est-à-dire chaque fois que vous discutez
avec Cursor ou avec le modèle, il aura une idée de
ce fichier en particulier. C'est donc la première chose
que vous devez faire. Et j'espère que vous comprenez
l'objectif principal de la
création d' un fichier de règles Cursor.
Et c'est ce que vous pouvez voir ici. Lorsque je discute, je peux
simplement appuyer sur la touche at, et ici vous pouvez voir que
le fichier d'instructions apparaît
automatiquement ici. Je peux donc simplement donner cela
au contexte et à la
requête que je souhaite. Ce fichier sera donc replacé dans le
contexte à chaque fois. J'espère que vous me suivez et vous avez créé un dossier Dot
Cursor Slash Rules, et que votre fichier d'instructions
a également été créé Et à partir de
maintenant, commençons par
créer une application dédiée à la conduite.
5. Créer avec l'IA: Bien, les gars, le
moment est
venu de créer
notre application Todo Et avant cela, j'ai
une petite chose à dire. Il existe donc deux
manières différentes de demander un LLM. La première chose ou
la première méthode est une courte invite dans laquelle vous mettez tout ce que vous voulez
dans une seule invite
, puis demandez
à l'IA de le créer pour vous Cela est en fait possible
pour de très petits cas d'utilisation. Si vous voulez faire
quelque chose de très simple, alors c'est bon. Mais pour créer un logiciel, il est toujours suggéré de suivre une technique
Lego Une
technique Lego Prompting n'est
rien d'autre que vous avez une idée, puis vous la
décomposez en plusieurs
étapes réalisables ou vous pouvez dire cela en plusieurs parties d'invite. Vous avez une grande demande
ou une grande idée, puis vous les décomposez en
plusieurs instructions différentes que vous pouvez fournir au modèle pour qu'il crée l'
application pour vous Cette technique Lego Prompt
est considérée comme bien plus efficace qu'une tentative rapide en un seul
coup. Ici, vous allez apprendre
à l'IA étape par étape à créer
ce que vous voulez Et c'est très efficace parce que vous ne
ferez qu'une chose à la fois. Et même s'il y a un problème, vous pouvez le résoudre au niveau
granulaire
plutôt que de le faire au final
alors que l' air a déjà terminé de s'intégrer
dans leur application, ce qui pourrait avoir du mal
à corriger les bogues De plus, si vous suivez la technique
Lego Prompting, vous économiserez également beaucoup de contexte, car vous ne
ferez qu'une chose à la fois, corrigeant une chose à la fois, et le contexte dans son ensemble
sera beaucoup plus restreint car il y aura moins de soucis
à ce stade précis C'est très important si vous créez une très
grande application. Nous allons donc suivre cela et commencer
la première phase. Je vais donc dire que je veux créer une apparence basique
de mon application Tudo, créer une
page Web propre sur fond blanc,
mettre une case au milieu avec
un titre qui dit «
Mes objectifs quotidiens Dans cette zone, je
veux un endroit pour taper une nouvelle tâche et un bouton
indiquant une tâche. Pour l'instant, il suffit d'ajouter
trois fausses tâches pour que je puisse voir à
quoi elles ressemblent. C'est ainsi que vous
fournissez une invite. Tu dois être
précis. Vous devez indiquer explicitement ce
que vous voulez, où vous voulez placer les objets, et c'est ainsi que vous obtiendrez des
performances optimales en un seul coup. Sinon, vous
devrez peut-être itérer encore
et encore pour faire avancer les choses C'est parfaitement normal. Mais si vous avez la patience
de rédiger un message détaillé, c'est ainsi
que vous pourrez maximiser
l'efficacité de l'IA. Je vais copier cette invite
particulière et je vais la
coller ici, et j'ai aussi mon fichier Instruction point MD ici. Je vais donner cette question
particulière
et voir ce que la
superficialité va apporter Alors les gars, une chose
à noter ici, c'est que je n'ai pas vraiment spécifié
d'extraits. Je laisse l'IA choisir
un état pour moi. Et dans de tels cas, par défaut de configuration
par défaut de Vanida est basée sur
la technique vanilla, HTML, CSS et
JavaScript Et c'est parfaitement normal pour nous car nous créons
une application très simple,
mais, euh, si vous créez
une application complexe, qui nécessite des connexions à des bases de
données, plus grande logique de rendu,
etc.,
alors vous pouvez explicitement demander à
Cursor ou à l'IA d'utiliser un exemple TextGF
spécifique, puis Jas reactive
view angular,
vous
pouvez le spécifier et alors vous pouvez explicitement demander Cursor ou à l'IA d'utiliser un exemple TextGF
spécifique, puis Jas reactive
view angular, vous construire en conséquence
il. Mais dans mon cas, je veux une application
très simple utilisant HTR, CSS et JavaScript,
et c'est ce que
fait AI par défaut, car elle a parcouru le
fichier d'instructions et l'invite,
et elle en est arrivée à
la conclusion qu'il s'agit d'
une application très simple, elle n'a
donc pas besoin d'utiliser un
framework comme next ou une bibliothèque comme React car il y très complexe pour une
application aussi simple que celle-ci. En fait, j'ai opté pour
le set à la vanille. Ici, vous pouvez le voir,
créer une seule page pour mettre en page vos instructions,
envoyer proprement, oui Et nous avons les modifications du code, et voici un résumé
de ce que Cursor a fait. Il a essentiellement créé un index
du fichier HTML, de la page envoyée, boîte
principale, ajouté une zone, trois endroits ou une tâche.
Le style est minimal. Et ici, je peux
cliquer sur révision pour voir le changement
de code effectué par Cursor. Ici, vous pouvez voir
qu'il
a essentiellement écrit tous les styles en ligne. Hum, c'est une chose
que je n'aime pas vraiment. Demandons-lui de le transformer en un autre fichier CSS
dans la prochaine invite. Mais au centre, nous
avons les détails de base. Je vais donc lui demander d'
extraire le code CSS
du code HTML à points d'index vers
un fichier CSS séparé. Donc ici, je vais
ajouter un fichier d'instructions. De plus, je vais également spécifier mon fichier HTML d'index, et je vais appuyer sur Ender. Maintenant, Cursor
va créer un fichier CSS
séparé, déplacer tous les fichiers CSS vers
ce fichier et lier ces fichiers
Htable et CSS ensemble Et voyons ce qu'
il va faire. Ouais J'ai créé un fichier CSS, ajouté tout le CSS ici, et voyons ce qu'
il va faire d'autre. Cursor en a donc terminé
avec une autre tâche. Il a donc créé le fichier CSS, déplacé tous les styles
vers le fichier CSS, puis le bloc de ligne a été supprimé et
remplacé par le lien. Donc, si je clique sur
Réviser, vous pouvez voir que tout le
fichier CSS se trouve ici. Je vais cliquer sur keypall et ici, sur le fichier d'
index ou de chiffres, vous pouvez voir le
lien vers le fichier CSS Et c'est exactement ce que
je m'attendais à ce qu'il fasse. Bien,
voyons maintenant à quoi ressemble
l'application. Donc, ici, vous pouvez accéder directement aux extensions et installer une extension
appelée Live Server. Le serveur live est donc
essentiellement une extension qui peut nous aider à visualiser l'application directement sans ouvrir le fichier
HTML à points d'index manuellement. C'est donc l'installer. C'est bon. Je suppose donc
que c'est installé. Et après l'avoir installé, passons au fichier à télécharger
suivant, cliquez dessus avec le bouton
droit de la souris et cliquez
sur Ouvrir avec le serveur Live. Et juste comme ça, vous
pouvez voir que nous avons notre application todo très basique ici sur le
Web. C'est bon. Nous en avons donc terminé avec la
première tâche qui consiste à créer une interface utilisateur à symboles,
un arrière-plan blanc, un emplacement pour une autre tâche, un bouton pour ajouter la tâche et quelques tâches factices afin que nous puissions voir à
quoi ressemble l'interface utilisateur Nous en avons terminé avec
la première phase, c'est-à-dire le squelette visuel. Il est maintenant temps pour nous
de le rendre fonctionnel. Ce que je vais faire, c'
est faire en sorte que cela fonctionne. Ce que je vais faire, c'est que
lorsque je tape quelque chose dans la case et que je clique sur une tâche, il apparaît réellement dans la liste. Ajoutez également un petit bouton
X à côté de chaque tâche afin que je puisse la
supprimer si je change d'avis. C'est ce que je
vais faire ensuite, donc je vais le copier et coller dans
la fenêtre de discussion. De plus, je vais joindre mon fichier
d'instructions en tant que contexte, et je vais dire à
Cursor de le faire pour moi. C'est donc chose faite avec la tâche. Voici donc ce qui a été mis en œuvre. Il a implémenté la fonctionnalité de tâche
artistique, la fonctionnalité de tâche à distance, et il a modifié l'
index ou le fichier numérique, et vous pouvez voir quelques
fonctionnalités qu'il a ajoutées. Cela crée donc un nouveau tag AI. Chacun utilise un petit SK gt nous
aidera à faire en sorte que le
test de type soit affiché sous forme de texte brut , etc.,
et le fichier tilt cs a
également été modifié Cliquez sur Réviser, et vous pouvez voir ici les
modifications apportées. Vous pouvez donc voir ici
qu'il a créé la balise de script en ligne et
qu'il a effectué toutes ces modifications. Encore une fois, je n'aime pas vraiment tout
écrire sur une seule page Je vais
donc demander à Cursor créer un nouveau fichier pour stocker
le contenu des balises de script, qui n'est rien d'autre que du
JavaScript Vanila Pouvez-vous
abstraire la balise de script ? Et créez-lui un nouveau fichier. Donc, les gars, le
but est de le
rendre modulaire. Il ne faut donc jamais vraiment
écrire du code sur une seule page. Euh, nous devrions essentiellement diviser le code en
différents segments. Donc, dans ce cas, vous
pouvez voir que tous les styles sont stockés dans un fichier CSS, le point d'entrée est
dans Index ou HTML, puis nous avons
le fichier app point JS lequel nous
écrivons essentiellement toute notre logique. Voici donc comment vous devez
structurer votre application, en particulier une
application originale comme celle-ci. Ici, vous pouvez voir que j'ai essentiellement une vision et je guide essentiellement l'
IA pour réaliser ma vision. C'est ainsi que vous devez essentiellement travailler lorsque vous utilisez l'IA. Vous devriez déjà avoir une idée de base de
ce que vous voulez, l'apparence que vous souhaitez donner à la
structure et du comportement de l'
application. Ensuite, vous devez
essentiellement fournir des instructions très claires et détaillées à l'IA afin qu'elle puisse
travailler selon votre vision. C'est essentiellement comme ça que vous
le faites. Donc ici, il a essentiellement créé
le fichier Abdo Js, et dans l'index du fichier HTML, il est essentiellement lié
au Abdo Je vais donc cliquer sur Keypod. Et si je vais sur mon application, je devrais pouvoir
ajouter une nouvelle tâche. Donc, je vais essentiellement dire Wh Clothes. Et si
vous cliquez sur Ajouter, il devrait apparaître dans la liste
et juste comme ça, vous verrez que l'
orthographe des lavages est incorrecte, donc
je vais le supprimer Lavez les vêtements au crépuscule. Et nous avons une autre fonctionnalité, et nous sommes en mesure d'ajouter une tâche et même de supprimer une tâche. Très bien, nous en avons terminé
avec la phase deux. Il est maintenant temps de passer à la phase trois. C'est pour cocher la fonctionnalité. Nous devons donc ajouter une
fonctionnalité qui nous permet de
cocher ou de supprimer une tâche une
fois les semaines terminées. Je vais donc dire que cela
ajoute un moyen de terminer la tâche. Lorsque je clique sur le
texte d'une tâche, je veux qu'elle devienne grise et
qu'elle soit traversée par une ligne, afin de montrer que c'est fait. Donc, si je clique à nouveau dessus,
cela devrait revenir à la normale. Copions-le donc et demandons à
Cursor de le faire pour nous. Et juste comme ça, Cursor
n'en a pas fini avec la tâche, il avait
donc un style et une application point js
mise à jour. Voyons ce qu'il a fait. Il a donc créé une fonction
appelée stogal done, un sélecteur de requêtes et
un Ouais Ainsi, chaque fois
que je clique dessus, cette fonction particulière
est activée. Et un passage
barré serait effectivement
ajouté au texte. Je vais donc
cliquer sur Key Pale. Donc, si je vais dans l'application, vous pouvez voir que si je
clique sur un texte, il est rayé et
si je clique à nouveau dessus, il revient essentiellement
à sa date précédente, et c'est exactement
ce que je voulais Donc, ce
que je vais faire, c'est supprimer tout cela, et je vais dire, écrivez
une lettre à papa en
cliquant sur Ajouter une tâche. Et si j'actualisais la page ? Vous pouvez voir qu'il revient
par défaut aux tâches
codées en dur que nous avons ajoutées Donc, tout ce que nous ajoutons
n'est pas
conservé, nous devons donc également ajouter
cette fonctionnalité C'est la fonction de mémoire. Donc, en ce moment, lorsque je
rafraîchis mon navigateur, toutes les tâches disparaissent. Pouvez-vous faire en sorte que
l'application se souvienne de ma liste ? Je veux que mes tâches soient là
exactement comme je les ai laissées. Donc, si je ferme l'onglet, ferme l'onglet et que je
reviens, il devrait être là. Je vais donc copier
cette tâche particulière et je vais l'ajouter
ici. Et aussi, je vais
dire une chose, supprimer le hard coed task Et ici, je vais
joindre mon fichier d'instructions. Cursor
souhaite donc essentiellement utiliser le stockage
local d'un navigateur. Ainsi, chaque fois que vous entrez une tâche, elle est également stockée dans le stockage local
du navigateur. Donc, même si vous revenez, cela persistera
là-bas, et c'est
l'approche que
devrait suivre Cursor Voyons ce que cela
va donner. La tâche est donc
superficielle. Vous pouvez donc voir ici que la tâche de codage
dur a été supprimée
et que dans Ado JA, la tâche de
stockage est stockée dans le stockage local
comme prévu. Nous avons donc la fonction GetTask, la
fonction de sauvegarde de tâche, fonction de
création de tâche, la tâche de
rendu ,
une tâche et toutes ces
différentes fonctions Ce qu'il fait, c'est qu'il a en fait été refactorisé en
différentes fonctions Chaque fois que vous chargez
l'application, elle affiche la tâche en
appelant la fonction de tâche G. Ainsi, la fonction get task obtient
essentiellement les données du stockage local
s'il y en a,
ou bien elle
fournit essentiellement un état propre. Et chaque fois
que vous ajoutez une tâche, elle est également enregistrée dans
le stockage local. C'est ainsi que cela fonctionne.
Alors, sauvegardons-le. Et si j'actualise, vous pouvez voir qu'aucune tâche n'
est actuellement présente. Je vais donc chanter une
chanson, écrire une lettre. Lavez la vaisselle. Et je dois dire que je fais
déjà la vaisselle et oui. Je vais donc
cliquer sur Actualiser. Et comme vous pouvez le constater,
lorsque j'actualise, ces données sont conservées, mais vous pouvez voir que cette case n'
est pas cochée car je supprime ces tâches Je vais donc dire que
lorsque je lance une tâche, montre
également un chèque. Il y a déjà un bouton à cocher, vous allez
donc également dire de remplir la case à cocher avec une icône à cocher. D'accord, donc en gros, il l'a fait. Je vais donc l'
accepter pour que vous puissiez voir qu'à
chaque fois que je supprime, vous pouvez également voir le bouton à
cocher s' activer avec une case à cocher verte Alors c'est tout. C'
est ainsi que vous pouvez inciter une IA à créer une
application de votre vision. Donc, en passant en revue ce que nous
avons fait dans cette classe
particulière, la première chose
que nous avons faite a créer un fichier vide à
points d'instructions. Cela n'est pas vraiment pertinent dans cette
application en particulier, car elle est très petite et
nous n'avons pas vraiment beaucoup de conversations
ici. Mais imaginez que vous créez une très grande
application de commerce électronique. Ensuite, vous
interagirez constamment avec l'IA
pour apporter des modifications,
ajouter des modifications, réfracter des
objets et tout Et dans ce cas précis, le contexte s'élargit et l'IA aurait tendance à oublier ce qui est dit
au début. Dans ce cas, vous pouvez créer
un fichier d'instructions comme
celui-ci pour ajouter la vision de base de votre application
afin qu'elle évolue toujours vers cette vision
sans hésiter C'est donc une chose. Et la deuxième chose la plus importante est la stratégie
Lego Prompting Assurez-vous de décomposer l'ensemble de
votre vision ou de votre idée en plusieurs petites améliorations
exécutables
que vous pouvez demander à l'IA de réaliser et qui peuvent vous donner de
bien meilleurs résultats qu'une stratégie ponctuelle Voilà pour cette vidéo
en particulier, et j'espère vraiment
que vous avez appris
quelque chose qui vous sera utile lors de votre utilisation d'
un curseur ou de tout autre
type d'agent d'intelligence artificielle. Et une chose que je tiens également
à souligner, c'est que
ce que vous avez appris dans ce cours en particulier
est complètement générique. Il n'est pas lié au curseur. À l'avenir,
si vous passez à Copilot ou Windsor pour Lovable, ils utiliseront tous la même technique, comme le fichier d'instructions,
la stratégie d' Tout est
fondamentalement applicable à toutes les autres applications ou tout type d'agent d'IA dans
cet espace particulier. Et une chose que
je tiens également à vous
dire, c'est que pour lire les chiens, Cursor propose
de nombreuses fonctionnalités, comme des agents, des MCP, etc. Passez simplement un peu de
temps à parcourir cette documentation particulière
pour comprendre quelles sont
les différentes fonctionnalités proposées
par Cursor. Et, euh, il s'avère qu'
il y aurait
de nombreuses fonctionnalités qui pourraient
vous aider dans votre flux de travail quotidien. Alors, merci beaucoup
d'avoir regardé.
6. Conclusion: Merci beaucoup d'avoir regardé. Et c'est vraiment génial que
vous ayez réussi jusqu'au bout. Cela montre en fait votre
passion et votre intérêt pour la création d'applications utilisant l'IA , ce qui est extrêmement
appréciable Et je
voulais vraiment savoir ce que
vous pensez cette
classe en particulier et vous pouvez laisser cela dans la session de
commande. De plus, si vous
avez des questions, je suis toujours disponible lors de
la session de discussion. Vous pouvez suspendre une requête,
et je me ferai un plaisir de vous aider.
Et c'est tout. Merci beaucoup de votre attention
, et je vais
réaliser de nombreuses autres
vidéos sur IA et sur la façon dont vous pouvez l'utiliser
pour créer une application, façon dont nous pouvons convertir une idée
en un produit réel. Restez sur cette lancée jusqu'
à ce que Peter
Johnson signe.
Peter Johnson, Software Engineer
