{"id":68746,"date":"2024-09-16T20:36:00","date_gmt":"2024-09-17T01:36:00","guid":{"rendered":"https:\/\/www.alvarezjoseph.com\/blog\/?p=68746"},"modified":"2024-09-18T08:57:27","modified_gmt":"2024-09-18T13:57:27","slug":"crear-aplicacion-con-chatgpt","status":"publish","type":"post","link":"https:\/\/www.alvarezjoseph.com\/blog\/crear-aplicacion-con-chatgpt\/","title":{"rendered":"Codificaci\u00f3n 101: C\u00f3mo crear una aplicaci\u00f3n usando ChatGPT (sin complicaciones)"},"content":{"rendered":"\n

Vamos a lo que vinimos. Esto de la inteligencia artificial est\u00e1 que lo revienta todo, y la verdad, no es para menos. OpenAI lanz\u00f3 su serie de modelos GPT, y uno de los m\u00e1s interesantes para meterle mano es ChatGPT<\/strong>. \u00bfPor qu\u00e9? Porque no solo te responde como si fuera un humano (o casi), sino que tambi\u00e9n te puede ayudar a programar. As\u00ed que, si te da pereza escribir c\u00f3digo o simplemente quieres que algo te lo haga m\u00e1s r\u00e1pido, ChatGPT puede ser tu mejor amigo.<\/p>\n\n\n\n

Vamos a hablar claro: crear una aplicaci\u00f3n usando ChatGPT como generador de c\u00f3digo<\/strong> no es la octava maravilla del mundo, pero tiene su magia. Te puede sacar de apuros, sobre todo si lo usas para hacer cosas que normalmente te tomar\u00edan m\u00e1s tiempo del que tienes.<\/p>\n\n\n\n

\n\n\n\n

\u00bfQu\u00e9 es ChatGPT y por qu\u00e9 me deber\u00eda importar?<\/h2>\n\n\n\n

Mira, ChatGPT<\/strong> b\u00e1sicamente es un modelo de IA que sabe generar texto. Y cuando digo \u00abgenerar texto\u00bb, no me refiero solo a respuestas medio decentes en una conversaci\u00f3n. Tambi\u00e9n puede crear estructuras m\u00e1s complejas, como c\u00f3digo de programaci\u00f3n. Todo esto es posible porque est\u00e1 entrenado con un mont\u00f3n de informaci\u00f3n que ha le\u00eddo de internet (s\u00ed, toda la basura y las joyas del conocimiento que rondan por ah\u00ed). Pero no nos enga\u00f1emos, ChatGPT no es perfecto. A veces saca cosas raras o te entrega c\u00f3digo que no tiene ni pies ni cabeza. Pero, si sabes c\u00f3mo hablarle, te puede sorprender.<\/p>\n\n\n\n

\u00bfQue si es una herramienta m\u00e1gica? No lo es. Pero si te sabes mover entre sus limitaciones, puedes hacer que trabaje para ti. Eso s\u00ed, olv\u00eddate de la fantas\u00eda de que va a reemplazar a los programadores. Lo m\u00e1ximo que har\u00e1 es ayudarte a ti y a otros devs a ser un poco m\u00e1s r\u00e1pidos. Punto.<\/p>\n\n\n\n

\n\n\n\n

\u00bfC\u00f3mo arranco para crear mi app?<\/h2>\n\n\n\n

Lo primero, y esto es importante, define qu\u00e9 demonios quieres hacer<\/strong>. No vas a ponerte a crear una app con ChatGPT solo porque suena cool. Necesitas tener claro qu\u00e9 esperas lograr. \u00bfUna app que te genere pedazos de c\u00f3digo? \u00bfUn bot que le resuelva problemas de programaci\u00f3n a la gente? Sea lo que sea, primero aclara tus ideas.<\/p>\n\n\n\n

\u00bfYa lo tienes claro? Perfecto. Ahora viene la parte t\u00e9cnica: configurar la API de OpenAI<\/strong>. S\u00ed, porque no vas a poder hacer nada sin la API. Aqu\u00ed te explico lo que tienes que hacer, pero no te preocupes, que no es tan complicado:<\/p>\n\n\n\n

    \n
  1. Te registras en OpenAI (obvio).<\/li>\n\n\n\n
  2. Agarras tu API key<\/strong>. Eso es b\u00e1sicamente tu llave m\u00e1gica para usar ChatGPT desde tu app.<\/li>\n\n\n\n
  3. Configuras el entorno de desarrollo que quieras usar. A ver, puedes usar Python, JavaScript o lo que se te antoje. En fin, te toca instalar unas cuantas librer\u00edas y m\u00f3dulos.<\/li>\n<\/ol>\n\n\n\n

    Ah, y por favor, cuida tu API key<\/strong>. No andes regal\u00e1ndola por ah\u00ed como si fuera un sticker. Si alguien la agarra, vas a tener problemas, y no los buenos.<\/p>\n\n\n\n

    \n\n\n\n

    El dise\u00f1o del flujo de la aplicaci\u00f3n<\/h2>\n\n\n\n

    Aqu\u00ed la cosa se pone interesante. A ver, dise\u00f1ar el flujo<\/strong> de tu app es clave para que la cosa funcione bien. Lo que quiero decir es que tienes que pensar muy bien c\u00f3mo va a ser la interacci\u00f3n entre el usuario y ChatGPT. En pocas palabras, tienes que imaginarte qu\u00e9 le va a pedir el usuario a tu app, c\u00f3mo lo va a procesar ChatGPT y qu\u00e9 le va a devolver.<\/p>\n\n\n\n

    Ejemplo sencillo: si tu app genera c\u00f3digo, el flujo ser\u00eda algo as\u00ed. El usuario entra y pone una tarea del tipo \u201chazme una funci\u00f3n que ordene una lista\u201d (nada del otro mundo). Luego, tu app toma esa entrada, la pasa a ChatGPT, y \u00a1boom!, te devuelve una funci\u00f3n lista para copiar y pegar en tu editor de c\u00f3digo. O eso ser\u00eda lo ideal. A veces, la respuesta no es lo que esperas, pero en general, funciona.<\/p>\n\n\n\n

    Aqu\u00ed es donde puedes darle tu toque. Tal vez quieras hacer algo m\u00e1s elaborado, como permitir que el usuario refine sus solicitudes, que ChatGPT le devuelva varias opciones o que incluso el c\u00f3digo que genera se pueda probar directamente en la app. Depende de qu\u00e9 tan ambicioso te pongas.<\/p>\n\n\n\n

    \n\n\n\n

    Preparando a ChatGPT (s\u00ed, hay que entrenarlo bien)<\/h2>\n\n\n\n

    Ojo, que esto es importante. ChatGPT<\/strong> no es que te lea la mente. Necesita que le des buenas instrucciones para que pueda generar el c\u00f3digo que esperas. Y aqu\u00ed est\u00e1 el truco: la clave es en c\u00f3mo preparas el aviso o prompt<\/em> que le das.<\/p>\n\n\n\n

    No es lo mismo decirle: \u201cescribe c\u00f3digo\u201d a decirle: \u201ccrea una funci\u00f3n en Python que sume dos n\u00fameros\u201d. Mientras m\u00e1s detallado sea el prompt<\/em>, mejores resultados tendr\u00e1s. Pero igual, no te obsesiones. Dale un contexto y ver\u00e1s c\u00f3mo responde. Al principio, puede que no le atine a la primera, pero es cuesti\u00f3n de prueba y error.<\/p>\n\n\n\n

    \n

    Una recomendaci\u00f3n: ten paciencia<\/strong>. A veces lo que te devuelve ChatGPT no es perfecto, y si esperas que lo sea desde el primer intento, mejor baja las expectativas un poquito.<\/p>\n<\/blockquote>\n\n\n\n

    \n\n\n\n

    Procesando las entradas del usuario (o c\u00f3mo hacer que funcione sin que te d\u00e9 dolores de cabeza)<\/h2>\n\n\n\n

    Entonces ya tenemos a ChatGPT m\u00e1s o menos listo, \u00bfverdad? Ahora toca ver c\u00f3mo procesar las entradas del usuario<\/strong>. Y aqu\u00ed es donde puede complicarse un poquito. Porque, claro, lo ideal ser\u00eda que el usuario ponga lo que quiere y tu app lo entienda de una. Pero sabemos que la vida no es tan sencilla.<\/p>\n\n\n\n

    Lo que hace ChatGPT es tomar la entrada que le da el usuario, lo procesa con todo su conocimiento y su \u00abinteligencia\u00bb (s\u00ed, entre comillas, porque a veces parece que se olvida de cosas b\u00e1sicas), y luego te devuelve lo que cree que es el c\u00f3digo correcto. Pero eso no siempre pasa. Puede que, en lugar de darte el c\u00f3digo exacto, te d\u00e9 algo que no funciona o que ni siquiera tiene sentido. Y ah\u00ed es cuando te toca afinar tu prompt<\/em> o hacer ajustes en tu app para que sea m\u00e1s flexible.<\/p>\n\n\n\n

    Un buen truco aqu\u00ed es hacer que tu aplicaci\u00f3n permita al usuario refinar sus entradas. No siempre vas a obtener el resultado perfecto a la primera, as\u00ed que puedes darle opciones al usuario para que mejore su pregunta o d\u00e9 m\u00e1s detalles. Cuantos m\u00e1s detalles le des a ChatGPT, mejor ser\u00e1 el resultado. Bueno, en teor\u00eda.<\/p>\n\n\n\n

    \n\n\n\n

    Entregando las salidas (sin que el usuario se quede esperando siglos)<\/h2>\n\n\n\n

    Ya tenemos las entradas procesadas y ChatGPT ha generado algo (con suerte, algo que funciona). Ahora viene la parte de entregar la salida de una manera que tenga sentido. Aqu\u00ed es donde puedes volverte loco o mantenerlo simple, depende de ti.<\/p>\n\n\n\n

    Lo b\u00e1sico ser\u00eda simplemente mostrar el c\u00f3digo generado en la interfaz de tu app, \u00bfno? Pero si quieres rizar el rizo, podr\u00edas permitir que los usuarios ejecuten el c\u00f3digo directamente en la aplicaci\u00f3n. Esto suena genial, pero, ojo, tambi\u00e9n trae sus complicaciones. Porque si el c\u00f3digo que ChatGPT genera tiene alg\u00fan error, lo que vas a tener es un mont\u00f3n de usuarios frustrados con mensajes de error que no van a entender.<\/p>\n\n\n\n

    \n

    Consejo gratis: no sobrecompliques las cosas<\/strong> al principio. Si tu app puede mostrar el c\u00f3digo y dejar que el usuario lo copie y lo pruebe en su propio entorno, ya tienes un buen avance. Luego, si ves que funciona bien, podr\u00edas a\u00f1adir la opci\u00f3n de ejecuci\u00f3n directa, pero no te precipites.<\/p>\n<\/blockquote>\n\n\n\n

    Tambi\u00e9n puedes implementar algo para que los usuarios modifiquen el c\u00f3digo directamente en la app. De esa manera, si ChatGPT comete un error (que lo har\u00e1, no lo dudes), el usuario puede corregirlo al vuelo y seguir adelante sin mucho drama.<\/p>\n\n\n\n

    \n\n\n\n

    Iterar, iterar y, s\u00ed, iterar otra vez<\/h2>\n\n\n\n

    Bueno, ya tienes tu app funcionando. Al menos, en teor\u00eda. Pero no te enga\u00f1es, lo que sigue es un proceso continuo de prueba y error. Porque, como te dije antes, ChatGPT no es perfecto<\/strong>. A veces te suelta cosas que no sirven para nada, y tendr\u00e1s que ajustar tanto los prompts<\/em> como el dise\u00f1o de la app para que los usuarios no te bombardeen con quejas.<\/p>\n\n\n\n

    Lo m\u00e1s importante aqu\u00ed es ser flexible y no dar nada por sentado. Cada vez que pruebes tu aplicaci\u00f3n, vas a encontrar detalles que mejorar, errores que corregir y formas de hacer que todo sea m\u00e1s f\u00e1cil para el usuario. No te obsesiones con que todo salga perfecto desde el primer momento. Es un proceso largo.<\/p>\n\n\n\n

    Una idea interesante es permitir que los usuarios te den feedback<\/strong>. Si algo no funciona, que te lo digan. Si ChatGPT genera c\u00f3digo que no sirve para nada, tambi\u00e9n que te lo digan. As\u00ed podr\u00e1s hacer ajustes sobre la marcha y mejorar la experiencia.<\/p>\n\n\n\n

    \n\n\n\n

    ChatGPT: \u00bfuna revoluci\u00f3n o una simple herramienta m\u00e1s?<\/h2>\n\n\n\n

    Aqu\u00ed viene la gran pregunta: \u00bfVale la pena todo este esfuerzo? \u00bfEs ChatGPT la soluci\u00f3n definitiva para la generaci\u00f3n de c\u00f3digo? Bueno, depende de c\u00f3mo lo veas.<\/p>\n\n\n\n

    Si lo que buscas es una herramienta que te ayude a hacer cosas r\u00e1pidas, que te saque de apuros cuando no tienes ganas de escribir c\u00f3digo o simplemente te ayude a aprender, ChatGPT puede ser una opci\u00f3n interesante<\/strong>. Es como tener un asistente que te echa una mano cuando lo necesitas.<\/p>\n\n\n\n

    Pero, si esperas que ChatGPT te ahorre el trabajo de programar o que te entregue soluciones perfectas todo el tiempo, mejor b\u00e1jate de esa nube. No va a pasar. Al final del d\u00eda, vas a seguir teniendo que meter mano y corregir cosas.<\/p>\n\n\n\n

    Eso s\u00ed, lo que hace ChatGPT es abrir un mont\u00f3n de puertas para quienes no tienen muchos conocimientos de programaci\u00f3n. Democratiza el acceso a la codificaci\u00f3n<\/strong>, por decirlo de alguna forma. Pero no nos enga\u00f1emos: los programadores no se van a quedar sin trabajo. Al contrario, van a tener que adaptarse para usar esta herramienta de la mejor manera posible.<\/p>\n\n\n\n

    Automatizaci\u00f3n de la codificaci\u00f3n: No es tan f\u00e1cil como parece<\/h2>\n\n\n\n

    La gente siempre habla de la automatizaci\u00f3n<\/strong> como si fuera la gran salvaci\u00f3n de la programaci\u00f3n, pero la realidad es que esto no es tan simple. S\u00ed, ChatGPT te puede ayudar a generar c\u00f3digo de forma autom\u00e1tica, pero no va a hacer todo el trabajo pesado por ti. \u00bfQu\u00e9 quiero decir con esto? Que aunque puedas usar ChatGPT para escribir fragmentos de c\u00f3digo o incluso scripts completos, igual tienes que estar ah\u00ed, revisando y corrigiendo.<\/p>\n\n\n\n

    Vamos a ser claros: la automatizaci\u00f3n no es magia<\/strong>. Es m\u00e1s como un atajo que, si lo usas bien, puede hacerte la vida m\u00e1s f\u00e1cil. Pero no es como si pudieras apretar un bot\u00f3n y ver c\u00f3mo se programa toda tu aplicaci\u00f3n de principio a fin sin hacer nada. ChatGPT no es un desarrollador humano, ni siquiera se le acerca. Es una herramienta que necesitas guiar y supervisar. Es como darle instrucciones a alguien que apenas entiende lo que le est\u00e1s diciendo.<\/p>\n\n\n\n

    Y s\u00ed, s\u00e9 que suena frustrante, pero esa es la realidad. Si esperas automatizar completamente la codificaci\u00f3n usando ChatGPT, lo siento, pero te vas a llevar una decepci\u00f3n. Lo que puedes hacer es usarlo para agilizar ciertas tareas, especialmente las que son repetitivas o que simplemente te da pereza hacer a mano. Pero, igual vas a tener que estar ah\u00ed, afinando los detalles. As\u00ed que, si te entusiasma la idea de automatizar la codificaci\u00f3n al 100%, mejor ajusta tus expectativas.<\/p>\n\n\n\n

    \n\n\n\n

    ChatGPT y los errores (porque claro, no todo va a ser perfecto)<\/h2>\n\n\n\n

    Hablemos un poco de lo que nadie quiere aceptar: los errores<\/strong>. S\u00ed, ChatGPT comete errores. Y no pocos. No importa cu\u00e1n detallado sea tu prompt<\/em>, siempre existe la posibilidad de que te devuelva un c\u00f3digo que no tiene sentido o que simplemente no funciona.<\/p>\n\n\n\n

    Por eso es que digo que necesitas estar listo para corregir. No puedes simplemente tomar el c\u00f3digo que te da y usarlo como si fuera palabra santa. Vas a tener que revisarlo<\/strong> y, en muchos casos, ajustar lo que te entrega para que funcione correctamente. Esto es parte del juego cuando usas un modelo de IA para generar c\u00f3digo. A veces parece que te entiende perfectamente, y otras veces te deja pregunt\u00e1ndote qu\u00e9 fue lo que sali\u00f3 mal.<\/p>\n\n\n\n

    \u00bfFrustrante? Claro que s\u00ed. \u00bfIn\u00fatil? No necesariamente. Hay momentos en los que te va a ahorrar tiempo, pero en otros, puede que pases m\u00e1s tiempo corrigiendo que si hubieras hecho las cosas desde cero. Todo depende de c\u00f3mo lo uses y qu\u00e9 tanto conf\u00edes en los resultados que te da.<\/p>\n\n\n\n

    \n\n\n\n

    Entonces, \u00bfvale la pena o no?<\/h2>\n\n\n\n

    Al final, la pregunta del mill\u00f3n es: \u00bfVale la pena usar ChatGPT para crear una aplicaci\u00f3n<\/strong>? Y, como en casi todo en la vida, la respuesta es… depende. Depende de lo que est\u00e9s buscando.<\/p>\n\n\n\n

    Si necesitas algo que te ayude a agilizar<\/strong> ciertas tareas de programaci\u00f3n, ChatGPT puede ser una herramienta interesante. Si te da pereza escribir c\u00f3digo simple o quieres experimentar con algo nuevo, adelante. Pero si lo que esperas es que ChatGPT te haga todo el trabajo, mejor prep\u00e1rate para frustrarte un poco.<\/p>\n\n\n\n

    \u00bfLo bueno? Pues, puede automatizar ciertas cosas, te puede ayudar a generar ideas de c\u00f3digo y a veces incluso te saca de apuros con soluciones r\u00e1pidas. Adem\u00e1s, es \u00fatil para quienes no tienen mucha experiencia en programaci\u00f3n y quieren adentrarse en el mundo del c\u00f3digo.<\/p>\n\n\n\n

    \u00bfLo malo? Los errores. Porque s\u00ed, comete errores y te obliga a estar siempre revisando y corrigiendo lo que genera. Adem\u00e1s, no esperes que entienda todo lo que le pides a la perfecci\u00f3n. Algunas veces te va a dejar tirado con respuestas que no tienen sentido, y ah\u00ed es cuando vas a tener que sacar tu lado m\u00e1s paciente.<\/p>\n\n\n\n

    Al final, depende de lo que busques. Si quieres algo que te ayude con tareas espec\u00edficas y no te importa meter mano para arreglar lo que no funcione, adelante. Pero si buscas una soluci\u00f3n m\u00e1gica que lo haga todo por ti, mejor sigue buscando, porque ChatGPT<\/strong> no es esa herramienta perfecta que a veces nos quieren vender.<\/p>\n\n\n

    \n \n
    \n \n
    \n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n <\/div>\n \n
    \n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n
    \n \n\n
    <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
    \n 4.4\/5 - (24 votos) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

    Vamos a lo que vinimos. Esto de la inteligencia artificial est\u00e1 que lo revienta todo, y la verdad, no es para menos. OpenAI lanz\u00f3 su serie de modelos GPT, y uno de los m\u00e1s interesantes para meterle mano es ChatGPT. \u00bfPor qu\u00e9? Porque no solo te responde como si fuera un humano (o casi), sino […]<\/p>\n","protected":false},"author":2,"featured_media":68747,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[93],"tags":[],"class_list":["post-68746","post","type-post","status-publish","format-standard","has-post-thumbnail","category-chatgpt"],"_links":{"self":[{"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/posts\/68746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/comments?post=68746"}],"version-history":[{"count":1,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/posts\/68746\/revisions"}],"predecessor-version":[{"id":68748,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/posts\/68746\/revisions\/68748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/media\/68747"}],"wp:attachment":[{"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/media?parent=68746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/categories?post=68746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alvarezjoseph.com\/blog\/wp-json\/wp\/v2\/tags?post=68746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}