Cette IA Crée une Application COMPLÈTE en 10 min ! IMPRESSIONNANT !
Summary
TLDRLa vidéo présente la création d'une application complète sans écrire de code, grâce à l'outil Cloud et sa version 3.5, Sonnet. Exploitant les capacités d'IA, l'outil permet de développer des applications en cinq étapes, dès la capture d'écran initiale. Le narrateur, Lias, guide les utilisateurs à travers le processus, montrant comment intégrer des fonctionnalités et déployer l'application sur des plateformes telles que Replit, et même sur les écrans d'accueil des smartphones. Cette révolution dans le développement d'applications ouvre la possibilité à tous, même les non-développeurs, de réaliser leurs projets créatifs.
Takeaways
- 🌐 La vidéo présente la création d'une application complète sans écrire de code, grâce à l'outil Cloud et sa version 3.5 Sunet qui révolutionne l'intelligence artificielle.
- 🤖 L'engagement de l'IA Cloud est comparé à celui de Chat GPT, suggérant une potentielle concurrence majeure dans le marché de l'IA.
- 🛠️ L'IA Cloud est capable de générer du code et d'apporter des fonctionnalités à une application, sans que l'utilisateur ne soit un développeur.
- 🔍 L'étape initiale du développement consiste à trouver l'application à reproduire ou à améliorer, en utilisant des captures d'écran pour guider le processus.
- 📱 L'outil Cloud permet de créer une application en cinq étapes, avec la possibilité d'ajouter l'application directement sur un smartphone sans passer par les stores traditionnels.
- 👋 L'auteur de la vidéo, Lias, est le fondateur de Chatfow AI et a une communauté francophone passionnée par l'IA, partageant comment utiliser divers outils IA.
- 📝 L'IA peut être utilisée pour développer des fonctionnalités telles que la prise de notes, en utilisant des captures d'écran et des instructions basiques.
- 🔧 La personnalisation de l'application est possible, y compris l'ajout de boutons et la modification de la structure, tout en conservant le contexte de développement.
- 🔗 L'IA Cloud offre la possibilité de 'remixer' l'application créée par un autre utilisateur, en utilisant le code source existant comme base pour de nouvelles créations.
- 💻 Pour déployer l'application, l'IA peut guider l'utilisateur à travers des environnements de développement comme Replit, même sans connaissances préalables en codage.
- 📲 Une fois l'application créée et testée, l'utilisateur peut l'ajouter sur l'écran d'accueil de son téléphone, la rendant accessible comme une application native.
Q & A
Quelle est la nouvelle version de l'outil Cloud mentionnée dans la vidéo ?
-La nouvelle version de l'outil Cloud mentionnée est la version 3.5.
Quel est le nom de l'entreprise de développement en solution IA dirigée par le narrateur ?
-L'entreprise de développement en solution IA dirigée par le narrateur est appelée Chatflow AI.
Comment l'IA Cloud peut-elle aider à créer une application sans codage ?
-L'IA Cloud peut aider à créer une application sans codage en générant du code de A à Z et en fournissant un aperçu de l'application en développement, permettant aux utilisateurs de lui donner des instructions pour configurer et améliorer l'application.
Quelle est la première étape pour développer une application avec l'outil Cloud ?
-La première étape consiste à trouver l'application que l'on souhaite développer, en utilisant soit des applications existantes que l'on souhaiterait améliorer, soit en cherchant des idées en ligne.
Quel est le rôle de la fonctionnalité 'Artefact' dans l'outil Cloud ?
-La fonctionnalité 'Artefact' dans l'outil Cloud permet de donner un aperçu de l'application en développement, ce qui est important pour comprendre et suivre les modifications apportées.
Comment l'IA Cloud gère-t-elle le contexte des instructions données par l'utilisateur ?
-L'IA Cloud, étant basée sur un LLM (Large Language Model), est capable de garder le contexte des actions en cours et de comprendre les instructions données par l'utilisateur pour développer l'application.
Quel est le coût mensuel recommandé pour les utilisateurs qui souhaitent amener leur application à terme ?
-Le narrateur recommande le plan professionnel d'environ 17 francs, ce qui est moins de 20 € par mois, pour avoir un nombre d'aller-retour et d'échanges plus poussé et pour créer une application complète.
Quelle est la différence entre la publication de l'application sur Cloud et le déploiement sur Replit ?
-La publication sur Cloud permet de rendre l'application publique sans avoir à gérer le code source, tandis que le déploiement sur Replit permet de garder le contrôle total sur le code et de l'héberger sur un environnement de développement.
Comment l'outil peut-il aider les utilisateurs à déployer leur application sur un domaine ?
-L'outil peut aider les utilisateurs à déployer leur application sur un domaine en leur donnant des instructions étape par étape pour la publication et en leur permettant de lier un domaine personnalisé à leur application.
Quel est le nom de l'application de création d'application basée sur cette technologie que le narrateur recommande de découvrir ?
-Le narrateur recommande d'explorer Web SIM, une application de création d'application basée sur cette technologie.
Comment les utilisateurs peuvent-ils ajouter leur application en tant qu'application mobile sur leur téléphone ?
-Les utilisateurs peuvent ajouter leur application en tant qu'application mobile sur leur téléphone en ouvrant l'application dans Safari, en utilisant l'option 'Ajouter à l'écran d'accueil' et en donnant un nom à leur raccourci.
Outlines
🚀 Création d'applications sans coder avec Cloud 3.5
La première partie du script introduit l'outil Cloud et sa version 3.5, qui permet de créer des applications sans écrire de code grâce à l'intelligence artificielle. L'animateur, Lias, directeur de Chatfow AI, présente son entreprise et sa communauté francophone d'IA. Il explique le processus de développement d'une application en cinq étapes, à partir d'une simple capture d'écran, et annonce la possibilité d'ajouter l'application directement sur un smartphone sans passer par les stores traditionnels.
🔍 Recherche d'idée d'application et démarrage du développement
Dans cette section, Lias guide les téléspectateurs pour trouver l'idée de leur application, en suggérant de réfléchir aux applications qu'ils utilisent déjà et qu'ils souhaiteraient améliorer. Il conseille de rechercher sur Google des applications pour inspirer leur propre conception et de prendre des captures d'écran pour les utiliser comme base. L'outil Cloud est ensuite introduit, semblable à un chatbot avec un langage modulaire (LLM), et la fonctionnalité 'artefacts' est activée pour visualiser les développements.
🛠️ Étapes pour développer l'application avec Cloud
Le script détaille les étapes pour développer l'application avec Cloud. L'assistant Cloud analyse la capture d'écran de l'application choisie et rédige le code de l'application de A à Z. Lias insiste sur la nécessité d'utiliser Cloud 3.5 pour une meilleure efficacité et mentionne les avantages du forfait professionnel pour les utilisateurs qui souhaitent finaliser leur application. Il montre ensuite comment ajouter des fonctionnalités à l'application en lui donnant des instructions simples.
📲 Déploiement et partage de l'application créée
Dans cette partie, Lias explique comment déployer et partager l'application créée avec Cloud. Il montre comment publier l'application et la rendre accessible via un lien, permettant ainsi à n'importe qui d'y accéder. Il mentionne également la possibilité de 'remixer' l'application, c'est-à-dire de reprendre le code source et de créer une version modifiée, ou de continuer le développement sur un environnement de code comme Replit.
🌐 Finalisation du déploiement et publication sur un domaine
Lias conclut le script en montrant comment finaliser le déploiement de l'application sur un domaine personnalisé. Il guide les téléspectateurs à travers le processus de publication de l'application statique et la liaison d'un nom de domaine. Il encourage également à créer un backend avec Firebase pour une utilisation à long terme et à ajouter l'application sur l'écran d'accueil des téléphones pour une utilisation facile et rapide.
🎉 Disponible sur les appareils mobiles et opportunités futures
Enfin, Lias montre comment rendre l'application accessible sur les appareils mobiles en l'ajoutant à l'écran d'accueil via Safari. Il souligne les opportunités ouvertes par l'outil Cloud 3.5 et encourage les téléspectateurs à explorer d'autres applications basées sur cette technologie, comme Web SIM, qui permettent de créer des expériences d'IA innovantes et variées.
Mindmap
Keywords
💡Cloud
💡Intelligence Artificielle (IA)
💡Application
💡Capture d'écran
💡Développement d'application
💡Chatbot
💡Modèle de Langage Large (LLM)
💡Déploiement
💡Replit
💡Ajouter à l'écran d'accueil
Highlights
Création d'une application complète sans écrire de code grâce à l'outil Cloud et sa version 3.5 Sunet.
L'IA Cloud est capable de coder une application fonctionnelle sans connaissances de programmation.
Démonstration de la création d'une application en cinq étapes à partir d'une simple capture d'écran.
Ajout d'une application directement sur un smartphone en contournant les stores classiques.
Présentation de l'entreprise Chatflow AI et de la communauté francophone d'IA.
Utilisation d'un chatbot avec un LLM pour interagir avec l'outil Cloud.
Importance de l'activation de la fonctionnalité 'Artefact' pour avoir un aperçu du développement.
Ajout d'un fichier et d'un prompt simple pour demander la création d'une application de suivi de notes.
Nouveau modèle de Cloud 3.5 Sonnet est plus efficace pour coder des applications.
Comparaison avec Chat GPT et la capacité de Cloud à générer du code et un aperçu de l'application.
Configuration de l'application pour qu'elle soit fonctionnelle en utilisant des instructions simples.
Ajout de fonctionnalités telles que des catégories, des notes récentes, favoris et non classés.
Test de la fonctionnalité d'ajout de notes et de leur sauvegarde dans l'application.
Modification du design et ajout de fonctionnalités supplémentaires en donnant des instructions à l'IA.
Correction d'erreurs en utilisant l'IA pour comprendre et résoudre les problèmes.
Rendre les tags fonctionnels et améliorer l'interface utilisateur de l'application.
Déploiement de l'application sur un domaine en utilisant Repl.it et la publication sur le web.
Création d'un backend avec Firebase pour une application fonctionnelle à long terme.
Ajout de l'application sur l'écran d'accueil d'un téléphone pour une utilisation facile.
Discussion sur l'impact révolutionnaire de l'IA Cloud sur le développement d'applications.
Mise en avant des opportunités créatives ouvertes par l'outil Cloud aux personnes ne sachant pas coder.
Recommandation d'outils basés sur cette technologie, comme Web SIM, pour la création d'applications innovantes.
Transcripts
dans cette vidéo nous allons créer une
application complète sans jamais avoir
besoin de coder une seule ligne tout
cela est possible grâce à l'outil Cloud
et sa toute nouvelle version 3.5 sunet
qui est littéralement une des plus
grosses révolutions en matière
d'intelligence artificielle ces derniers
temps l'engouement général était
uniquement autour de chat GPT alors que
Claude était en train de préparer sa
contre-attaque sur le numéro 1 du marché
une contre-attaque qui pourrait bien
poser problème à tout l'écosystème
d'Open est-ce que cette IA Cloud est
réellement capable de savoir coder une
application sans avoir besoin de savoir
coder ou est-ce que c'est encore un coup
de marketing banal qui permet pas
réellement de créer une application qui
soit fonctionnelle pour ses utilisateurs
et bien après mêtre plongé plusieurs
jours dans cet outil j'ai découvert que
l'équipe de claud avait tout simplement
créé quelque chose d'incroyable dans
cette vidéo je vais vous montrer comment
créer une application complète en
seulement cinq étapes à partir de simple
capture d'écran restez bien jusqu'à la
fin de la vidéo car je vais vous montrer
dans la dernière étape comment ajouter
votre application directement sur votre
smartphone sans avoir à passer par les
stores classique si vous êtes nouveau
sur la chaîne et que vous savez pas qui
je suis je m'appelle lias et je vous
souhaite la bienvenue je dirige ma
propre entreprise de développement en
solution Ia appelé chatfow ai et possède
également la plus grosse communauté
francophone de passionné d'intelligence
artificielle j'apprends notamment à mes
membres et à mes abonnés comment tirer
parti un maximum de différents outils il
a tout comme l'outil qu'on va regarder
aujourd'hui c'est parti donc la toute
première étape pour développer cette
application elle est ultra simple et ça
va tout simplement consister à trouver
l'application que vous allez souhaiter
faire et pour cela vous avez deux
possibilités soit il y a déjà des
applications que vous utilisez tous les
jours et que vous aimeriez reproduire
améliorer changer quelques petites
choses et pour cela donc développer une
application de A à Z et donc à ce
moment-là vous allez aller réfléchir à
quelles sont les applications que vous
utilisez que vous pourriez reproduire
soit il y a pas forcément d'idées
particulière et à ce moment-là ce que je
vous conseille de faire c'est tout
simplement de taper sur Google
application pour suivre mes habitudes
applications pour gérer mes dépenses
personnelles vous allez voir des images
qui vont sortir et ce que vous allez
faire c'est tout bête mais vous allez
tout simplement venir screen shot
l'application que vous souhaitez refaire
par exemple comme vous voyez à l'éran là
il y a une application que j'utilise
pour prendre des notes qui est un peu
plus poussé que celle de Apple et là ce
que vous allez faire c'est tout
simplement prendre une capture d'écran
donc vous pouvez prendre une première
capture d'écran et après vous pouvez
venir vraiment prendre des captures
d'écran de toutes les fonctionnalité
mais pour commencer je vous conseille
d'en prendre seulement une maintenant
qu'on a choisi l'application qu'on veut
développer on se retrouve sur l'outil
cloud donc l'outi cloud bah il s'affiche
comme celui-ci il ressemble pas mal à
chat GPT donc en terme d'interaction
c'est un chatbot qui est propulsé par un
LLM donc un large enfin un large langage
modèle en anglais et l'idée c'est très
simple c'est que Cloud vous allez avoir
énormément de fonctionnalités que vous
allez pouvoir faire et notamment l'une
qui va s'afficher ici donc moi je l'ai
déjà activé donc elle s'affiche plus
mais c'est la fonctionnalité artefact
c'est très important que vous l'activiez
parce que vous allez voir par la suite
quand on va venir développer
l'application c'est ce qui va nous
donner un aperçu de ce qu'on est en
train de faire donc c'est très important
de l'activer ensuite vous allez voir ce
qui est très simple on va pas rentrer en
détail aujourd'hui dans les différentes
fonctionnalités on va simplement voir
comment cette IA peut nous aider à
développer une application sans avoir
besoin de coder qu'on va faire c'est
qu'on va venir ajouter un fichier et
donc on va prendre la capture d'écran
qu'on vient de prendre à l'instant donc
ça devrait être celle-ci maintenant
qu'on a pris la capture d'écran on va
venir lui donner un prompte tout simple
et pour cette démonstration j'ai voulu
vraiment faire quelque chose de très
basique donc j'ai déjà préparé un prompt
ici et on va tout simplement lui
demander de créer une application
complète et fonctionnelle de suivi donc
là hop ça c'est l'application que j'ai
fait hier donc de note et on va tout
simplement lui demander de créer une
application complète et fonctionnelle de
prise de notes hop on va ajouter prise
de notes à partir de la capture d'écran
que je t'ai fourni fais en sorte que la
structure soit correcte et ajoute tous
les éléments nécessaires pour que toutes
les fonctionnalités soient utilisables
comme vous le voyez encore une fois pour
cette démonstration j'ai choisi un PR
tout basique j'aurais pu aller beaucoup
plus dans le détail lui donner un rôle
lui donner un contexte comme on sait
bien le faire mais je voulais vraiment
voir de quoi il était capable avec très
peu d'instruction deuxième point très
important que j'ai oublié de citer il
faut vous assurer que vous avez bien
pris clot 3.5 sonnet sinon ça risque
d'être beaucoup moins efficace c'est
leur nouveau modèle et c'est surtout
celui le c'est surtout le modèle le plus
performant pour coder dernier point
encore une fois si vous êtes sur la
version gratuite sachez que ça
fonctionne vous allez pouvoir coder des
applications et cetera si maintenant
vous avez pour objectif de vraiment
amener à terme votre application je vous
conseille de prendre le plan
professionnel qui revient à 17 francs
donc à peu près moins de 20 € par mois
car ça va vous permettre d'avoir un
nombre d'aller-retour et d'échang euh
plus poussé et tout simplement pour
créer une application c'est mieux donc
la deuxième étape c'est tout simplement
de lui donner notre première instruction
et voir de quoi il est capable claud est
en train d'analyser donc notre Prom
notre capture d'écran et on va voir ce
qu'il va venir faire donc ici il est en
train de générer du texte et là c'est
incroyable il est tout simplement en
train de rédiger le code de A à Z mais
vous allez voir que la différence avec
chat GPT c'est qu'il va pas se contenter
de générer du code mais il va nous
donner un aperçu de l'application et ça
c'est complètement fou et c'est vraiment
bien plus poussé que chat GPT donc là
comme vous voyez ici on a deux
fonctionnalités on peut voir le code qui
a permis de faire ce première aperçue et
on a ici l'onglet Aperçu là comme on le
voit on a encore une version toute
basique mais mine de rien pour quelqu'un
qui sait pas coder c'est commandême déjà
faut savoir un peu d'HTML faut avoir un
peu de react on va passer à la troisième
étape et la troisième étape elle va
consister tout simplement à configurer
notre application pour la rendre
réellement fonctionnelle là on a la base
de l'application maintenant on va la
rendre fonctionnelle c'est que
maintenant qu'il nous a proposer ces
cinq suggestions de fonctionnalité à
développer on va tout simplement lui
dire prends ton temps pour développer
les points que tu as cité donc là pour
cette démo on fait au plus basique et au
plus nul entre guillemets des
instructions qu'on peut lui donner mais
imagine si on avait pris le temps donc
là il va venir nous développer ses six
dernières fonctionnalités et donc là on
voit qu'il a bien compris et qu'il est
venu développer de lui-même plein de
nouvelles fonctionnalités donc ici il
est venu mettre des catégories donc
toutes les nutes récents favoris non
classés et il est venu créer des sujets
donc il a vraiment recopié moi ce que je
vous conseille de faire maintenant c'est
de venir développer quelques
fonctionnalités pour tester donc nous ce
qu'on va lui demander de faire déjà
c'est ajoute un bouton en haut
là nous on va tout simplement lui
demander maintenant on va venir
configurer l'application au fur et à
mesure encore une fois sans avoir ACC
codé tout simplement en lui donnant des
instructions donc vous voyez qu'il
reprend à chaque fois le code ce qui est
bien c'est qu'il comprend étant donné
que bah c'est un LLM et que c'est Claude
du coup un des une des Z les plus
puissantes il garde le contexte de ce
qu'on est en train de faire ce qui peut
sembler assez logique mais il y a pas
moins d'un an ça c'était pas possible
donc là vous avez vu je lui ai tout
simplement demandé d'ajouter un bouton
ici il l'a fait maintenant on va voir
s'il est fonctionnel enfin moi je trouve
ça incroyable il l'a ajouté a compris
exactement je lui même pas a demandé de
me mettre le titre et le contenu mais il
a compris le contexte de ce que je
voulais faire avec le notamment la
capture d'écran que je lui ai fourni au
début donc maintenant on va faire un
test donc test vidéo
YouTube ici et euh présenter un nouvel
outil ila un nouvel outil Ia et là on va
voir s'il va me la sauvegarder s'il le
fait pas incroyable il le fait
directement s'il l'avait pas fait l'idée
c'est qu'ici vous veniez le configurer
avec lui donc là je trouve ça déjà assez
fou on a déjà voilà on peut créer des
nouvelles notes autant qu'on veut il va
nous les sauvegarder ici on a déjà le
front end on a déjà la base avec pas mal
de fonctionnalités donc bien entendu
vous pouvez continuer de venir
configurer vous pouvez également changer
le design on peut lui dire je
veux donc là vous pouvez continuer de
lui donner des instruction donc l'idée
c'est que vraiment vous veniez prendre
l'application de plus en plus solide
vous pouvez changer le design vous
pouvez changer les fonctionnalités vous
pouvez vraiment en mettre autant que
vous voulez et très important si vous
faites face à des erreurs ça peut
arriver que des fois il y a des erreurs
faut tout simplement chercher à
réfléchir avec lui lui dire ok quelles
sont les choses qui ont pu provoquer
l'erreur et il va vous donner du texte
et vous pouvez lui dire ok maintenant
que tu as bien estimé magnifique
l'application est magnifique maintenant
que tu as bien estimé ce qui avait causé
l'erreur essaie de la corriger et voilà
venir itérer avec lia directement mais
moi je trouve ça fou je vais lui dire de
rendre les tags en haut fonctionnel vous
voyez vraiment la la le niveau des
instructions que je lui donne c'est
vraiment comme si je parlais avec
n'importe qui sans réfléchir au mots et
on va voir ce qu'il va nous dire donc là
on essaie juste de rendre la chose un
peu plus fonctionnelle un peu plus jolie
ce que je trouve assez sympa donc là on
a déjà quelque chose de pas mal
maintenant on va voir si les tags vont
fonctionner on va voir s'il arrive à le
faire sans faire aucune erreur ce qui
est déjà assez
fou donc là on voit qu'il a bien fini de
coder on voit derrière que le code c'est
quand même c'est quand même quelque
chose de
relativement assez lourd derrière voilà
c'est pas autant que Facebook ou
n'importe quelle autre application assez
énorme mais pour un début d'application
pour quelqu'un qui sait pas codé comme
vous pouvez voir c'est codé en react je
maîtrise pas du tout le langage et
malgré tout il arrive à venir tout faire
de manière assez naturelle et nous
donner l'aperçu honnêtement moi une des
fonctionnalités que je préfère c'est
vraiment l' pererçu par sur Chat GPT on
peut lui demander de nous donner du code
mais quand tu sais pas coder et que tu
as juste un un bout de code bah tu sais
pas vraiment ce que ça représente alors
que là on a vraiment tous les différents
sujets on voit que là il est venu nous
développer les tags voilà qu'on voit que
même il a compris la liaison entre les
notes le sujet et dans lequel il se ils
se mettent donc là notamment il est venu
mettre dans récent donc là maintenant
est-ce que on n'irait pas lui
demander donc là typiquement si vous
aviez des applications que vous
utilisiez avant que vous aimiez pas
forcément leur design qu'il y avait des
fonctionnalités qui manquaient vous
pouvez simplement venir prendre captures
d'écran de chacune des interfaces
admettons que l'application note de
Apple vous gêne sur X ou Y raison vous
puissiez pas faire ça ou ça bah vous
pouvez prendre des screenshots à chaque
fois de toutes les interfaces ui design
et cetera de l'application et venir les
mettre dans Cloud et lui dire exactement
lui donner un peu plus de contexte après
ça à vous aussi de faire l'effort de lui
faire comprendre de lui donner des
instructions mais de venir construire la
chose petit à petit sans avoir à codé
donc là je lui demander de de me laisser
la possibilité de cliquer si je clique
il me laisse la possibilité de renommer
tout c'est incroyable enfin je vous me
direz ce que vous en pensez dans les
commentaires moi je trouve ça fou là il
ferme enfin c'est une application
fonctionnelle c'est tellement dingue ça
ouvre tellement d'opportunités à toutes
les personnes qui savent pas coder et
laisser libre cours à leur créativité je
trouve ça fou donc là je pense qu'on est
arrivé à un niveau où voilà il y a assez
de fonctionnalité la chose est déjà
assez fonctionnelle l'idée maintenant
c'est de voir comment est-ce qu'on va
réussir à récupérer le code et à la
déployer pour prendre vraiment la
positionession de cet outil donc
maintenant que notre application est
prête je vais vous montrer dans les deux
dernières étapes comment déployer et
rendre l'application fonctionnelle pour
que vous puissiez y accéder depuis votre
téléphone ou depuis votre ordinateur
mais avant cela likez la vidéo et
mettez-moi dans les commentaires ce que
vous pensez de cet outil complètement
dingue de l'impact qu' va avoir sur le
monde de la et surtout ce que vous
préférez entre Claude et chat GPT car
visiblement Claude a pas mal d'arguments
aussi donc maintenant qu'on juge que
notre application est prête que il y a
déjà pas mal de fonctionnalités que ça
nous plaît tel quel vous allez on va
avoir deux possibilités et on va
commencer par la première option que
nous propose directement claud claud je
pense qu'ils ont une vision sur le futur
qui est très poussée je pense qu'ils
veulent nous permettre vraiment de créer
des applications que n'importe qui
utilisent depuis leur interface
notamment si on regarde ici en bas à
droite on voit qu'il y a un petit bouton
publish donc publier on va cliquer
dessus et vous allez voir que en fait on
peut littéralement rendre publique
l'application qu'on vient de créer donc
on va juste publish et copier le link
donc là on a le lien qui est publié et
on va venir taper le lien dans notre
navigateur et voir ce qui se passe et là
c'est incroyable on a littéralement
notre application fonctionnelle et on
peut la partager avec n'importe qui
imaginez que vous fassiez une
application de gestion de tâches même
des notes partagées vous allez pouvoir
venir la partager avec vos amis votre
famille vos collègues vos professeurs
pour que tout le monde aie accès à
l'application que vous avez créé et
puisse l'utiliser en plus donc c'est
dingue donc là ça veut dire que si
j'avais donné ce lien à quelqu'un
d'autre sur son ordinateur ou son
téléphone il pourrait venir m'écrire une
note ici me dire quelque chose donc là
super idée ou peu importe et on pourrait
faire énormément de choses en partager
on voit que la personne a également la
possibilité si elle a son propre compte
cloud de venir construire sur
l'application donc si on revient ici on
voit qu'il y a un petit bouton remix
artifact qui signifie tout simplement
que là il m'a pris tout le code source
que la première personne avait créé et
j'ai la possibilité de venir moi-même
créer par-dessus donc ça en fait en fait
une un espace de création d'application
collaboratif en tout cas pour du
prototype ou même des bonnes
applications dès le début là il est en
train de me reprend tout le code ici
j'imagine qu'il va me générer la même
application voilà et là maintenant si
j'avais été quelqu'un d'autre j'aurais
pu venir prendre le le code source qui
avait été créé par un autre utilisateur
et le réutiliser pour construire
par-dessus enfin je pense je vous laisse
voir toutes les opportunités et
possibilités que cela va débloquer dans
le futur ça c'est la première manière
que vous avez pour tout simplement
donner accès à votre application
maintenant la deuxième option que vous
avez que je conseille pour les personnes
qui veulent vraiment créer quelque chose
dans disons de manière sérieuse qui
veulent aller à fond dans leur projet
dans C application là ce que vous allez
faire c'est que vous allez venir sur
l'outil replite donc déjà pour ceux qui
le connaissent pas repite c'est un
environnement de code donc qui est plus
adapté enfin qui est s'adresse plus au
développeurs de base mais qui est assez
disons user friendly donc facile pour
les utilisateurs de compréhension et
d'utilisateurs vous avez pas besoin de
savoir coder encore une fois pour faire
cette étape je vais vous montrer de
manière très simple comment on va venir
récupérer tout le code qu' qu'on a
réussi à faire dans un premier temps en
faisant hop juste ici on voit qu'ici il
y a tout le code et qu'on va venir le
déployer sur replite quand on dit
déployer c'est tout simplement le
publier et les rendre publiqu mais cette
fois-ci en gardant le contrôle total sur
le code plutôt que l'héberger sur celui
de Cloud donc ce que vous allez faire
c'est vous allez venir créer un nouveau
repeat donc une fois que vous avez créé
votre compte tapez seulement ici create
REP et vous allez venir choisir le code
pour venir le développer donc on a vu
avant qu'il l'a fait en si vous remontez
ici on l'a vu qu'il l'a développé avec
le langage react et on va venir
sélectionner react typescript c'est très
important que vous sélectionnez le
deuxième pour ceux qui trouvent cette
étape qui peut faire un peu peur même si
encore une fois je suis pas codeur et
vous allez voir qu'and va le faire sans
coder vous avez je pense que vous avez
compris le concept demandez simplement à
Claude comment déployer ce que vous avez
créé sur rlite ou sur un autre
environnement et il va vous donner
exactement étape par étape quoi faire
nésitez pas à prendre des captures
d'écran donc là on va venir créer repeat
ici donc j'aurais pu le renommer mais et
là on voit qu'on arrive sur notre
interface donc là c'est une interface
qui va nous permettre de gérer le code
et là vraiment pour ceux qui pourrai
être effrayer par avoir des bouts de
code et cetera regardez ce que vous
allez faire vous allez faire quelque
chose de tout simple c'est que vous
allez venir prendre une capture d'écran
de votre interface rlite et vous allez
venir l'ajouter ici dans Cloud et lui
dire aide-moi à
déployer
l'application mon but avec ces
instructions toutes simples que je vous
montre et que je vous donne à chaque
fois c'est vous montrer à quel point
c'est accessible à n'importe qui je veux
pas rentrer avec des instructions plus
poussées et faire un projet trop gros
parce qu'on aurait l'impression que
c'est trop compliqué pour quelqu'un qui
débute et là je veux juste vous montrer
comment c'est tout simple et là il est
en train de me donner étape par étape ce
que je vais avoir à faire j'aurais
simplement besoin de cliquer ICI sur
Copier et de venir le copier-coller ici
et vous allez voir que on va réussir à
remettre notre application à prendre le
code et à la recréer sur notre propre
environnement cette fois-ci et là on
voit que de manière incroyable on a
réussi à récupérer le code et à recréer
l'application sur replit qui est un
environnement pour les codeurs et cetera
donc enfin moi je trouve ça tellement
fou ce qu'on peut faire maintenant pour
quelqu'un qui s'est pas développé
dites-vous que là en 5 10 minutes même
pas on a réussi à créer une application
de base donc tout ne serait-ce que créer
le design de cette application pour un
designer ça pourrait prendre quelques
heures nous on a juste pris une capture
d'écran on aurait pu même le dessiner à
la main et envoyer cette capture d'écran
à l'application elle nous l'aurait fait
donc en 5 10 minutes on a déjà créé un
design une base d'application donc
maintenant on va continuer de la
configurer donc très simple vous allez
voir regardez ce que je lui ai demandé
de faire je lui ai dit donne-moi toutes
les étapes pour réussir à déployer mon
application sur replite il m'a dit étape
par étape quoi faire il m'a dit va dans
cet index là copie là et ce que vous
pouvez faire si vous rencontrez un peu
des difficultés à cette étape là vous
lui dites juste ça ne fonctionne pas je
suis un débutant complet détaille-moi
étape par étape comment faire donc
encore une fois je me suis contenté de
faire des instructions tellement
basiques tellement simple il me dit ok
je comprends dans contexte fais C fais
ça et j'ai simplement suivi et j'ai
réussi à redéployer l'application ici
pour vous permettre de voir comme sur
cloud l'application que vous êtes en
train de créer hésitez pas à venir
cliquer sur le petit plus ici et à taper
WebView ça vous donne juste une un
aperçu comme on l'a vu sur cloud avant
de l'application que vous êtes en train
de créer comme vous voyez réite même
s'il y a du code un peu partout des noms
un peu techniques au final c'est très
simple aussi c'est du code et un aperçu
donc ça ressemble pas mal à ce qu'on
avait déjà sur cloud mais déjà
maintenant on a réussi notre première
étape qui était de récupérer et de
redéployer enfin on n'est pas encore à
l'étape de déploiement mais de remettre
le code et de recréer l'application de
zéro en sortant de l'environnement de
Cloud maintenant la deuxième étape de
cette 4è étape ça va être de déployer
notre application quand on entend
déployer c'est publier l'application
mais cette fois-ci sur un domaine donc
vous savez comme sur le sititees web
c'est écrit par exemple bah le nom
deentreprise c'est chatflowai.co bah là
on va faire la même chose parce qu'on va
héberger notre application sur le web
car c'est la meilleure manière pour le
faire pour un débutant et ça va nous
permettre de publier et de rendre
fonctionnelle notre application donc
maintenant ce qu'on va faire c'est qu'on
va venir déployer l'application encore
une fois reféflex on demande à Claude
comment le faire si vous savez pas
comment le faire moi j'ai déjà utilisé
rlite pour des solutions pour nos
clients donc je connais un peu comment
ça fonctionne donc là l'idée c'est que
vous avez plusieurs manières de déployer
si vous voulez votre votre application
étant donné que moi c'est que pour la
démo je vais choisir la statique mais si
vous voulez que ce soit toujours en
train de fonctionner sans que ça coupe
en vous connectant directement vous
pouvez utiliser réserve VM c'est ce que
moi j'utilise pour certaines des
solutions mais ici on va faire tout
simplement setup domaine donc là le
domaine va s'appeler Yas app notes dir
moi ça me va très très bien et on va
tout simplement venir cliquer sur le
bouton déployer donc une fois que vous
avez cliqué sur votre bouton déployer
donc publier on voit que là c'est on a
le petit bouton vert on voit qu'il y a
toutes les étapes qui ont bien été
réussies donc toute la l'application a
bien été déployée de manière successful
donc la prochaine étape maintenant vous
avez votre nom de domaine maintenant que
vous avez réussi votre publication enfin
le déploiement de votre application vous
avez la possibilité de venir link un
domaine si par exemple vous avez acheté
un domaine pour votre future application
si vous avez un site web que vous voulez
le mettre sur un domaine donc c'est le
c'est le lien qu'il y a sur le la
navigation web en particulier c'est ici
qu'il faut venir le faire on va vouloir
accéder à notre lien donc ça devrait
être hop ici normalement et ça devrait
m'ouvrir l'application parfait et là on
voit justement que ça nous a re ça nous
a recréé l'application comme on l'a fait
juste avant donc maintenant qu'on a bien
accès à notre application en ligne
hésitez pas à faire toutes les
modifications que vous voulez vous avez
compris vous avez eu toutes les étapes
pour comprendre comment créer votre
application avec Cloud et ensuite la
déployer sur replque pour ceux qui
veulent aller au bout du bout de la
chose et vraiment créer une application
qui va être utilisée de manière plus
régulière et pas seulement pour s'amuser
ou pour une démo ce que je vous
conseille de faire c'est de créer un
backend et pour cela très simple comme
d'habitude on vient voir notre ami
Claude on lui dit j'aimerais créer un
backend avec firebase donc de Google et
vous allez suivre étape par étape et
venir ajouter votre backend sur repit
pour que votre application soit bien
fonctionnelle sur long terme et que vous
puissiez l'utiliser avec vos amis votre
famille vos collègues et cetera gardez
bien en tête par contre que c'est une
application si demain vous souhaitez
réellement mettre par exemple des
processeurs de paiement faire que
l'application soit utilisée par
centaines et des milliers de personnes
je pense que là faut pas se voiler la
face pour l'instant ce serait cool
d'avoir un développeur en plus qui lui
va s'assurer que niveau sécurité c'est
en place vous pouvez essayer de faire
tout ça à la mano comme on diraiton avec
Claude comme on l'a fait jusqu'à
maintenant mais pour s'assurer de la
chance je pense qu'à l'heure actuelle
c'est toujours cool d'avoir un développ
en plus pour s'assurer que tout est bien
fonctionnel mais je trouve ça quand même
incroyable que en une dizaine de minutes
pour quelqu'un qui a jamais codé de sa
vie j'arrive à créer une application et
à la déployer sur internet donc
maintenant la dernière étape ça va venir
d'être d'ajouter votre application sur
votre écran d'accueil de votre iPhone
téléphone enfin Android et cetera là vu
que j'ai un iphone je l'ai fait pour
iPhone mais je sais qu'on peut le faire
aussi pour tous les androids donc vous
allez voir c'est très simple ce que vous
allez faire c'est que vous allez venir
ouvrir votre safari là vous allez mettre
le lien donc vous allez prendre le lien
ici alors doucement on va prendre le
lien qu'on a copiercollé donc le lien
d'accès à notre application notre
application elle est hébergée sur le web
donc c'est une web app c'est une vraie
application mais elle ébergé sur le web
pourquoi parce que pour ceux qui le
savent pas c'est beaucoup plus compliqué
de faire approuver et télécharger une
application sur le Google Store ou sur
le App Store vous allez avoir des frais
il y a énormément de choses pour
quelqu'un qui veut faire ses premiers
pas dans la création d'application je
trouve que c'est beaucoup mieux de faire
en web app c'est beaucoup plus simple
d'accès et au final c'est littéralement
la même chose et comme vous allez le
voir avec la démonstration que je vais
vous faire vous allez pouvoir y accéder
depuis votre téléphone quand même donc
une fois que vous avez pris le lien donc
vous allez venir l'ouvrir sur Safari
pour ceux qui utilisent Safari vous
voyez là que c'est bien toujours
fonctionnel c'est adapté au mobile vous
pouvez venir l'adapter encore plus mais
ça se fait de manière native et vous
allez venir cliquer sur Add to home
screen donc ajouter à mon écran
d'accueil et ce qui va se passer c'est
que vous allez pouvoir donner le nom à
votre application donc ça va vous créer
donc une sorte de raccourci pour votre
application donc là je lui donne un nom
et une fois que vous allez l'ajouter
vous allez pouvoir venir directement
laavir dans votre écran d'accueil et ça
c'est ma petite astuce pour avoir votre
application comme une application
quelconque mais qui soit en web app sans
toutes les restrictions d'Apple et
Google store je pense que vous l'avez vu
on arrive à un niveau où lia commence à
nous permettre de faire des choses assez
folles et notamment vraiment avec cette
sortie de 3.5 sonnet de clou qui est une
avancée révolutionnaire et qui est
vraiment 10 fois plus puissante que
toutes les IA que j'ai pu tester pour
coder en tout cas et surtout qu'ils ont
vraiment adapté la chose pour des
débutants il y a des outils comme web
SIM ei qui ont pris justement cette
technologie et qui ont créé une
application de création d'application je
vous conseille d'aller jeter un coup
d'œil J'ai créé une vidéo entière dessus
où je vous montre comment utiliser
l'outil web SIM qui est complètement
dingue il y a des gens qui ont recréé
Minecraft qui ont créer des objets 3D
qui ont fait des vraiment des créations
folles en se basant sur cette
technologie si vous avez pas
d'inspiration pour votre première
application je vous conseille d'aller
faire un petit tour sur la vidéo où je
présente web SIM ai et de toutes les
applications que les autres utilisateurs
ont fait alors hésitez pas à cliquer
juste au-dessus pour y accéder
Ver Más Videos Relacionados
Voici un outil PUISSANT que tu ne connais pas.
MajorGeeks News and Software Updater
Helium10 (Formation Gratuite) : le meilleur outil pour Amazon KDP en 2024
Créer un site en 30 secondes avec ces IA "Mixo & Durable", et gagner jusqu'à plus de 500€ à la vente
Comment utiliser la nouvelle App ChatGPT (sans attendre)
Présentation du Programme Hyperfreelance
5.0 / 5 (0 votes)