Transcription
1. Introduction 2: Tout le monde, et bienvenue
à ce cours. Nous allons expliquer comment les développeurs devraient réellement utiliser l'IA pour accélérer leur flux de travail
et continuer
à créer du code de haute qualité. Donc, avec ce cours,
nous allons vraiment aborder les bases de l'IA et certains des
trucs et astuces qu'un développeur peut utiliser pour l'utiliser de manière rapide et efficace. Souvent, lorsque vous utilisez l'IA, cela crée du code incorrect ou correct. Et cela peut créer un problème, car si nous lui demandons
de faire quelque chose et qu'il le fait d'une
manière qui
nous oblige à vérifier
chaque étape,
eh bien, cela ne
nous fait pas vraiment gagner de temps en fin de compte. Avec ce cours
, nous voulons vous montrer comment utiliser l'IA, comment vous pouvez la demander,
comment la configurer, comment créer un flux de travail qui accélérera votre développement au lieu que cela ne
soit qu'
un obstacle de plus à surmonter Nous ne pouvons pas ignorer
le fait que l'IA, en
particulier dans le domaine de la programmation, est extrêmement importante
car elle peut nous
aider à résoudre des bogues qui nous
prenaient auparavant des semaines en
une heure ou moins. Cela peut nous aider à créer des fonctionnalités
complètes à partir de zéro en
quelques minutes ce qui
nous a peut-être pris des semaines également. Cela peut nous aider à
refactoriser l'ancien code, et cela peut nous aider à effectuer beaucoup
de tâches subalternes beaucoup plus rapidement. ce fait,
les personnes qui savent utiliser l'IA seront les prochaines entreprises les plus performantes dans le domaine du développement de
logiciels. Donc, si vous voulez
devenir un développeur de haut niveau, vous
devez connaître l'IA. Toutes les entreprises
s'y mettent lentement. Certaines sont plus lentes que
d'autres, mais je dirais qu'au cours des
deux ou trois prochaines années, la plupart des entreprises devront utiliser si elles
veulent garder une longueur d'avance. C'est pourquoi nous devons nous
assurer que nos compétences correspondent aux attentes de
ces entreprises. Dans ce cours, nous
allons donc aborder les bases d'un IDE basé sur l'IA, montrant comment nous pouvons l'utiliser pour créer un nouveau projet,
créer une nouvelle fonctionnalité, refactoriser l'ancien code
et, en général, simplement utiliser dans notre flux de travail
quotidien seront donc les objectifs
de ce cours, et
à la fin de celui-ci,
vous serez
en mesure de créer votre
propre projet et de faire appel à l'IA de
manière à accélérer
votre flux de travail de développement. C'est une technologie vraiment
géniale, et il y a beaucoup à apprendre ici, mais ce n'est pas trop mal
au bout du compte. Je suis donc impatiente de participer. Allons-y et
commençons par apprendre à utiliser l'IA
pour accélérer notre
flux de travail en tant que développeur.
2. IDE IA: Nous devons donc
commencer et
déterminer comment
utiliser l'IA dans notre code. Il existe différentes
manières d'utiliser l'IA. Celui que nous
connaissons tous probablement à ce stade est le premier sur
scène, et c'est HaGibT Nous pouvons copier-coller
du code ici, lui poser une question, lui demander de le refactoriser, et cela fera un très
bon travail Le problème, cependant, est qu'il s'
agit d'un flux de travail assez lent. Tu vas regarder ton code,
tu trouves un problème, tu le copies, tu le mets dans
le ChachiBT Vous devez
lui donner tout le contexte pour qu'il sache ce que vous
essayez d'accomplir. Cliquez sur Enter. Ça a l'air bien. Vous n'avez pas
pu le tester. Vous devez le
copier-coller sur votre identifiant. Et c'est ce cycle qui
peut être très lent. Cela accélère certaines choses, comme la détection de bogues
et tout le reste, mais
cela ne l'accélère pas au point une manière efficace
d'utiliser votre temps. C'est donc là que nous
intervenons avec les IDE basés sur l'IA. Essentiellement, ce ne sont que
des identifiants auxquels l'IA est intégrée. Vous pouvez également généralement
simplement trouver un plugin et le
mettre dans votre IDE
préféré. Donc, dans ce cas, nous allons
parler de Cursor. C'est celui que nous
allons utiliser pour toute
cette série ici. Cependant, vous pouvez utiliser
celui que vous voulez. Ils fonctionnent tous à peu près
de la même manière. Ils peuvent simplement avoir
un ensemble différent de modèles que vous pouvez utiliser. Avec Cursor,
nous allons essentiellement partir
de zéro
et créer quelque chose. Vous pouvez voir si vous
allez simplement sur leur site cursor.com, vous pouvez
le télécharger dès maintenant sur Mac ou Windows et vraiment vous y
mettre Il existe un niveau gratuit, vous pouvez
donc lui poser
quelques questions, cela peut être un peu plus lent,
peut-être un peu plus stupide, mais il y a un
assez bon niveau gratuit Si vous voulez payer
20$ par mois, vous pouvez avoir accès à
de meilleurs modèles, et cela peut en valoir la peine à des fins d'apprentissage, mais vous pouvez
continuer gratuitement. Ici. Je voulais également parler de deux autres grands
acteurs du marché. Claude Claude est quelque chose que vous
pouvez également télécharger et utiliser. Nous utilisons en fait certains de
leurs modèles dans Cursor. C'est donc un point sur lequel nous
allons travailler ici, c'est que le simple
fait d'utiliser le curseur
ne signifie pas que nous sommes
bloqués dans le
modèle créé
par fait d'utiliser le curseur
ne signifie pas que nous sommes le curseur. En fait, ils viennent d'en
créer un appelé compositeur. Mais nous pouvons utiliser le GPT. Claude peut être utile. Nous
pouvons utiliser Microsoft. Nous pouvons utiliser tous ces autres modèles d'
IA via le curseur. Avec Claude, vous pouvez faire à
peu près la même chose, mais c'est mieux adapté à leur ensemble spécifique
de modèles différents, mais vous pouvez les contacter. Et le copilote est également
différent. Vous pouvez voir qu'il s'agit d'
une sorte d'hybride où vous pouvez poser des questions ici ou vous pouvez également l'
implémenter dans votre base de
code. Il existe de nombreux produits de
ce type ici. Trouvez donc celui avec lequel vous êtes
le plus à l'aise. Mais pour ce cours,
nous allons nous concentrer sur le curseur. Donc, une fois que nous avons ouvert notre IDE ici,
nous l'installons. Nous pouvons aller de l'avant
et lancer un projet. Ce point de vue va vous être
présenté. Vos couleurs seront légèrement différentes car
je les ai modifiées pour qu'elles s'adaptent
à quelque chose que j'aime bien
pour cette seconde. Cela ressemble beaucoup au
code VS car il a été peu près dérivé du référentiel
de code VS Il aura donc à peu
près les mêmes capacités d' des plugins si vous utilisez VS Code et utilisez également tous
les thèmes Ce que nous voulons faire, c'est que lorsque nous démarrerons ici sur
le côté droit, nous verrons
le volet à bascule vers l'IA Sur n'importe quel autre identifiant, vous aurez également quelque
chose à ce sujet. Cela peut être
en bas, peut-être sur le côté gauche,
peut-être au milieu, mais il y aura un moyen de communiquer avec votre base de code et avec
vos différents agents. Avec cela, nous pouvons alors réellement commencer à communiquer avec l'IA. Ici, nous pouvons aller de l'avant
et taper des choses, et cela créera des
éléments dans notre projet. Ce ne sera qu'un ajout
. Ce sera quelque chose avec
lequel nous pourrons communiquer pendant que nous construisons. De nombreux identifiants différents auront également ces
différentes fonctionnalités. Ce taux de fonctionnalités consiste ici à basculer entre les
modes de votre IA. Donc, pour le moment, c'est sur Agent. C'est le plus
puissant car l' agent lui donne la
permission de faire des choses. Au lieu de simplement lui poser une question et de
vous donner une réponse, il peut rechercher la réponse. Il peut parcourir
votre base de code, ou même l'ensemble de
votre bureau si vous lui en donnez
l'autorisation. L'Agent est donc le plus puissant, et c'est ce que j'utilise par défaut. , si vous ne voulez pas qu'il
touche le code Cependant, si vous ne voulez pas qu'il
touche le code, vous pouvez le changer
pour résoudre certains problèmes. Parfois, il touche le code
alors que vous ne le souhaitez pas. C'est donc votre base de référence. Vous cliquez sur Demander, cela ne touchera pas votre code. Je
ne changerai rien. Le plan et le débogage sont
spécifiques au curseur, mais d'autres identifiants différents sont également
fournis avec ceux-ci, et ils sont assez
simples Si vous essayez de
planifier une fonctionnalité étendue de grande envergure, vous pouvez utiliser
l'invite de planification. Cela vous y aidera.
Si vous essayez de déboguer un bogue en particulier ici, vous pouvez effectuer ce débogage et ce sera plus intelligent à cet égard Et le côté suivant, ce
sont nos modèles. Voici donc les modèles que j'ai actuellement installés sur le mien. Il existe d'autres modèles. Et si vous cliquez sur ce bouton,
ils seront tous listés, vous pourrez y ajouter qui vous voulez. Et puis il y a le mode Max, qui permet à la fenêtre de contexte d'être plus grande pour les projets de
très grande envergure. Cela coûte plus cher
si vous le faites. Le compositeur est donc celui
que Cursor a créé. Vous pouvez voir que c'est écrit
ici, le
premier modèle de codage agentique du curseur premier modèle de codage agentique Donc, celui-ci est le moins cher pour Cursor car il
utilise le propre code de Cursor. Nous avons alors Opus ici. Il s'agit du modèle AnthroPicting. C'est vraiment très bon, un peu cher,
mais vraiment bon. Sone est également un très bon modèle de pensée
AnthroPico. Nous avons la série GPT ici, donc GBT 5.1, GBT 5.2 Nous avons des Gémeaux. Il s'agit du dernier modèle de
Google
à l'heure actuelle. Et puis nous en avons
d'autres comme ce mini. Nous avons un Grock. Et si vous cliquez sur Ajouter ici, vous pouvez cliquer sur Afficher tous les modèles, et vous pouvez essayer
d'
implémenter et d'utiliser tous ces modèles . Pour ce cours en particulier,
je vais m'en tenir
à notre chanson anthropique
probablement pour cinq Pour l'essentiel, je vais peut-être utiliser un
peu de compositeur, mais les modèles vont
changer au fur et à mesure que nous avançons.
Certains vont s'améliorer. Vous allez, vous savez, vous sentir à l'aise avec quelques-uns, pas vous sentir à l'aise
avec d'autres. Nous devons donc nous
assurer les utiliser de
la meilleure façon possible. un autre domaine pour cela également, et c'est tout nouveau,
donc je veux l'enseigner. Vous voyez ces petits cerveaux qui pensent, ces petits cerveaux juste
à côté, qui pensent. Donc, essentiellement, penser
signifie qu'il va vraiment analyser la question
avant de répondre. C'est, encore une fois, un
peu plus coûteux, mais cela fournit généralement de
meilleures situations et de meilleures réponses. Cependant, je vais
activer ces deux modèles ici sans réfléchir. Cela me permettra de
choisir si je veux que ça aille un peu plus loin ou si je ne
veux pas que ça aille un peu plus loin. Nous pouvons ensuite voir qu'ils sont
ajoutés ici. Nous avons Opus 45 et
maintenant 45 qui pensent, et 45 et Sont 45 qui pensent. C'est donc la base
de notre tarif IDE ici. Nous l'avons installé.
Nous l'avons examiné. Nous avons des agents ici. Nous pouvons lui poser des questions, et nous pouvons réellement
commencer à coder. Allons-y donc et
commençons à le faire.
3. Pensez comme un réalisateur : le contexte est roi: Nous devons donc
commencer et
déterminer comment
utiliser l'IA dans notre code. Il existe différentes
manières d'utiliser l'IA. Celui que nous
connaissons tous probablement à ce stade est le premier sur
scène, et c'est HGBT Nous pouvons copier-coller
du code ici, lui poser une question, lui demander de le refactoriser, et cela fera un très
bon travail Le problème, cependant, est qu'il s'
agit d'un flux de travail assez lent. Tu vas regarder ton code,
tu trouves un problème, tu le copies, tu le mets dans
le ChachiBT Vous devez
lui donner tout le contexte pour qu'il sache ce que vous
essayez d'accomplir. Cliquez sur Enter. Ça a l'air bien. Vous n'avez pas
pu le tester. Vous devez le
copier-coller à nouveau dans votre IDE, et c'est ce cycle qui
peut être très lent. Cela accélère certaines choses comme la recherche de bogues
et tout le reste, mais
cela ne l'accélère pas au point d'être une manière efficace
d'utiliser votre temps. C'est donc là que nous
intervenons avec les IDE basés sur l'IA. Essentiellement, ce ne sont que
des IDE dans lesquels l'IA est implémentée. Vous pouvez également généralement
simplement trouver un plugin et le
mettre dans votre IDE
préféré. Donc, dans ce cas, nous allons
parler de Cursor. C'est celui que nous
allons utiliser pour toute
cette série ici. Cependant, vous pouvez utiliser
celui que vous voulez. Ils fonctionnent tous à peu près
de la même manière. Ils peuvent simplement avoir
un ensemble différent de modèles que vous pouvez utiliser. Avec Cursor,
nous allons essentiellement partir de zéro et créer quelque chose. Vous pouvez voir, si vous allez simplement sur leur
site cursor.com, vous pouvez le télécharger
dès maintenant sur Mac ou Windows et vraiment
commencer C'est un niveau gratuit, vous pouvez donc
lui poser quelques questions, il peut être un peu plus lent,
peut-être un peu plus stupide, mais il a un
assez bon niveau gratuit Si vous voulez payer
20$ par mois, vous pouvez avoir accès à
de meilleurs modèles, et cela peut en valoir la peine à des fins d'apprentissage, mais vous pouvez
continuer gratuitement avec Kurt. Je voulais donc
parler de deux autres grands
acteurs du marché. Claude Claude est quelque chose que vous
pouvez également télécharger et utiliser. Nous utilisons en fait certains de
leurs modèles dans Cursor. Nous
allons donc travailler sur ce point : ce n'est
pas
parce que nous utilisons Cursor que nous sommes
enfermés dans le
modèle créé
par pas
parce que nous utilisons Cursor que nous sommes Cursor. Ils viennent en fait d'en
créer un appelé Composer. Mais nous pouvons utiliser GPT, Wiki News Claude,
Wiki News Microsoft Nous pouvons utiliser tous ces autres modèles d'
IA via Cursor. Avec Claude, vous pouvez faire à
peu près la même chose, mais c'est mieux adapté à leur ensemble spécifique
de modèles différents, mais vous pouvez les contacter. Et Copilot est
également différent. Vous pouvez voir qu'il s'agit d'
une sorte d'hybride où vous pouvez poser des questions ici ou vous pouvez également l'
implémenter dans votre
base de code Il existe de nombreux produits de
ce type sur le marché. Trouvez donc celui avec lequel vous êtes
le plus à l'aise. Mais pour ce cours,
nous allons nous concentrer sur Cursor. Donc, une fois que nous avons ouvert notre IDE ici,
nous l'installons. Nous pouvons aller de l'avant
et lancer un projet. Ce point de vue va vous être
présenté. Vos couleurs seront légèrement différentes car
je les ai modifiées pour qu'elles s'adaptent
à quelque chose que j'aime bien
pour cette seconde. Cela ressemble beaucoup au
code VS car il a été peu près dérivé
du référentiel VS Code Il aura donc à peu
près les mêmes capacités d' des plugins si vous utilisez le VS Code et utilisez également
tous les thèmes Ce que nous voulons faire, c'est que
lorsque nous démarrerons ici, sur le côté droit, nous verrons le volet
d'activation de l'IA Sur n'importe quel autre IDE, vous aurez également quelque
chose à ce sujet. Cela peut être
en bas, peut-être sur le côté gauche,
peut-être au milieu, mais il y aura un moyen de communiquer avec votre base de code et avec
vos différents agents Avec cela, nous pouvons alors réellement commencer à communiquer avec l'IA. Ici, nous pouvons aller de l'avant
et taper des choses, et cela créera des éléments dans notre projet. Ce
ne sera qu'un ajout. Ce sera quelque chose avec lequel nous pourrons communiquer pendant
que nous construisons. De nombreux IDE différents
auront également ces
différentes fonctionnalités. Ce taux de fonctionnalités consiste ici à basculer entre les
modes de votre IA. Donc, pour le moment, c'est sur Agent. C'est le plus
puissant car l' agent lui donne la
permission de faire des choses. Au lieu de simplement lui poser une question et de
vous donner une réponse, il peut rechercher la réponse. Il peut parcourir
votre base de code, ou même l'ensemble de
votre bureau si vous en donnez
l'autorisation L'Agent est donc le plus puissant et c'est ce que j'utilise par défaut. , si vous ne voulez pas qu'il
touche le code Cependant, si vous ne voulez pas qu'il
touche le code, vous pouvez le changer
pour résoudre certains problèmes. Parfois, il touche le code
alors que vous ne le souhaitez pas. C'est donc votre base de référence. Vous cliquez sur Demander, je
ne toucherai pas à votre code. Cela ne changera rien. Le plan et debug sont spécifiques à Cursor, mais d'autres identifiants différents sont également
fournis avec ceux-ci, et ils sont assez
simples Si vous essayez de
planifier une fonctionnalité étendue de grande envergure, vous pouvez utiliser
l'invite de planification. Je vais t'y aider. Si vous essayez de déboguer
un bogue en particulier ici, vous pouvez effectuer ce débogage et ce sera plus intelligent à cet égard Et l'autre côté, ce que nous
avons ici, ce sont nos modèles. Voici donc les modèles que j'ai actuellement installés sur le mien. Il existe d'autres modèles. Et si vous cliquez sur ce bouton,
ils seront tous listés, vous pourrez y ajouter qui vous voulez. Et puis il y a le mode Max, qui permet à la fenêtre de contexte d'être plus grande pour les projets de
très grande envergure. Cela coûte plus cher
si vous le faites. Le compositeur est donc celui
que Cursor a créé. Vous pouvez voir que c'est écrit
ici, le
premier modèle de codage agentique du curseur premier modèle de codage agentique Donc, celui-ci est le moins cher pour Cursor car il
utilise le propre code de Cursor. Nous avons alors Opus ici. Il s'agit du modèle AnthroPicting. C'est vraiment très bon, un peu cher
mais vraiment bon. Sone est également un très bon modèle de pensée
AnthroPico. Nous avons la série GPT ici, donc GBT 5.1, GBT 5.2.
Nous avons des Gémeaux Il s'agit du dernier
modèle de Google à l'heure actuelle. Et puis nous en avons
d'autres comme ce mini. Nous avons un Grock. Et si vous cliquez sur Ajouter ici, vous pouvez cliquer sur Afficher tous les modèles, et vous pouvez essayer
d'
implémenter et d'utiliser tous ces modèles . Pour ce cours en particulier, je vais m'en tenir à notre Sonnet 45,
probablement anthropique Pour la plupart, je vais peut-être utiliser un
peu de compositeur, mais les modèles vont
changer au fur et à mesure que nous avancerons.
Certains vont s'améliorer. Vous allez, vous savez, vous sentir à l'aise avec quelques-uns, pas vous sentir à l'aise
avec d'autres. Nous devons donc nous
assurer les utiliser de
la meilleure façon possible. un autre domaine pour cela également, et c'est tout nouveau,
donc je veux l'enseigner. Vous voyez ces petites pensées, ces petits cerveaux
à côté, qui pensent. Donc, essentiellement, penser
signifie qu'il va vraiment analyser la question
avant de répondre. C'est, encore une fois, un
peu plus coûteux, mais cela fournit généralement de
meilleures situations et de meilleures réponses. Cependant, je vais activer ces deux modèles
ici sans réfléchir. Cela me permettra de
choisir si je veux que ça aille un peu plus loin ou si je ne
veux pas que ça aille un peu plus loin. Nous pouvons ensuite voir qu'ils sont
ajoutés ici. Nous avons Opus 45 et
maintenant 45 qui réfléchissent, tandis Sont 45 et Sonnet 45 pensent C'est donc la base
de notre tarif IDE ici. Nous l'avons installé.
Nous l'avons examiné. Nous avons des agents ici. Nous pouvons lui poser des questions et
nous pouvons réellement commencer à coder. Allons-y donc et
commençons à le faire.
4. Développer des fonctionnalités plus rapidement Features: Nous. Parlons donc du développement des
fonctionnalités. Les fonctionnalités sont le moyen
essentiel d'ajouter de nouveaux éléments à une application
ou à un certain produit. C'est pourquoi
nous voulons souvent implémenter
ces fonctionnalités de
manière rapide, propre et efficace. Eh bien, un moyen très simple de le
faire est la plupart de ces fonctionnalités, elles se présentent sous forme
de carte ou de ticket. Quelqu'un d'autre a donc déjà
affiné cette fonctionnalité. S'il s'agit d'un
projet personnel et que vous
n'avez pas de cartes, vous pouvez toujours simplement
discuter avec l'IA pour créer une carte ou la développer, vous savez, lui poser des
questions, etc., afin d'obtenir
une très bonne description Mais si vous avez une fonctionnalité, trouvez. Par exemple, je l'ai
copié depuis Jira. Il s'agit d'un ensemble de fonctionnalités important concernant l'
ajout du mode clair et du mode sombre. Donc, essentiellement,
ce que nous faisons, c'est créer une lumière et une
obscurité activées par l'utilisateur Nous avons défini les critères
d'acceptation que nous pouvons
modifier manuellement. Il commence par défaut, évaluant les étoiles, etc. C'est donc une très bonne carte, et nous pouvons la copier-coller et simplement
cliquer sur Entrée, et cela
fonctionnera probablement très bien. Mais pour nous assurer que nous
créons un code de qualité, chaque fois que nous faisons
quelque chose comme ça, à la fin, nous voulons dire, avant de toucher à un code, dites-moi votre plan pour implémenter ceci ou quelque
chose du genre. Alors maintenant, lorsque vous l'enverrez
réellement, il vous donnera son plan pour
exécuter ce code. Il va donc aller de
l'avant et
analyser la base de code
très rapidement, comprendre comment cela fonctionne Ensuite, il nous indiquera
les étapes à suivre pour
atteindre cet objectif. Et c'est là
qu'
en tant que programmeur ou quelqu'un qui connaît bien ou quelqu'un qui connaît bien le domaine en tant
que développeur, votre expertise
peut entrer en jeu, car elle nous dira comment elle va l'exécuter. Donc, si nous regardons
ici, nous pouvons voir que cela nous donne un bon
résumé en haut. Donc, cela dit, en gros, d'accord, ce que nous avons déjà mis en place, c'
est le support du mode sombre, variables
CSS, les préférences système et les classes du mode sombre Ils figurent donc déjà dans notre
base de code. Ce qui nous manque, c'est un thème manuel, les préférences de
l'utilisateur, système à
trois états
et un script pour empêcher le flash de contenu
non stylisé Donc, en gros, ce qu'il
va faire, c'est ce qu'il
va faire. Il va créer une infrastructure
thématique,
créer des utilitaires de stockage de thèmes, obliques, ajouter des
fonctions, du support, enregistrer les préférences, renvoyer le thème effectif,
créer le contexte, puis créer un
script de prévention dans l'en-tête à exécuter avant afin qu'il ne passe pas du
blanc au foncé
chaque fois qu'il se charge Euh, puis le composant de
basculement du thème. Il s'agira d'un système lumineux à
trois boutons, système d'
obscurité ou d'un cycle qui
pivote sur les trois B. Et c'est ici
que nous pouvons en venir un petit moment où nous pouvons
commencer à faire part de nos commentaires. Je vais donc dire que dans la version 2.1, je veux qu'il y ait juste un menu déroulant contenant
ces trois options. Nous sommes donc en train de définir
ce que cela va
faire . En fait, nous
pensions simplement à avoir un
cycle là-haut où
vous
pourriez simplement cliquer
dessus encore et encore,
et ce n'est pas vraiment une bonne interface utilisateur, du
moins quelque chose que je
n'ai pas vu. Je veux donc m'
assurer de le définir. État actif visuel
pour la sélection en cours, onglet Zone
accessible, oui, position dans le coin supérieur droit. Si nous finissions par le placer en haut gauche ou dans un onglet de paramètres, ce serait là que nous
corrigerions cela. Nous pouvons simplement continuer et
, pour les besoins de l'argumentation, également dire position en haut à gauche. 200 millisecondes lorsque le
bouton fonctionne à la fois
dans le clair et dans le noir, retour visuel
clair Encore une fois, juste pour cette raison
, je vais dire qu' faut faire en sorte que le basculement soit inférieur à 100
millisecondes. Il va donc décider
comment il va s'y prendre. Il va mettre à jour
l'élément racine, créer un fournisseur de thèmes. Tout cela semble assez standard. Placez le thème Toddle
dans l'en-tête, assurez-vous qu'il est visible, puis
il passera en revue une liste de contrôle
de vérification Alors maintenant, au lieu de
simplement laisser l'IA le faire, nous lui avons donné la carte
que nous voulons implémenter, et nous avons donné quelques notes sur la façon dont elle va l'
implémenter. Et maintenant, ce que nous pouvons faire, c'est continuer et cliquer sur
ce bouton Exécuter. Et il va maintenant mettre en œuvre
cette tâche pour nous. Maintenant que nous lui avons donné tous les commentaires dont il avait besoin, il va commencer à le construire. De cette façon, nous
sommes bien plus proches notre objectif final dès le premier message que nous ne l'aurions été si
nous l'avions simplement laissé fonctionner, puis nous
devions lui donner des informations par la
suite, car
bien souvent, s'il n'a pas été créé, il est très bon pour générer ces nouvelles choses et les
intégrer. Si vous allez très loin dans
la mauvaise direction, puis que vous
lui demandez de le
refactoriser complètement et de revenir en arrière, vous risquez de passer beaucoup de
temps à le faire,
comme dans le cas d'une
programmation normale, par rapport à ce que vous
auriez fait si vous n'aviez pris que
quelques secondes ici Au fur et à mesure, cette page va continuer à se
recharger, donc je reviendrai
quand ce sera fait Maintenant, il a
implémenté le code, et nous pouvons le voir ici. Il a ce thème où
nous pouvons passer en mode clair, en mode
sombre et en système. Et vous remarquerez que
rien n'a changé. Alors maintenant, nous devons réellement
y aller et faire un peu de débogage. Nous pouvons donc être très simples dans
ce genre d'instructions. Nous pouvons dire que la
liste déroulante fonctionne, mais aucune des couleurs
ne change lorsque vous passez du mode système au mode
clair ou sombre Maintenant, il va aller de l'
avant et passer par là, et il est dit
qu'ils verront le problème. Il n'a pas été
configuré correctement. C'est très important, c'est que ce processus, comme je l'ai dit,
sera une collaboration. plupart du temps, vous devez tester le
travail que vous créez parce qu'il semblait fonctionner. Nous aurions pu
simplement le faire passer. Mais si nous ne faisons pas
vraiment de tests pour
voir s'il
a fait ce qu'il avait promis de faire,
ces choses
passeront voir s'il
a fait ce qu'il avait promis de faire, souvent entre les mailles du filet. Alors maintenant, il va
aller de l'avant et mettre à jour cet emballage
thématique. Attendez que tout soit reconfiguré,
puis c'est parti. Maintenant, le
mode lumière fonctionne, et il fonctionne dans l'environnement du
curseur, donc c'est bon à savoir également. Maintenant, nous pouvons voir si
nous passons de l'obscurité. Notre système est allumé dans l'obscurité
ou revient à la lumière. Il passe de l'un à l'autre. Nous avons donc créé une fonctionnalité. Ça a l'air bien.
Notre dernière étape, cependant, est
de revoir ce code. Nous devons donc le faire manuellement. Nous pouvons le faire soit par le biais
d'un processus de révision du code. Nous pouvons le faire avec l'IA, ou nous pouvons le faire complètement
et totalement manuellement. Je pense qu'il est important de faire
les trois en quelque sorte. Donc, en tant
que programmeur, nous
devons cliquer sur cet onglet de révision. Et il va maintenant
nous montrer tous les changements
qu'il a apportés. Il y en a beaucoup ici, mais
c'est ce qu'est Code View. Nous pouvons donc maintenant le parcourir et nous
assurer
rapidement qu' il a été créé de la manière que nous voulions qu'
il soit créé, et qu'il ne prend
aucun raccourci car parfois il
crée des raccourcis. Une chose que j'ai remarquée ce
sujet, c'est que dans son thème, si nous
en revenons à l'endroit où il a créé une grande partie de son thème, ici, est qu'il a mis une durée de
75 en tant qu'élément de thème au-dessus de chaque instance où une
durée était nécessaire Pour moi, c'est du mauvais code, car et si nous
voulions changer cette durée à
100 ou 50 ou n'importe quoi de ce genre ? Comment faire en sorte
qu'il ne le fasse pas ? Et c'est ce
sur quoi nous
allons travailler lors de la prochaine conférence :
comment faire en sorte que l'IA nous
aide réellement à refactoriser notre code Plus tard, nous approfondirons un peu plus
le processus de révision. Mais maintenant, nous devons comprendre, nous l'avons créé, mais
nous en avons besoin pour le refactoriser Si nous disons que nous sommes bons, que cela nous
plaît, que tout fonctionne, mais que nous voulions faire quelque chose légèrement différent
en termes de code, que faisons-nous pour ce processus de
refactorisation Et c'est ce que nous
allons faire ensuite.
5. Refactoriser le code rapidement: Parlons donc de la
refactorisation du code. Nous nous retrouvons donc
avec quelque chose que j'ai remarqué dans le dernier article, à savoir qu'il
semble placer ces thèmes de
telle sorte que si nous voulions passer
en telle sorte que si nous voulions passer sombre ou en mode clair, cette durée devrait être modifiée dans 12, 20 ou
100 fichiers au fur et
à mesure que ce projet se développe. Nous voulons donc aller de l'avant
et atténuer cela. Pour ce faire,
je vais
commencer par créer un nouveau chat. La raison pour laquelle je souhaite créer
un nouveau chat est qu'il contient beaucoup de contexte superflu qui va commencer à influencer certaines de
nos décisions passées Nous voulons repartir à zéro. C'est un nouvel objectif, nous voulons
donc
repartir à zéro avec
ce nouvel objectif. C'est un nouvel objectif, nous voulons
donc
repartir à zéro avec
ce nouvel objectif. Donc, lorsque nous arriverons à
ce nouveau chat, ce que nous voulons faire, c'est d'
abord lui poser une question. Peut-être savons-nous avec
certitude qu'il s' agit d'un anti-modèle,
mais nous pouvons nous le demander. On peut dire que j'ai remarqué qu'
en mode lumière foncée, nous avons réglé la durée 75 sur un
tas d'éléments différents. Est-ce un anti-modèle ? Pouvons-nous le réparer ? Encore une fois,
nous communiquons avec l'IA. Nous ne sommes pas sûrs à 100 %. Nous pensons simplement que cela semble faux, et nous voudrions probablement
le changer. Mais nous pouvons également lui demander pourquoi
il l'a fait. Donc, si nous lui demandons
cela, il va y réfléchir en profondeur, il y trouvera tous
ces cas d'utilisation, puis il verra le problème. Ensuite, il va
nous donner sa réponse à ce sujet. Donc, il est dit : « C'est
une bonne prise ». Oui, c'est un anti-pattern.
Examinez votre CSS global. Vous disposez déjà d'une règle de transition
globale. Cela signifie que vous avez
ajouté de manière redondante la durée 75. Vous êtes ajouté de manière redondante. Eh bien, l'IA l'a fait, mais pour la transition des couleurs
, tous les messages instantanés
individuels sont
déjà appliqués à AppledGlobly Cela rend votre code plus
robotisé et plus difficile à maintenir. Supprimons les classes de
transition redondantes de votre code Il va donc procéder à cette refactorisation pour nous
en supprimant ce code, puis nous pourrons le
tester ici dans une seconde Cela soulève donc un point
très important. Comment savoir si
le code
généré est de qualité supérieure ? Comment l'empêcher de
créer un code de mauvaise qualité ? Eh bien, la première étape
est notre expertise. C'est moi qui ai
détecté ça, pas AI. Nous pouvons donc lire le code comme n'importe quel autre processus de révision de
code. Nous devons le lire attentivement et assurer que le code est conforme à bonnes normes de
qualité. Par
exemple, si l'un de vos pairs
crée du code et qu' procède à une révision du code, nous
devons faire de même avec l'IA. Nous ne pouvons pas simplement
lui faire confiance aveuglément, car il existe 1 million de
façons différentes de faire les choses, et elle doit
suivre la façon dont nous voulons faire les choses et
qui correspond à notre projet, notre entreprise, à nos
politiques, etc. C'est donc nous qui faisons le premier pas. La deuxième étape est lorsque nous faisons quelque chose
comme ça, nous pouvons dire : Pouvez-vous scanner le code pour d'autres
anti-modèles potentiels et les répertorier ? Nous pouvons faire quelques vérifications de
santé mentale ici. Nous pouvons le dire, hé, je veux que vous scanniez le
code et que vous
regardiez très rapidement pour voir s'il
y a d'autres anti-modèles dans la base de code que
nous pouvons aider à corriger. Nous pouvons donc lui poser des questions sur
certains problèmes ou problèmes
potentiels et voir
comment il nous donne une liste, puis nous pouvons
décider lesquels,
selon nous , pourraient être des anti-modèles. Donc, au fur et à mesure,
il
recherchera tous les anti-modèles
qu'il pourra trouver. Nous pouvons également lui demander de
vérifier, par exemple, les erreurs de frappe,
les bogues potentiels ou tout autre élément de ce
genre, et il trouvera de bonnes choses. Et ce qui
est amusant, c'est qu'il a déjà rencontré beaucoup de problèmes
avec son propre code. Le premier est le risque de boucle
infinie. Si l'utilisateur a évalué
tous les chats disponibles à partir de l'ABI, cela
devient une boucle infinie. Ajoutez une limite maximale de tentatives ou affichez un que
vous avez évalué tous les messages CAT Je ne sais pas
combien proviennent de l'API AI, mais il pourrait y en avoir 100 millions. Ce n'est peut-être pas
un gros problème, mais il est probablement bon de le résoudre. Fuite de mémoire. C'est une bonne idée. Démonté avant la fin du
délai imparti. Je vais essayer de faire le point
sur le démonté, effacer le délai d'attente et
la fonction de nettoyage, de mutation du
tableau, mutation du
tableau problème qui fait en quelque sorte
muter l'original Bien que cela fonctionne ici,
c'est une mauvaise pratique. Cela pourrait provoquer des bugs. C'est une bonne idée, une assertion de type
dangereuse, logique de thème
dupliquée, aucune
validation JSON, etc. Donc, tout cela est juste
pour vous montrer que
6. Cessez de passer des heures à déboguer ging: Le débogage est un autre
domaine essentiel dans lequel nous pouvons utiliser l'
IA pour résoudre les problèmes,
atténuer et accélérer les choses Si nous le remarquons, il
ne semble pas y avoir d'erreur sur ce site Web. Nous l'avons testé pas mal, et il a l'air plutôt bon. Cependant, lorsque nous
arrivons au navigateur, il se passe quelque chose d'
intéressant. Lorsque nous cliquons sur l'historique ici, nous avons toutes ces dates
invalides, ces objets, certains chats que nous
n'avons pas évalués auparavant et tous ces liens morts. Alors, que s'est-il passé ? Eh bien, je sais
déjà ce qui s'est passé, mais je vais partir du principe que je ne sais
pas quoi et nous allons voir si l'IA peut nous
aider à résoudre cet étrange bogue. Donc, ce que je peux faire, c'est vraiment bien définir
le problème. Je peux donc dire que dans le navigateur à curseur
local, il ne semble pas y
avoir de problème. Cependant, lorsque j'ouvre une
session sur mon navigateur Chrome,
dans la section historique, dans la section historique, il semble qu'il y ait des
chats que je n'ai pas évalués et qu'ils ont tous des liens d'image
rompus. Nous avons donc défini ce
problème de manière décente. Nous devons nous assurer inclure tous
les détails supplémentaires possibles. L'un de ces détails
que je pourrais ajouter est j'ai déjà réalisé ce projet, mais il s'agit d'un tout nouveau projet. Donnez-lui cette information
. Je ne sais pas s'il s'
agit d'un problème de cache ou s'il s'agit d'une erreur d'extraction
. Nous lui avons donc donné
un montant décent. Nous pouvons maintenant cliquer sur la touche
Entrée dessus, et nous pouvons voir ce qu'
il en pense. Il examine donc en profondeur, et il effectue
toute cette phase de réflexion comme il le fait toujours. Mais ça dit que je peux t'
aider à diagnostiquer. Il semblerait que vous
soyez confronté à une persistance
du
stockage local par rapport aux projets précédents. Cela semble assez précis.
Par exemple, je suppose que l'IA crée toujours
le même stockage local. Permettez-moi d'analyser la mise en œuvre du
stockage. Vous avez parfaitement trouvé le problème,
votre nouveau projet
lit le stockage local
des anciens évaluateurs Cat Étant donné que les deux produits utilisent
la même clé de stockage, ils évaluent par
chat et qu'ils exécutent
le même domaine, probablement 3 000,
ils vont faire l'affaire. Il va donc
procéder à la mise à jour de la clé de stockage pour moi vers la version 2. Et maintenant, nous pouvons
continuer et le relancer. Donc, si nous vérifions notre
navigateur, actualisez-le. Nous avons un cache vide ici, et maintenant nous pouvons vérifier, et cela a aidé à corriger notre bogue. s'agit donc d'un bogue très
simple à corriger, mais il pourrait être complexe si nous ne combinions pas ces deux informations. Maintenant, lorsque nous arrivons à d'autres bogues, beaucoup d'entre eux peuvent être
résolus en copiant et en
collant et en demandant à l'équipe de
résoudre le bogue Mais parfois, cela peut créer
des problèmes sans cela. Cela peut créer plus de
problèmes qu'il n'en résout. Pour résoudre ce problème, nous
devons nous assurer toujours lui demander de s'exploiter
lui-même avant de corriger un bogue Donc, si nous entrons dans
notre code au hasard, nous pouvons accéder à notre API CAT,
euh, le supprimer, l'enregistrer. Ça ne
marchera plus. Ensuite, je peux aller
ici et disons, créer une
incompatibilité de variables ici Il va y
avoir beaucoup de problèmes, et maintenant je peux le dire,
alors nous ouvrons un nouvel
onglet ici et nous disons que j'ai quelques problèmes. Tu vois, rafraîchis ça. Ça
ne marchera pas. Si je reçois un chat qui n'a pas pu être
chargé, veuillez réessayer. Veuillez décrire les étapes
à suivre pour le déboguer avant Nous pouvons donc, encore une fois,
lui demander de se décrire, et nous avons simplement résumé les
éléments de base de ce qui se passe. Il rencontre une erreur,
et il va vous dire,
décrivez les étapes à suivre
pour le déboguer, et il nous le dira.
Mon plan de débogage Il va localiser
le message d'erreur, trouver où le chargement échoué est affiché dans le code
et le comprendre. Cela va donc commencer par le message d'erreur et revenir à zéro. C'est quelque chose
que je fais également. Si cela arrive
jusqu'au début, c'est un départ et je peux
commencer à creuser. Il va examiner
la couche API, voir quels points de terminaison sont utilisés Il va examiner
le composant, les données ou le composant lui-même, et il va vérifier les problèmes
d'API courants Inspectez la console du navigateur,
puis testez le point de terminaison de l'API voir s'il fonctionne
à l'autre bout. Ce sont toutes d'excellentes étapes de
dépannage. Une fois cela fait, il est allé de l'avant et a découvert
le problème lui-même. Il est dit qu'après examen, j'ai identifié le code,
le bogue est là. Il manque le T à
l'ERL au début, il l'a
donc trouvé Alors maintenant, nous pouvons continuer et
réessayer d'actualiser cette page. Et c'est toujours un problème. Je vais donc à Eh bien, d'accord, je n'ai pas vraiment
changé le code. Veuillez mettre à jour le
code pour le corriger. Alors maintenant, nous lui donnons l'autorisation
de mettre à jour le code. Vas-y, corrige le problème,
actualise. Maintenant, ça a l'air bien. Passons maintenant à
l'histoire. Nous avons quelques problèmes ici.
Le magasin n'est pas défini. Encore une fois, il suffit de redescendre. C'est l'autre chose que j'ai faite. Je peux simplement le
copier-coller et dire, obtenir cette erreur lors
du chargement de la page principale. Il va suivre
son processus, et il va
probablement découvrir qu'il devrait être stocké avec
un E à la toute fin. Oui, il y a une faute de frappe, corrige la faute de frappe,
et maintenant,
il faut résoudre ces Certains bugs, comme je l'ai dit,
seront plus complexes. Et pour corriger ces bogues
vraiment complexes, beaucoup d'entre eux disposent désormais de
cette fonctionnalité de débogage Ce que le débogage fera, c'est que s'il ne
trouve pas le problème
dès le départ, comme ces solutions simples, il commencera à ajouter
des journaux en lui-même Et à partir de ces journaux,
il pourra
lire ce que
fait le code lors de son exécution. Et à partir de ceux-ci,
il sera également en mesure de
déboguer des problèmes beaucoup plus
complexes C'est donc quelque chose où vous avez une
très grande base
de code avec
beaucoup de problèmes ou un problème très profond. Vous pouvez utiliser cette fonctionnalité de débogage, et elle sera vraiment
utile à cet égard Mais dans l'ensemble,
il ressort de cette conférence que l'IA peut être vraiment très utile pour le débogage Il peut vous expliquer non
seulement les étapes à suivre, mais aussi vous donner un aperçu mesures que
vous devriez peut-être prendre. Cela aidera à résoudre certaines erreurs
vraiment basiques presque immédiatement et à peu près immédiatement jusqu' à
des erreurs intermédiaires. Et il existe des moyens de le faire aller encore plus loin et
de corriger
lui-même une grande partie de ces bogues banals afin que nous puissions détecter
ces erreurs plus rapidement et les corriger
beaucoup plus rapidement
7. Utiliser l'IA pour réparer l'IA: Comment pouvons-nous utiliser l'IA pour
nous aider dans le processus d'évaluation ? Eh bien, il existe
de nombreuses façons de le faire. La première consiste à poser une question
manuellement. Donc, si nous examinons
notre code et nous trouvons quelque chose qui
semble un peu sommaire, nous pouvons faire ce que nous avons fait lors la dernière conférence
et nous demander s'il s' agit d'un anti-modèle.
Est-ce que vous changeriez cela ? Et nous devons être
les arbitres de ces décisions, car
en fin de compte, l' IA
tend souvent à être
positive et à obtenir des résultats dans
chaque demande Cela signifie que si vous lui dites :
« Hé, c' est un
anti-schéma,
corrigez-le, il disparaîtra, oui, c'est
un anti-schéma, et ça le changera, même si
c'est dans la mauvaise direction Nous devons donc faire cette
collaboration constante en lui posant des questions
et en voyant si cela peut nous apporter de
bonnes réponses. Il existe également des outils comme celui-ci. J'ai implémenté un bouton de saut
rapide, et vous pouvez voir que j'ai cliqué sur le
bouton Réviser ici Cela m'amène à cet
onglet, et ici, il y a un bouton qui dit : «
Vérifiez ce code pour détecter les problèmes ». Il va
subir quelques modifications. se peut qu'il y ait beaucoup de modifications ou qu'il y ait un seul fichier, et cela nous donnera tout un
tas de commentaires sur ce
qu'il pense être bon ou mauvais
avec ce changement de code. Maintenant, ce qui
est intéressant c'
est que je lui ai demandé de faire
une chose très simple, qui consiste
à
ajouter un bouton de saut et à modifier légèrement
la hauteur de la
page principale. Donc, s'il y 13 points qui
ne vont pas, alors vous savez que nous
devons être les arbitres, comme je l'ai dit, et
choisir ceux qui y figurent Maintenant, celui-ci s'est bien comporté. Il a dit que je n'ai trouvé aucun problème
avec ce changement de code. Et c'est positif, car nous voulons qu'il
ne rencontre parfois aucun problème. Donc, avec ce code, il
indique que c'est du bon code et qu'il est prêt à le valider. Parfois, il
arrive que des problèmes
comme celui-ci apparaissent arrive que des problèmes
comme celui-ci avec différents niveaux avec différents niveaux
de problèmes liés au code, et nous devons simplement
examiner chacun d'entre eux, puis voir si c'est
quelque chose que nous voulons corriger,
si c' est quelque chose que
nous voulons aborder, si c'est quelque chose que
nous voulons commenter. Si nous consultons les revues de relations publiques
sur github.com, elles sont également intégrées
à une IA,
et vous pouvez également lui poser des questions
sur la révision du code Donc, dans l'ensemble, nous
devons simplement savoir que IA peut nous aider dans le processus de révision
du code. Cela peut donc nous aider à
écrire le code. Mais ensuite, nous devons l'
examiner manuellement nous-mêmes. Nous devons lui poser
des questions au cours ce processus ici
et lui demander de l'analyser. Ensuite, lorsque nous passons à
l'examen des relations publiques, nous devons demander à d'autres
personnes de
l'examiner manuellement et d'utiliser l'IA pour l'examiner. Et cela créera un code de
très haute qualité qui était autrefois très, très éprouvant et
long à créer Nous pouvons en quelque sorte créer en utilisant
l'assistance de l'IA.
8. Comprendre rapidement les bases de codes complexes: Si vous n'obtenez rien
d'autre dans ce cours, suivez-le dans ce cours, et c'est que l'IA peut
nous aider à comprendre le code complexe. Nous n'avons plus besoin d'entrer dans un référentiel contenant 100 000
lignes de code différentes
réparties dans 1 000
fichiers différents et
d'essayer de comprendre le flux complexe d'une variable
donnée. L'IA est vraiment très
bonne dans ce domaine, et elle est précise à 100 %. Nous pouvons donc accéder à n'importe
quel référentiel, lui poser une question complexe et lui analyser pour nous. Par exemple, ici, je ne sais pas vraiment
comment fonctionne le stockage. Je sais juste qu'il utilise le stockage
local. Je peux donc dire, dites-moi avec inquiétude comment fonctionne le
stockage sur ce site, donnez-moi les avantages et les inconvénients En lui indiquant simplement cette invite
très simple, nous pouvons obtenir un très
bon rapport
sur la répartition du stockage dans
l'ensemble du système. Les variables sont également excellentes
pour cela. Vous pouvez y copier et coller une
variable et dire : « Dans ce document, j'
ai cette variable, donnez-moi des informations générales,
vous savez, générales, dites-moi comment cette
variable est utilisée dans le code et comment elle affecte les différentes
parties du code. Donc, ce que nous avons ici, c'est qu'il nous
indique exactement comment il se stocke. Le système de stockage
est là, il fournit une simple couche de
persistance côté client. Les opérations de base
que vous pouvez enregistrer obtenir ont été notées
et clairement notées. Ce sont les quatre
opérations qui l'accompagnent. La structure des données
est la suivante, et il y a des avantages ici. Il n'a aucune infrastructure, des performances
rapides, mise en œuvre, une
sécurité SSR, une gestion des erreurs et un bon outil d'apprentissage C'est un inconvénient : il n'est pas évolutif
car il y a une limite, aucune persistance des données sur
l'appareil, aucun compte utilisateur, problèmes de
performance liés aux
conditions de course sont possibles, aucune analyse, aucun contrôle des
doublons, aucune compatibilité avec les
navigateurs, perte de
données, sécurité et confidentialité. À partir de
là, cette approche
nous indique que pour les MVP, les
prototypes, les applications mono-utilisateur, c'est une bonne chose Mais si nous essayons
réellement de le déployer,
c' est une mauvaise chose. Et nous avons juste quelques
suggestions pour l'améliorer. Donc, dans l'ensemble, au lieu d'
avoir à lire le code et à faire tout un tas de recherches sur Google, qu'est-ce que cela signifie ? quoi sert cette bibliothèque, nous pouvons lui poser des questions
et lui demander
de vraiment définir différentes parties de notre code manière vraiment,
vraiment accessible. Nous pouvons également lui demander d'affiner cela. Et disons définir cela d'
une manière que les parties prenantes
comprendraient. Donc, cela va le rendre un peu
stupide, ce qui signifie que cela supprimera certains détails techniques afin qu' une personne peu technique puisse les
comprendre un peu Ainsi, en langage clair,
l'application
enregistre les évaluations des chats des utilisateurs
directement sur leur navigateur Web, de la
même manière que les sites Web se souviennent vos préférences de connexion
ou des articles de votre panier d'achat. Imaginez-le comme un bloc-notes situé dans le navigateur de l'utilisateur. Lorsqu'ils écrivent un chat, nous l'
écrivons dans leur carnet
personnel. Aucun serveur, base de données ou stockage
dans le cloud n'est impliqué. Donc, en gros, nous pouvons
le décomposer en très petits termes profanes que nous pouvons soit utiliser pour le
décrire à d'autres personnes, soit parfois même en tant que
techniciens, nous avons besoin d'une
description non technique pour
pouvoir réellement traiter
cette information L'utilisation de l'IA pour définir
et expliquer le fonctionnement
des projets peut donc et expliquer le fonctionnement
des projets peut vraiment aider les développeurs juniors
ou intermédiaires
ou même les développeurs seniors à se
lancer dans un nouveau projet.
9. Adapter votre IA à vos règles: La dernière chose que je voudrais
aborder dans Cursor IDE et tout autre IDE AI, c'est qu'
il y a toujours un endroit où vous pouvez mettre vos propres règles. Donc, si nous accédons à nos paramètres et que nous descendons dans les paramètres de
notre curseur, nous pouvons en fait passer aux règles et aux commandes. Avec cela, j'ai en fait
créé un ensemble de règles ici, une règle utilisateur dans laquelle il
crée une banque de mémoire qui l'aide à comprendre
ce qu'il a fait dans le passé. Essentiellement, il crée simplement
un fichier Markdown dans
lequel il garde une trace de certaines
des tâches créées Mais nous pouvons utiliser
de nombreux domaines différents ici. Nous avons des commandes de projet,
des règles et des règles utilisateur générales qui seront utilisées
dans chacune d'entre elles. Ainsi, pour ce projet en particulier, nous pouvons créer une
règle personnalisée ou une règle distante. Et vous pouvez lui donner un
nom comme, par exemple ,
nous pourrions dire
que celui-ci portera sur
une palette de couleurs. Et nous pouvons dire que pour cela, la règle est la totalité du projet
chaque fois qu'une couleur est nécessaire, reportez-vous à ce nuancier. Et vous pouvez lui donner juste des couleurs. Comme la couleur X, la couleur Y, la couleur Z. Ce que cela va faire, c'est qu'
avant d'
exécuter chaque invite, il va s'assurer que
cela est dans le contexte. C'est important parce que maintenant il ne
devinera plus jamais les couleurs. Vous lui donnez sa
palette de couleurs, et si vous créez un nouveau composant, une nouvelle zone
ou une toute nouvelle page, cela vous dira : « Eh bien, cela
m'a dit que nous devions
examiner cette palette de couleurs. Il s'agit d'un exemple très, très
simple, mais un exemple plus complexe pourrait être la façon dont vous utilisez les
hooks dans votre projet, la façon dont vous utilisez les
contextes dans votre projet. façon dont vous
voulez stocker des informations ou votre préférence pour les majuscules ou
minuscules,
les identifiants, les UUID, les graines aléatoires, tout ce qui
est en quelque sorte spécifique à la
politique de l'entreprise ou même
simplement une préférence personnelle, vous pouvez continuer et lui indiquer
ces règles dès le départ Et maintenant, chaque fois
que vous demandez une invite, ces règles seront
incluses dans l'invite, ce qui
vous évitera de
poursuivre constamment l'IA dans un cercle
où vous fixez une zone,
vous lui demandez de créer une nouvelle
zone, et elle oublie toutes
les instructions sur le
côté gauche que vous venez de lui demander de faire poursuivre constamment l'IA dans un cercle
où vous fixez une zone,
vous lui demandez de créer une nouvelle
zone, et elle oublie toutes
les instructions sur le
côté gauche que vous venez de lui Les règles sont un excellent moyen de maintenir continuité des contextes et de
s'assurer qu' corrigent réellement certaines de ces petites
incohérences L'un des domaines clés à cet égard est qu'
il existe dans l'
IA quelque chose appelé « analyse du
contexte »
ou « synthèse du contexte Cela signifie
que
nous finissons par atteindre notre fenêtre contextuelle. Vous pouvez en quelque sorte
le surligner ici et le voir. Nous en avons utilisé 23 000 sur
200 000 de notre fenêtre de contextes. Désormais, il ne contacte plus
Smash à 200 000. Il le
fera généralement avant cela, peut-être entre 100 et 150 000. Cela signifie
qu'il va
prendre tout le contexte obtenu et exécuter
une fonction qui permet de tout
résumer dans une fenêtre contextuelle
plus petite. Cela permet d'économiser de l'argent sur le curseur, et cela vous fera également économiser de l'argent
au final. Cependant, le
contexte peut parfois bouleverser
certaines de vos règles Cela les placera d'une
manière qui ne correspond plus vraiment à ce que vous essayiez d'accomplir. Donc, si jamais vous voyez ce genre
de situation monter dans cette fourchette de 60 à
70 %, il est probablement temps
de commencer une nouvelle discussion. Remettez cette
fenêtre de contexte à zéro. Et lancez une nouvelle discussion
avec
le contexte correspondant
au problème en question. Ne vous contentez pas d'une
longue chaîne laquelle vous êtes constamment en
contact. Continuez à créer de nouvelles discussions avec nouveaux objectifs et
gardez-les vraiment concentrés, et vous ne rencontrerez pas ces
problèmes à l'avenir. Mais sachez qu'il
existe un large éventail de règles que vous
pouvez appliquer à l'IA, et cela peut vraiment aider à éliminer certaines de ces incohérences
10. À votre tour : description du projet: Nous sommes donc arrivés à la
partie projet de ce cours, et j'en ai créé une
très amusante dans laquelle vous pouvez créer un petit
ranker pour chats Je veux que tu fasses
quelque chose de similaire. Trouvez une idée
vraiment simple, partez de zéro et utilisez AI IDE pour créer
un produit pour vous. Posez-lui des questions,
déterminez vos exigences, vos spécifications et créez vraiment quelque chose solide et de robuste pour commencer. Assurez-vous de lire le code
et de créer un produit qui soit non seulement vraiment
amusant, mais aussi un code de qualité. Allez-y, soumettez
ce projet, prenez une capture d'écran de
ce que vous avez créé et donnez-lui une petite description de
ce que vous avez créé, de
certains des avantages de l'utilisation de l'IA et peut-être de certains des inconvénients vous avez rencontrés
lors de l'utilisation de l'IA. C'est
censé être vraiment amusant, quelque chose que vous pouvez faire en
30 minutes à une heure et que vous
pouvez regarder ces 30 minutes
à une heure et rire que vous venez de créer
ce petit projet. Merci donc à tous, et j'ai hâte de voir
vos projets.
11. Conclusion: Ce cours est une
introduction rapide à la manière dont vous pouvez utiliser l'IA pour
accélérer votre flux de travail. Le flux de travail est très simple. C'est le fait que
nous voulons utiliser l' IA à chaque
étape du flux de travail. Mais la clé, le
plus important, c' est que nous ne voulons pas qu'elle fasse
tout le travail, qu'elle
le
pousse et qu'elle continue sa vie. Cela créera des
problèmes de sécurité, des bogues ultérieurs, du code
mal configuré
et des dettes technologiques, car cela créera quelque chose de
légèrement différent à
chaque fois Il ne va pas
suivre ces règles. Il ne
suivra pas certains modèles que nous
voulons qu'il suive. Nous devons donc nous
assurer manuellement qu' il le fait en
créant les règles nous-mêmes, révisant le code et en lui
donnant plus de contexte
possible lorsque nous
interagissons avec lui. Lorsque nous faisons cela, nous pouvons créer des projets tels que ce
site Web CAT en quelques minutes. Imaginez une journée entière à
interagir avec l'IA. Vous pouvez faire en sorte que cela
devienne presque déployable qu'il fallait auparavant une
équipe de deux ou trois personnes, peut-être une semaine pour se développer pleinement Il y a donc beaucoup de pouvoir
derrière ces outils. Si nous les utilisons correctement, nous pouvons accélérer notre flux de
travail sans avoir à
réduire notre qualité. Nous n'avons pas à
être frustrés. Cela peut vraiment faire du développement
un processus rapide entre
les mains d'un développeur senior et
expérimenté. Utilisez donc
l'IA pour l'expérimenter,
améliorez vos instructions, donnez-lui le plus de contexte
possible et voyez vraiment
ce qu'elle peut faire pour vous Continuez à expérimenter,
à apprendre ,
car il s'agit de la prochaine
étape
de la programmation . Nous devons donc tous maintenir
ces compétences afin de pouvoir continuer à innover
chaque jour Merci à tous de vous être
joints à moi pour cela, et je suis impatiente de vous voir
tous dans mon prochain cours.