Cette IA Crée une Application COMPLÈTE en 10 min ! IMPRESSIONNANT !

Summary

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, 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

00:00

🚀 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.

05:01

🔍 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.

10:01

🛠️ É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.

15:01

📲 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.

20:02

🌐 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.

Keywords

💡Cloud

Cloud fait référence à un outil d'intelligence artificielle capable de créer des applications sans codage. Dans la vidéo, il est mentionné comme l'élément central de la démonstration, permettant de développer des applications en suivant des instructions simples, illustré par la création d'une application de prise de notes.

💡Intelligence Artificielle (IA)

L'intelligence artificielle est un domaine de l'informatique qui vise à créer des machines capables de tâches qui nécessitent normalement l'intelligence humaine. Dans le script, l'IA est utilisée pour le développement d'applications par Cloud, montrant comment elle peut révolutionner le développement de logiciels.

💡Application

Une application est un programme informatique conçu pour une utilisation pratique. Le script décrit le processus de création d'une application complète et fonctionnelle grâce à l'outil Cloud, sans la nécessité de connaissances en codage.

💡Capture d'écran

La capture d'écran est une méthode utilisée pour visualiser et partager ce qui s'affiche sur l'écran d'un appareil. Dans la vidéo, les captures d'écran sont utilisées pour montrer l'interface utilisateur de l'application que l'on souhaite reproduire ou améliorer.

💡Développement d'application

Le développement d'application désigne le processus de conception et de création d'un logiciel. Le script met en avant comment Cloud permet de simplifier ce processus, permettant à des personnes sans expérience de coder de développer des applications.

💡Chatbot

Un chatbot est un programme informatique conçu pour simuler une conversation avec des utilisateurs en langage naturel. Dans la vidéo, Cloud est décrit comme un chatbot alimenté par un modèle de langage large, permettant des interactions avec l'utilisateur pour le développement d'applications.

💡Modèle de Langage Large (LLM)

Un modèle de langage large est un type d'IA capable de traiter et de générer du langage naturel de manière complexe. Le script mentionne que Cloud utilise un LLM pour interagir avec les utilisateurs et générer du code d'application.

💡Déploiement

Le déploiement est le processus de publication d'une application ou d'un logiciel, le rendant accessible aux utilisateurs. La vidéo explique comment déployer l'application créée avec Cloud sur des environnements tels que Replit ou des domaines web.

💡Replit

Replit est une plateforme en ligne de développement de logiciels qui permet aux utilisateurs de coder, de tester et de déployer des applications. Dans le script, Replit est utilisé pour récupérer et de déployer le code de l'application créée avec Cloud.

💡Ajouter à l'écran d'accueil

Dans le contexte des smartphones, 'ajouter à l'écran d'accueil' fait référence à la possibilité de créer un raccourci direct vers un site web ou une application. Le script explique comment ajouter l'application web créée à l'écran d'accueil de son téléphone pour un accès facile.

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