Transcription
1. Introduction au cours Vibe Coding: Bienvenue dans votre introduction
au Vibe Coding. Je m'appelle Greg Hung, créateur et
technologue canadien depuis plus de dix ans, et je vous souhaite la bienvenue à ce cours Qu'est-ce que le Vibe Coding ?
C'est un terme très récent qui a été inventé par le cofondateur d'Open EI en février 2025, Andre Karpathy En réalité, il s'agit d'utiliser le langage naturel pour alimenter des AILM tels que Cha GBD, afin de créer des prototypes d'
applications pour générer Mais ce cours est plutôt une introduction
au codage vibe en général, car il existe d'autres plateformes que vous
pouvez utiliser pour le codage vibe,
comme l'adorable point
dev, les deux points NU, que j'ai mentionnés, et Google s' est
récemment lancé dans ce
jeu avec Gemini Canva Quelles sont donc les
applications du Vibe Coding ? Nous avons la capacité de
créer des jeux simples comme Space Invaders ou Tetris Vous pouvez créer
des tableaux de bord personnalisables qui répertorient vos actifs cryptographiques
préférés, ou peut-être qu'il s'agit d'un classement
des personnes les plus riches, ou peut-être même de prototypes d'applications de partage
d'écriture
comme les applications de partage d'
écriture Uber avec intégration de Stripe ou
PayPal J'ai même créé plusieurs applications
LLM qui vous
permettent d'utiliser Deep
Seek Deep C LLM,
ChagBT, Gemini, Clode, le
tout dans une seule application, une application super Dans ce cours,
vous allez donc recevoir
une introduction au codage Vibe, mais je pourrai m'appuyer
sur l'expérience que j'ai eue avec BoltotNu pour
créer un Donc, si vous souhaitez vous initier,
vous familiariser vous codage
Vibe et adopter une approche
conviviale pour les débutants, alors ce cours est fait pour vous
2. Qu'est-ce que le codage de vibrations: OK, je vais expliquer
ce qu'est le Vibe Coding. C'est un terme récemment inventé
par le cofondateur d'Open EI,
Andre Karpathy, cofondateur de Il a inventé ce terme
en février 2025. En fait, je revenais
de Bangkok en Thaïlande à Vancouver il y a tout juste une semaine. C'est fin mars 2025. Le terme a donc été inventé
en février 2025. Je faisais déjà du vibe coding. Je créais des applications, je
créais des jeux avec une plateforme qui m'a été
présentée, appelée BolTan mon ami Jay qui
m'a fait découvrir cela mon
retour de mon voyage à
Tokyo fin 2024. fait, vous utilisez des instructions, comme vous le faites avec HachBT
ou Microsoft Copilot, utilisant le langage naturel
pour alimenter un LLM en IA, En fait, vous utilisez des instructions,
comme vous le faites avec HachBT
ou Microsoft Copilot, en
utilisant le langage naturel
pour alimenter un LLM en IA,
adapté au code. Certains modèles d'IA adaptés au code
sont donc griffés ou cloés selon la façon dont vous
souhaitez le prononcer eIS HachBT est également ouvert et vous utilisez ces instructions
pour créer Quels sont donc quelques exemples
de ces applications ? Il peut s'agir de
tableaux de bord de cryptomonnaies répertoriant vos
actifs cryptographiques préférés, tels que Bitcoin, Nerium Vous pouvez personnaliser
ces tableaux afin de choisir d'ajouter
ou de supprimer ces actifs Vous pouvez définir des alertes par e-mail lorsque vous atteignez
un certain seuil. Vous pouvez vous envoyer ces
alertes par e-mail. Certaines autres applications
incluent la création prototypes pour
des applications de covoiturage comme Uber, et vous pouvez même intégrer les paiements
PayPal dans
ces applications Vous pouvez créer des jeux de base comme Space Invaders ou des jeux de type
Tetris avec de la vraie musique de jeu vidéo, et
des effets sonores Vous pouvez créer des applications qui
se connectent à des portefeuilles de
cryptomonnaies J'ai créé des applications
capables de transcrire audio en texte à l'aide de
ce que nous appelons des API Les API, dont je parlerai plus tard, vous
permettent
d'exploiter les fonctionnalités d'autres plateformes pour créer des applications vraiment puissantes. Vous pouvez donc créer des
prototypes ou des maquettes ou
même des applications ou des pages de
destination utilisables à l'aide du codage Vibe Dans un instant,
nous aborderons les différentes
plateformes que vous pouvez utiliser pour le codage Vibe, et je peux m'appuyer sur mon expérience avec Onyou and Lovable et Gemini Canva pour vous aider à
choisir celle qui vous convient le mieux
3. Quelles plateformes doivent être codées dans Vibe: Découvrez les plateformes que vous
pouvez utiliser pour le codage Vibe. Je vais m'appuyer sur mon
expérience avec Bol point N partager une partie des coûts.
Commençons. Aujourd'hui, nous avons donc
différentes plateformes. J'ai mentionné Boldt NU, et j'avais quelques alternatives, comme Lovable et il y
avait aussi Boldt N m'a donc été présenté
par un ami. Tout de suite, j'adore
l'interface. C'était très simple.
Et c'était puissant. Et vous pourriez
créer des applications utilisables. Ainsi, en utilisant le code dans Bolt, vous pouvez réellement voir le
code généré, puis vous obtenez un aperçu
de votre application. Vous pouvez également l'itérer
et le publier sur une
URL très rapidement. Ce que j'ai aimé,
c'est la simplicité, la puissance et le fait que ce
n'était pas trop cher. Je pense que j'ai payé 20
à 25 dollars américains pour
commencer , je pense,
environ 5 millions de jetons, ce qui était largement
suffisant pour expérimenter et créer plusieurs applications
au cours du premier mois. J'ai aussi essayé Lovable. Maintenant, Lovable avait également
une bonne interface. Il y avait des modèles. Vous pouvez donc utiliser d'autres modèles d'applications pour démarrer, puis vous pouvez les modifier
et les itérer Mais j'ai juste trouvé
que ce verrou était un peu plus robuste qu'adorable Mais c'est
à vous d'expérimenter, examiner les avantages et les inconvénients, et ces plateformes
changent chaque semaine choses pourraient
donc changer au
moment où vous regarderez cette vidéo. Une autre plateforme sur laquelle je faisais des recherches à
l'époque était Cursor. Le curseur est donc davantage
destiné aux programmeurs. J'avais un ami qui utilisait
Cursor. Il m'a montré certaines de
ses applications, et elles sont beaucoup
plus puissantes si vous êtes à l'aise
avec le
codage pour apporter des modifications
au code et
l'adapter à votre guise. Mon ami a donc
créé des applications
qui offrent des fonctionnalités CRM de base, à l'aide d'un curseur. Et oui, j'ai entendu beaucoup
de bons commentaires à ce sujet. Gemini Canva est donc une nouvelle entrée
dans l'espace. Il s'agit donc de l'
application Google de Google pour le codage Vibe. Il s'agit d'une
interface très similaire à Google Gemini. Et vous pouvez l'utiliser pour créer des choses
de base comme des jeux de
tick tac toe Vous pouvez l'utiliser pour créer un tableau de
bord d'actions ou de cryptomonnaies. Mais ce n'est pas comme
d'après mon expérience, en l'utilisant pendant une semaine, je
peux créer des jeux très rapidement dans le navigateur
que vous pouvez prévisualiser. Mais l'inconvénient, c'
est qu'il n'est pas très facile de
publier une application
très rapidement par rapport à Bolt on you
et à la partager avec quelqu'un. Il faudrait en fait le
mettre dans un dépôt GitHub. GitHub est donc une plateforme pour
stocker et publier votre code, ce qui devient un
peu plus technique Je dirais donc que Gemini Canva est actuellement bon
pour créer des jeux rapides,
pour créer des
applications de base, mais oui, pas bon pour
publier et partager ce moment, mais
cela pourrait changer Donc, si vous deviez
commencer, je dirais, dès maintenant, en avril 2025, que cette nouvelle option est une bonne option. Ce n'est pas trop cher. Et si vous voulez une option gratuite et que vous avez déjà
un compte Google, essayez
peut-être Gemini Canva Ce sont donc différentes
plateformes que vous pouvez examiner. Une autre plateforme que je
voulais lancer sur le ring et que j'ai essayée depuis le tournage
s'appelle Replet Replet possède donc également une interface assez
facile à utiliser. Et ce qu'il fait,
c'est qu'il vous permet prévisualiser l'application telle
qu'elle a été créée, ce qui la rend très intéressante. Mes impressions sur cette plateforme, je vais l'approfondir
dans une autre vidéo, mais elle a du potentiel, mais elle n'est pas aussi simple à
utiliser que Bolt et adorable Mais l'aperçu ne fait que vous
enthousiasmer, car vous pouvez voir les choses se construire étape par étape sous vos yeux
et voir une application très attrayante visuellement et
très adaptée aux mobiles.
4. De quelle expérience avez-vous besoin pour coder Vibe: OK, de quel type de
formation, de formation et d'expérience avez-vous besoin
pour commencer à coder Vibe Le principe
sous-jacent à ce terme est que vous n'avez pas besoin
d'être programmeur, vous n'avez pas besoin de connaître le codage. Mais de quoi avez-vous besoin ? Je dirais donc, d'après mon expérience, vous devez être à l'aise
avec les instructions, bien
sûr, et nous aurons une section
séparée à ce sujet Mais aussi le processus
d'itération. Ainsi, lorsque vous utilisez une invite pour générer du code ou créer un
brouillon ou une application, y a de
fortes chances que
vous n'
obteniez pas le bon résultat du premier coup. Vous devez donc être capable de le
réviser ou d'itérer pour
apporter des modifications dès
le premier brouillon ou à
la première invite Mais ce que je dirais, c'est que
votre première invite est vraiment importante, car si vous
êtes très abstrait ou large, vague ou général dès
les premières instructions, vous
obtiendrez probablement une application très générale ou un produit
ou un MVP minimum viable Ainsi, plus vous serez précis,
lorsque vous serez invité pour la première fois,
plus vous aurez de succès. Je dirais donc
que c'est un bon prompteur. Si vous êtes
doué pour réviser ou itérer, une
formation technique Lorsque vous accédez aux applications les
plus avancées, vous devrez faire appel à des API. Vous pouvez
donc accéder à
différentes plateformes,
copier et coller ces clés,
les transférer sur pouvez
donc accéder à
différentes plateformes, copier et coller ces clés, votre plateforme de codage
Vibe, et vous devrez peut-être même, vous savez, coller ces clés
dans différents dossiers Il faut donc être à l'aise
avec ce genre de choses. Et peut-être même en
regardant un code, juste pour avoir une idée générale
de ce qu'il fait réellement. Donc oui, je dirais que vous
n'avez pas besoin d'être codeur, mais le fait d'être technique peut aider. Être simplement à l'aise
avec la technologie. Cela étant dit, la meilleure façon de commencer est de
commencer réellement, et c'est de commencer à demander. Dans la vidéo suivante,
je vais donc vous donner
quelques conseils et exemples
tirés du fait d'être dans les tranchées
de l'ingénierie rapide
5. Applications que vous pouvez créer avec le codage Vibe oding: D'accord, quelles sont les
applications pour le codage Vibe ? J'ai passé en revue cette question brièvement. Nous pouvons créer des jeux, différents
types de tableaux de bord. Mais en général, en ce qui
concerne les applications que vous pouvez
créer avec le codage Vibe, votre imagination
est la seule limite Vous pouvez penser aux
différentes applications que vous avez sur
vos smartphones. Vous avez donc désormais la possibilité de
créer ces applications maquettes ou
prototypes utilisables qui
pourraient ensuite être affinés et
éventuellement transformés en une
application de production ou une application SAS. Le logiciel est une application cloud que vous pouvez monétiser,
vendre et éventuellement
intégrer à l'App Store Mais cela n'entre pas dans le
cadre de ce cours. Nous avons donc une application de
notation de golf. Vous pouvez créer des jeux de base
comme Pac Man ou Tetris. Vous pouvez créer votre propre
version de ces jeux en
personnalisant la musique ou
les règles du jeu Mais vous pouvez vous
inspirer du jeu
original pour créer votre
propre variante de ce jeu. Vous pouvez créer des tableaux de bord pour à
peu près n'importe quoi Les meilleurs Instagrammeurs, les
meilleurs actifs de cryptomonnaies, les meilleures actions du SMP 500 Et vous pouvez créer ce tableau de bord. Il est donc vraiment personnalisable. Vous pouvez ajouter ou supprimer certains actifs de
cryptomonnaies. Vous pouvez recevoir des notifications par e-mail. Vous pouvez afficher certaines icônes. Vous pouvez collecter des adresses e-mail
à partir de ces tableaux de bord. Vous pouvez créer des pages
de doublure pour promouvoir un certain
produit, un lancement de produit en cours. J'ai même créé
une doublure sur laquelle figure la pièce Trump
et Milania Donc, le cours des actions en temps réel et la possibilité de collecter des
adresses e-mail à partir de cette page. C'est vraiment limité
par votre imagination. Une fois que vous aurez commencé à appeler des API, vous pourrez créer des applications encore plus
puissantes. J'ai donc mentionné le chatbot
multi-LLM
appelé ChatBot GBT que j'ai créé Cela vous permet donc d'utiliser les IA
LLM de Deepsk à partir de Hat GBT,
Gemini, le tout dans J'utilise donc des API pour
créer cette application. Vous pouvez également utiliser des applications pour effectuer des tâches telles que la
transcription audio
ou, à l'avenir
, vous pourrez même créer
une application qui
vous permettra de couper des courts métrages à
partir d'une vidéo longue durée. J'ai en fait utilisé une autre
plateforme pour ce faire,
et peut-être qu' un jour ces plateformes de codage vibe
deviendront plus puissantes, les utilisateurs pourront
créer des
applications de production utilisables qu'ils pourront vendre beaucoup plus facilement et plus rapidement directement depuis la plateforme de codage
vibe Donc oui, ce sont des
idées d'applications différentes
de celles du Vibe Coding, et je m'attends à ce qu'elles
deviennent plus puissantes
6. Astuces pour l'ingénierie de requête: Très bien, rapide Ingénierie. C'est probablement la compétence la plus essentielle lorsqu'il s'agit de coder des
vibrations et de travailler
avec différents LLM basés sur l'IA J'ai donc acquis beaucoup
d'expérience en créant le cours BoltonU
sur l'ingénierie rapide J'ai également utilisé différentes
plateformes comme Rock Three, Microsoft
Copilot, Quels sont donc
les meilleurs conseils ? Ainsi, de nombreux AILM
introduisent de nouveaux modes
à votre demande. Vous pouvez avoir une recherche approfondie. Vous avez peut-être un mode de réflexion. Vous avez peut-être une icône de pièce jointe. Vous pouvez avoir une icône représentant une image et la possibilité de rythmer les URL
ou même d'utiliser votre voix Commençons donc par
le mode de recherche approfondie. Donc, la recherche approfondie est exactement cela. Il va faire des recherches approfondies. Il va falloir
plus de temps pour examiner les différentes plateformes afin de trouver votre réponse, une réponse très complète. Et sur Grock Three, l'avantage est qu'il peut
non seulement effectuer des recherches sur le Web, mais aussi rechercher tous les tweets ou publications sur x.com,
qui sont très C'est donc l'un des principaux avantages de l'utilisation du
mode de recherche approfondie sur x.com Chaque plateforme comme Google. Google a l'avantage d'
être un expert en matière de recherche, il sera
donc en mesure
d'extraire ces ressources. En mode de recherche approfondie, vous allez obtenir des citations. Mais à cette fin, mode de recherche
approfondie
convient à cette première invite. Une autre fonctionnalité de l'
invite est votre mode de réflexion. Donc, une fois que vous avez fait
vos recherches approfondies, vous pouvez lui demander de réfléchir. Donc, pouvoir
utiliser ces différentes
fonctionnalités dans l'invite. recherche approfondie est bonne
pour démarrer, et vous pouvez utiliser
Think pour trouver le code. Donc, par exemple si je créais un jeu,
je ferais des recherches sur la manière de
créer je ferais des recherches sur la manière de
créer le meilleur jeu de golf en mode
Deep Research. Ensuite, j'activerais mode
Think pour obtenir le code que je pourrais ensuite saisir dans les nouvelles instructions de mon Bolt
Dot Vous avez également le clip de
fixation. Vous
pouvez donc parfois joindre des images, vous pouvez joindre des classeurs Excel Vous pouvez coller des URL
provenant d'autres sites Web dans votre invite pour faire référence
à ce que vous souhaitez Donc, si je créais
un jeu vidéo dans Bota et que je
voulais utiliser de la musique, je pourrais
coller l'URL d'un
MP Three ou d'un Wayfle depuis un
autre site et dire « utiliser cette musique dans
ce jeu vidéo Je peux également faire la même chose
avec une image si je voulais utiliser une icône dans mon
application ou un favicon Je collerais l'
URL de cette image. Je dirais que dans l'
invite, utilisez cette URL. Il est donc bon d'avoir connaissance de
ces éléments dans votre arsenal d'ingénierie
rapide. Il existe également des instructions très
simples. Parfois, vous
obtenez un prototype Supposons simplement que le
prototypage de votre jeu ne fonctionne pas ou qu'ils ne fournissent pas les instructions sur
la façon jouer parce que vous n'avez pas
fourni ces informations. Vous pouvez simplement dire,
donnez-moi les instructions pour jouer. Comment sauter ?
Comment déménager ? Comment tirer ? Il suffit de créer cette
simple invite. Et puis, parfois, c'est la plateforme qui fait le gros du travail. Vous avez reçu les bonnes instructions, mais l'application
ne fonctionne pas, alors juste une simple
invite, par exemple, corrigez-la Il vous suffit de
continuer à le demander jusqu'à ce que vous obteniez une application
utilisable Très bien, alors
résumons simplement certains de
ces conseils d' ingénierie professionnels.
J'ai beaucoup souffert. Donc, dans votre message, qu'il s'agisse de Grock
Three ou de Gemini, soyez
conscient du
mode de recherche approfondie pour une recherche approfondie Mode Réflexion si vous
voulez qu'il
réfléchisse à un problème. Être capable de prendre ce résultat
de ces plateformes comme Rock Three, Gemini, Open E,
hat GBT, en prenant ce
résultat et en étant conscient,
vous pouvez en fait coller, encoder ou dans des plateformes de codage Vibe,
comme on et U.
Parce que BolTau n'est pas
sa force, ce n'est pas la recherche ou la réflexion. Parce que BolTau n'est pas
sa force, ce n'est pas sa force Vous pouvez donc utiliser les résultats d'autres plateformes utiles à la
recherche et à la réflexion pour les plateformes de codage
Vibe
telles
que recherche et à la réflexion pour Bolt U. en
étant conscient vous pouvez joindre, dans certains cas, des documents
joints, des PDF, des
clips à scanner dans vos
documents Sachant que
vous pouvez coller des URL,
vous pouvez joindre, dans certains cas, des documents
joints, des PDF, des
clips à scanner dans vos
documents pour obtenir de la musique, des effets
sonores, des images, en
étant Ou parfois simplement de
simples instructions. Corrigez-le, fournissez
les instructions, vous savez, en voyant simplement votre MVP
et en étant capable d'itérer Continuez simplement à le demander. Voici donc, en bref
, mes meilleurs conseils pour ingénierie rapide
au cours du trimestre
20250 Les choses vont toujours changer car ce domaine
évolue de manière dynamique.
7. Que sont les API s: OK, les API, les interfaces
de programmation d'applications. Je me rappelle avoir étudié
l'informatique et ces références aux API. J'avais l'air tellement
ennuyeux, un terme abstrait. En ce qui concerne le codage Vibe, il est vraiment puissant
car c'est ce qui déverrouille votre application
pour la rendre plus Google est donc un exemple de plateformes
proposant des API. Google dispose de nombreuses API pour ses fonctionnalités cartographiques
, par exemple. Stripe et PayPal disposent d'API. Si vous souhaitez ajouter un paywall ou un panier d'achat dans
votre application, vous devez utiliser des API Différentes cartes de golf dotées cartes de score
proposent des API, si vous souhaitez créer une
application de golf, par exemple Un autre exemple est une
plateforme de cryptomonnaie, coin Gecko, qui possède en fait une application
puissante en temps réel pour votre téléphone Propose une API gratuite
qui vous permet créer votre propre application de
cryptomonnaie. De plus,
HBT
propose des API très puissantes qui vous permettront créer différents types
d'applications GPT Alors allons-y
un peu plus. Une API est donc en fait une
chaîne de caractères. Si vous accédez à une plateforme
comme Google ou PayPal, vous devez simplement la
configurer pour créer une clé d'API, et vous devez copier cette clé, et elle n'est pas destinée à être partagée. C'est censé être
secret. Et lorsque vous êtes sur votre
plateforme de codage Vibe comme vous deux,
à un moment donné dans
votre application, vous pouvez dire quelque chose
dans votre accessoire, par exemple
utiliser cette clé d'API pour créer
un tableau de bord de cryptomonnaies, par exemple, pour afficher les
cinq principaux actifs de cryptomonnaies Permettez-moi donc de reformuler à nouveau
cette invite. Créez un tableau de
bord de cryptomonnaies répertoriant les cinq principaux actifs
à l'aide de cette clé d'API. Et votre plateforme peut dire que ce n'est pas une bonne pratique
d' utiliser cette
clé d'API dans l'invite, mais veuillez la placer
dans ce dossier. Il irait donc dans un dossier spécifique
de votre plateforme de codage Vibe ,
puis y
collerait simplement la clé Maintenant, sur la plateforme API API, disons simplement qu'il s'agit de
Google ou Chat GBT Une fois que vous aurez commencé à
utiliser cette clé d'API, ou si vous partagez cette
application avec d'autres utilisateurs finaux, vous verrez qu'elle est réellement prise en compte. Vous pouvez donc avoir un
certain nombre de crédits ou
acheter une certaine
quantité de cette clé API. Et une fois que votre
utilisation sera épuisée, vous devrez acheter une
plus grande partie de cette clé d'API. Ou si vous utilisez les clés d'API de
Google, ils peuvent suivre l'utilisation
puis vous envoyer une facture à
la fin du mois. Voici donc votre
introduction à la clé API. C'est donc un moyen d'améliorer les fonctionnalités
de votre application sur votre plateforme
de codage Vibe, qu'il
s'agisse d'un
point U ou d'un curseur Sachez simplement que vous
allez être facturé. La plupart des puissantes
API ne sont pas gratuites. Il y aura
des frais,
et ces frais sont déterminés
par la fréquence à laquelle cette clé d'
API est utilisée par
vous ou par vos utilisateurs finaux.
8. Comment créer un pong avec un codage ai: Très bien, je vais faire la démonstration d'un jeu très simple,
comme Pong C'est donc du tennis en deux D. Mais j'ai ajouté une petite touche d'originalité. Vous pouvez ajouter les noms des joueurs
et choisir un profil. Commençons donc par là. Greg, et je vais juste
ajouter un choix de profil. Et nous allons mettre Kasey Choose a pick choose this one Ensuite, nous allons démarrer le
jeu et la barre d'espace pour commencer. Les commandes sont donc ci-dessous. Donc W and S, c'est pour le joueur 1. Casey, joueur deux, c'est le haut et le bas. Donc je vais juste jouer
contre moi-même ici. Mais comme vous pouvez le constater, nous avons ici un
jeu de pong très simple, et nous avons les choix de profil. Cela ajoute donc un peu de personnalisation et nous
avons un effet sonore. Et le jeu va monter
à environ 11. C'est donc le jeu de la paume. Donc je vais juste le fermer. Je devrais probablement ajouter une
fonctionnalité pour arrêter le jeu. Mais je vais juste entrer dans les
coulisses et vous montrer mes instructions. Très bien, alors j'ai
commencé par un message créer un
jeu de tennis en deux D comme Pong Ensuite, j'ai utilisé l'invite
améliorée pour
trouver quelque chose
de plus détaillé. Passons donc à l'invite, et je vais vous montrer ce que je veux dire. Créez un jeu à deux, créez un
jeu similaire à Pong. Et l'IA est suffisamment intelligente pour
reconnaître un jeu comme Pong, puis vous pouvez cliquer sur l'
icône ici pour une meilleure invite. Vous pouvez donc voir que cela va vraiment au-delà de cette demande d'
une ligne, et c'est
la recette magique. C'était donc ma première demande. Je suis donc allée de l'avant avec les données
pour me concentrer sur la gauche. Puis j'ai vu la
première version, et c'est là que j'
ai mon deuxième message. Autorisez la possibilité d'ajouter un
ou deux noms de joueur
et d'ajouter un choix de profil. Donc, cette boîte de dialogue que vous voyez ici est le résultat de
cette deuxième invite, et elle a fait un assez bon
travail, exactement ce dont j'avais besoin. Et oui, c'est ça. J'ai déployé l'
application sur cette URL, et c'est un
jeu simple que nous avons. Je veux dire, tu peux utiliser ton imagination pour
rendre les choses plus complexes. Vous pourriez probablement lui demander de
changer certaines couleurs. Peut-être souhaitez-vous allonger
la pagaie ou lui donner la possibilité de
personnaliser sa taille. Vous pouvez donc utiliser
votre créativité pour rendre plus intéressant, mais ce n'est qu'un exemple
de base de la façon dont vous pouvez créer un jeu de pong,
un jeu de deux D-pong avec Bolt Nu. Peut-être que vous voulez vous
en inspirer pour créer un jeu similaire ou même un autre en utilisant certaines des idées présentées ici. J'espère donc que cette
leçon vidéo vous aidera et vous
incitera à créer certains de vos propres jeux en utilisant le codage par IA.
9. L’application audio par IA Transcribe: Bonjour, dans cette leçon, cette vidéo, je vais vous présenter un nouveau type d'application
capable de transcrire des textes
à partir d'un fichier audio Donc, ce fichier audio
que je vais utiliser a
en fait été généré par le Notebook LM de
Google, qui est un podcast audio. Voici donc l'application. C'est ce qu'on appelle un transcripteur audio
vidéo. Nous nous concentrons uniquement
sur l'audio pour le moment. Et bien qu'il y
ait un champ pour une URL vidéo qui
n'est pas encore disponible, j'aimerais
passer à cette étape. Mais ce que je lui ai demandé de
faire, c'est d'inclure cette possibilité de télécharger
des vidéos ou de l'audio afin que je puisse cliquer ici et
trouver le WayFle Nous partons donc de zéro
et je vais trouver un Wayfle Old Coin Summer Oh, je pense que c'
est celui-ci. Voici donc un wayfle. Vous pouvez voir que c'est en cours de traitement. J'utilise donc une autre API de
plateforme. Cela s'appelle Assembly AI. Je vais rapidement
vous montrer le site ici. Donc, assemble.com. J'utilise simplement le forfait
gratuit pour le moment, fournit la fonctionnalité
de synthèse vocale et vous permet de faire la distinction
entre les locuteurs. Alors, on y va. Nous pouvons donc faire la distinction entre les
locuteurs A
et B, et nous pouvons effectivement copier
la transcription afin pouvoir utiliser le
texte généré ailleurs. Alors disons simplement que nous allons
simplement ouvrir un bloc-notes. Et nous allons simplement le coller ici. Voilà la transcription. D'accord, donc je vais juste
faire de l'ingénierie inverse. Très bien, je vais donc
passer en revue certains
des points forts de cette application, et je vais brouiller certaines parties confidentielles,
à savoir les clés d'API J'ai donc commencé par un bal de fin d'année
très simple, créant une application
capable de prendre des URL YouTube les transcrire
et de fournir des
légendes. Et comme je te l'ai dit,
je n'y suis pas encore. Mais oui, je m'ai dit que ce n'était
pas une bonne idée de coller les clés d'API dans cette
fenêtre, comme meilleure pratique. Vous pouvez le faire dans le fichier ENV si vous
passez au code, puis dans la zone ENV, c'est là que vous
pouvez coller la clé API juste pour info J'ai donc créé l'interface utilisateur initiale ici avec le
champ URL, le bouton. Et oui, c'était
le brouillon. Ensuite, il m'a fallu un
certain temps pour trouver une clé d'API, une clé d'API capable digérer des fichiers vidéo
ou audio. J'ai donc fait pas mal d'
allers-retours. Et en fait, ce n'est
que lorsque j'ai découvert l'IA d'assemblage. Je lui ai demandé de le mettre à jour au départ, j'essaie d'utiliser certaines
API de Google, et c'est un processus continu. Mais en tant que première version, j'utilise Assembly AI Ils proposent donc une API gratuite pour prendre des fichiers audio
et les transcrire, et elle vous permet de
copier et coller le texte Donc, en gros, je lui ai dit de le mettre
à jour pour utiliser l'API Assembly AiS, et il l'a
fait assez facilement. Mais ce qu'il n'avait pas, c'était cette zone permettant de
glisser-déposer des vidéos audio. Je lui ai donc demandé d'
autoriser l'utilisateur à télécharger des fichiers audio ou vidéo. Alors j'ai assez bien compris
cela. Et à partir de là, j'ai dû en faire
une autre itération. Et c'est ainsi que l'application
devrait vous permettre de faire la distinction
entre le
haut-parleur A et le haut-parleur B et de copier le texte. Et voyez, voici l'
invite ici. Et oui, cela nous
amène là où nous en sommes aujourd'hui. Quels sont donc les enseignements à en tirer ? Les deux sont donc assez puissants. Je veux dire, la capacité de prendre une vidéo ou un fichier
audio et de le transcrire Mais aussi pour créer l'interface utilisateur. Bolt l'
a très bien compris, et je suis très impressionné
par la fonctionnalité de
glisser-déposer audio et vidéo et par la possibilité d'utiliser l'
API depuis une autre plateforme. J'ai très
bien compris cela et la capacité de faire la distinction entre les
orateurs A et B dans la transcription Cela vient de l'API, mais j'ai dû explicitement demander à Bolt de le faire et de nous
autoriser à le copier. Il s'agit donc d'une
version qui fonctionne bien de cette application. J'espère qu'à l'
avenir, je pourrai faire fonctionner
la
transcription de la fonctionnalité vidéo, et je pourrai la partager avec vous. Et oui, il s'agit donc d'un cas d'utilisation
différent de Bolt Dot U pour
créer des applications utiles. J'espère que cela
vous donnera des idées.
10. Résumé du codage pour Vibe: Le cours de codage Vibe. Il a été court et agréable, et c'est une
introduction à certains des concepts que vous devez connaître une fois que vous avez décidé de
vous lancer dans une plongée approfondie. Nous avons donc abordé des sujets
tels que le codage Vibe ? Quelles plateformes pouvez-vous utiliser pour le codage Vibe, comme Boldt NU, Gemini Canvas ou même Cursor si vous êtes un Nous avons passé en revue quelques
conseils sur l'incitation. Nous avons examiné de quel type d'
expérience de base
avez-vous besoin ? Avez-vous besoin d'être un programmeur
expérimenté en JavaScript ou
Python, par exemple Nous avons examiné
différentes applications que vous pouvez créer avec les plateformes de codage
Vibe J'ai également parlé différentes plateformes
comme Rock Three, façon dont vous pouvez les utiliser pour fournir de très
bonnes entrées rapides. Nous avons également parlé des API, qui vous permettent d'améliorer les
fonctionnalités de votre application, mais vous pouvez être facturé en
fonction de l'utilisation de votre API Maintenant que vous avez abordé
tous ces sujets dans le
cours, la prochaine étape, si vous voulez aller
un peu plus loin, est de commencer à coder
Vibe, en inscrivant à l'une de
ces plateformes Et il suffit de commencer. Créez simplement votre première application, commencez à l'itérer,
puis partagez-la avec des amis. Oui, la prochaine étape est
juste de commencer, choisir le formulaire de candidature. Personnellement, je
recommande NU ou Gemini Canva pour voir si ce truc de codage Vibe vous
convient et
quelles applications géniales vous pouvez créer avec le monde
pour résoudre