Va a hablarnos aquí en exclusiva del editor de Google que están montando, que es en la nube, que funciona súper bien, que tiene inteligencia artificial, que tiene emuladores y que nos va a contar un montón de secretos.
Así que vamos con David. David, ¿cómo estás?
¡Ay!
¡Estoy bien!
Estoy bien. Estaba muteado. ¿Cómo te encuentras? Oye, felicidades por el lanzamiento de IDX.
Muchas gracias, sí. He estado muy entusiasmado sobre el lanzamiento y estoy muy emocionado por estar aquí.
Pues nosotros también estamos emocionados. La verdad tengo que decir que me encanta la página web. Está hecha con Astro, tiene un rendimiento genial, un montón de animaciones, presenta muy bien la idea y es genial.
De verdad, felicidades porque nadie se esperaba este anuncio y la verdad es que os habéis ganado un montón el cariño de mucha gente.
Sí, y este sitio creado con Astro y Svelte. Svelte para las animaciones acá. Y sí, me encanta también.
Es genial. Pues te voy a dejar porque la idea es que nos cuentes un poco los secretos. No sé, ¿o quieres que me quede?
No, pregunto, ¿eh?
¿Algún secreto?
Sí, tienes una presentación, ¿no?
Sí, sí, sí.
Tengo una demostración también.
Buenísimo. Vale, pues comparte pantalla y te dejo todo el escenario para ti, para que la gente alucine, para que vean todo lo que tiene IDX, que también me gustaría saber de dónde viene el nombre de IDX.
¿De dónde vendrá el nombre?
IDX, me gusta.
¿De dónde viene el nombre?
Vale, pues aquí, vale, pues ya está tu pantalla. Te dejo a los mandos, David. Te mando los máximos ánimos. Mucha suerte. Y voy a estar atento para enterarme de todos los secretos del proyecto IDX.
Muchas gracias. Sí, soy David, pero, soy David, soy David East, pero prefiero David este porque traduzco mi propio nombre cuando hablo español.
Sí, sí, trabajo para Google en el equipo de Project IDX, pero hoy voy a hablar sobre qué es IDX y un poco cómo se creó y cómo usarlo para crear sus propios internos personalizados con cualquier runtimes y frameworks.
Pero antes de comenzar, ¿cómo puedes oír? Soy gringo. Llevo casi dos años aprendiendo español y hablo con acento porteño porque he estado aprendiendo con los argentinos.
Hoy voy a cometer un montón de errores, pero no me importa porque me gusta pensar que el proceso de aprendizaje de idiomas no es diferente al proceso de aprendizaje de programación.
Debes que eliminar, debes eliminar los obstáculos que te impidan empezar. Cada paso adicional proporciona una excusa para hacer otra cosa.
Tienes que crear un setup en el que puedas simplemente sentarte y hacer el trabajo sin distracciones.
Esto se parece mucho al objetivo de Project IDX.
Entonces, ¿qué es IDX?
IDX es un espacio de trabajo para construir aplicaciones. Es un editor en la nube construido sobre Code OSS.
La visión de IDX es hacer el desarrollo de la aplicación de multiplatíformas más rápido y sin fricciones.
Lo que significa no tener que preocuparse por el runtime que necesitas, cómo instalar los emuladores o cualquier otra dependencia del proyecto.
Solo apretas un botón y empiezas a desarrollar.
También queremos empoderar tu flujo de trabajo con las últimas habilidades de AI de Google.
Hoy no tengo diapositivas porque quiero mostrarles IDX en acción.
Vale.
Con IDX puedes crear un proyecto con HTML, Angular, React, Next.js, Vue, Svelte y Blutter.
Acá tengo un proyecto con Next.js y este espacio de trabajo está listo para usar.
Y puedes ver el resultado en la vista previa.
No tuve que configurar nada, solo hacer clic en un botón para crear este proyecto.
Próximamente tendremos el emulador de Android y el simulador de iOS para utilizar dentro del navegador.
Pero, ¿cómo funciona esto?
Como se mencionó antes, Project IDX se basa en Code OS que proporciona una experiencia familiar.
Para alojar IDX usamos un producto de Google, de Google Cloud, llamado Google Cloud Workstations.
Google Cloud Workstations nos permite aprovisionar y escalar máquinas virtuales.
Hay un montón más en esto.
No quiero pasarlo por alto, pero el verdadero tema de hoy es cómo podemos configurar IDX para que funcione con una gran cantidad de herramientas y lenguajes que queremos usar.
Quiero hablar sobre cómo IDX puede funcionar con un proyecto llamado Nix.
Nix, IDX y DX, utiliza Nix, un administrador de paquetes multiplataforma de código abierto.
Nix le permite especificar qué dependencias necesita para crear su entorno de desarrollo.
Muchos de nosotros acá estamos acostumbrados a usar NPM y el archivo package.json para administrar dependencias.
Nix es un poquito similar, pero funciona con más entornos que Node.js.
Nix le permite especificar qué paquetes necesita su entorno.
Un paquete puede ser un lenguaje completo como PHP o Python.
Nix le permite configurar IDX con cualquier runtimes y frameworks que necesite sin instalar cada uno manualmente.
Acá tengo un proyecto blanco.
Cuando creas un proyecto blanco, hay un archivo llamado nix.dev.
Esto es un poquito diferente a la configuración tradicional de Nix.
Escribimos nuestra propia abstracción en torno a Nix.
Nix puede hacer un montón de cosas.
Nix puede instalar dependencias y puede construir su entorno también.
Queremos facilitar el uso de Nix, por lo que ofrecemos algunos lugares donde puede personalizar su entorno.
Acá es donde puede especificar qué dependencias necesitas.
Puedes ver acá que tenemos comentarios para Go y Python.
Cuando buscas en el sitio de Nix, puedes encontrar una gran cantidad de paquetes.
Quiero hacer una aplicación con SQLite, Flask, que es un library de Python.
Y puedo especificar Python y también puedo especificar Poetry, que es un administrador de paquetes Python como NPM.
Y quiero usar Flask en Debug Mode.
Entonces, puedo especificar un environment variable en esta sección.
También puedo instalar extensiones dentro de este archivo.
Quiero usar la extensión SQLite para ver la base de datos.
Puedo buscar acá, pero puedo buscar en esta sección, pero puedo especificar esta extensión en Next.Dev.
Todo lo que necesito es el ID de la extensión en esta sección.
El ID es C.
Ahora sí.
Después voy a recargar el entorno y el comando de Poetry estaré disponible.
Hoy, quizás, tal vez, ojalá un día.
Sí, ahora sí.
Vamos.
Poetry.
Vamos.
Todavía no he hecho nada.
Voy a crear un servidor Flask con Poetry.
Puedo configurar Poetry.
Y agregar Flask.
Bien.
Ahora puedo crear un archivo para el servidor.
Hola.
Punto Bye.
Y uso Code Completion porque estoy perezoso.
Bien.
Bien.
Ahora podía ejecutar el comando Flask para ejecutar el servidor, pero no podía ver nada.
Esto se debe a que tenemos que configurar el panel de vista previa.
Podemos hacer esto dentro del archivo Next.Dev.
Dentro de este archivo, puedes configurar lo que aparece en la vista previa.
Necesito especificar el comando con las opciones y incluso un variable para el port.
Voy a pegar esto.
También tengo que decirle a IDX que esto es una previa de web.
Cuando recargo el espacio de trabajo.
En un momento.
Un día, un momento, ahorita.
Sí.
Ah, sí.
Puedo ver la vista previa, pero es un not found.
Pero no es útil.
Pero vamos a figurar.
Ah, sí.
No, así.
Lo veo un momento.
Porque necesito.
Porque necesito este.
Porque escribí hello, pero necesito este.
Vamos de nuevo.
Con un refresh.
Y vamos.
Hello, world.
Aún así, todavía no he hecho nada.
Hagamos algo más interesante.
Para demostrar que IDX realmente es un espacio de trabajo personalizable,
creemos un base de datos con SQLite.
Voy a importar SQLite 3 y crear un base de datos, pero quiero crear con un prompt.
Bien.
Bien.
Y una tablet también.
Bien.
Y ahora quiero crear las filas.
Sí.
Vamos.
Vamos.
Ahora puedo ver el archivo tutorial.dv, pero no puedo ver nada.
Pero puedo abrir la extensión, abrir la base de datos, y esta, este acá, y sí.
Y hay dos filas porque refresqué dos veces.
Ok.
Sí.
Ahora, escribamos una query que lea la primera fila de la base de datos, la convierta en una string,
y luego coloque en el HTML, pero voy a pegar el código porque se me acaba el tiempo.
Ok, sí.
En inglés, decimos boom.
Puedo ver el resultado en el HTML.
Esta fue una mirada interna a cómo funciona IDX y cómo puedes usarlo para crear tus propios
entornos personalizados.
Todavía es temprano para IDX, pero estamos muy entusiasmados con el futuro.
Si tenéis alguna pregunta para mí, contáctame en Twitter y gracias por su atención.
David.
David.
David.
David.
David.
No sé cómo decirte.
David este es mi nombre cuando hablo español.
Vale.
Me encanta.
Me encanta.
Pues con todo mi cariño te digo, David, porque es que hablas también español.
De verdad, has mejorado muchísimo, David, desde la última vez.
Así que felicidades.
Ojalá yo mejorase mi inglés tan rápido como tú, tu español.
Así que...
Muchas gracias.
Y sí, practico todos los días.
En serio.
Se nota.
Se nota y felicidades.
Mucha gente está muy agradecida del esfuerzo de que normalmente somos los que hablamos español,
que hablamos en inglés y que hagas este esfuerzo por la comunidad.
Es increíble y te lo agradecemos infinito.
O sea, que máximo cariño.
Me parece increíble la demo.
Tengo que decirte que me encanta el producto.
Y mucha gente pregunta sobre las capacidades de simular IOS.
Porque es una cosa que siempre es bastante problemático.
Y entonces dicen, ¿con esto podría programar aplicaciones en IOS?
O IOS.
O IOS.
Es que en español le decimos IOS, pero es IOS.
Es...
Sí.
No, es...
No ahora, no ahora, pero temprano.
Es una prioridad muy importante para nosotros.
Y especialmente cuando creas un proyecto con Flutter, es realmente importante porque es una herramienta para múltiples plataformas, Android y IOS.
Y para tener una herramienta en un navegador para ambos, por los dos, es increíble.
Y...
Sí.
Pero sí, es una prioridad muy, muy importante.
Es que cuando eso se pueda hacer, va a ser espectacular.
El hecho de poder ejecutar el código tanto en IOS como en Android desde el editor, yo creo que esto va a cambiar muchas cosas.
Otra pregunta que hace mucha gente es sobre las sugerencias de código.
Que mucha gente decía, ah, está utilizando GeekHack o Pilot.
Y yo les he dicho, no es GeekHack o Pilot.
Esas sugerencias de código con inteligencia artificial que has enseñado antes.
Sí.
¿Cómo se está generando esto?
¿Cómo está funcionando exactamente?
Sí, está generando, está generando con Cody, que es un model basado, o sea, base de Palm 2.
Y Palm 2 es general y Cody es específico.
Específico de código.
Específico de código.
Gracias.
No.
Es complicado, complicado.
Es complicado.
Sí.
En blanco.
Sí.
Me quedo en blanco.
Pero sí, no, es con cosas como SQL de mi demostración es, en mi experiencia, es buenísimo.
Es, entiende su base de datos y los queries y todo.
Es muy útil para casos como eso.
Hay mucha gente también que, claro, dice, oye, me encanta el producto.
Tiene muy buena pinta.
Pero dicen, ¿será siempre gratis?
¿Esto tendrá, se sabe si tendrá algún precio?
No, no, obviamente no, no el precio en concreto.
Pero tendrá un precio, ¿habrá una capa gratuita?
¿Cómo funcionará el editor el día que salga al mercado?
Sí.
Ahora, el precio no se importa.
Ahora es, lo que se importa es para crear un producto que es interesante, que es útil.
Y después...
Ya veremos, ¿no?
Sí, sí, ya veremos.
Que no os preocupa ahora mismo, que no es una cosa que tengáis en los planes, que solo queréis ver si a la gente le gusta y a ver cómo evoluciona el día de mañana, ¿no?
Sí, sí. Es mis palabras, exactamente.
Pues, mirad, para la gente que no lo haya hecho todavía, podéis ir a idx.dev, os podéis apuntar a la waitlist para pedir acceso, que es 100% gratuito a día de hoy.
Y ya veremos mañana, como dice David, David, pues dice, oye, pues ya lo probáis, a ver qué tal os parece y a partir de ahí, pues ya veremos, ¿no?
Tenéis inteligencia artificial con la que vais a poder trabajar, RIA, Angular, NextGS, Flutter, Vue, Svelte, un montón de proyectos.
Además, que tiene servidor, como habéis visto, como ha demostrado David, y nada, tiene muy buena pinta. David, muchísimas gracias. Gracias por el esfuerzo. Ahora ya a descansar, que lo has hecho muy bien, que la gente está súper contenta.
Y que, hombre, ¿y venías preparado con la camiseta de Argentina?
Sí, por supuesto.
Qué bueno, qué bueno.
Mimoso.
Ay, qué bueno. Eres un crack, de verdad, ¿eh? Así que, como decís en inglés, ¡boom! Así que, felicidades, David.
Muchísimas gracias por sacar un ratito y por haberlo hecho en español, que te lo agradezco infinito.
Gracias por pasarte, David. Muchas gracias y muchos éxitos.
Sí, no, muchas gracias por todo.
Un abrazo. Adiós.
Pues, joder, David es David. David, yo le llamo David porque es que habla también español, que parece que es argentino, de verdad.
Pero, pero es David. David East. David este, para cuando habla español.