Mejorando la Felicidad del Desarrollador con IA

Estoy realmente emocionado de estar aquí hoy. Mi nombre es Senna, y soy un ingeniero de soluciones en GitHub, y estoy emocionado de hablar sobre esto porque sé que es un tema candente en la mente de todos. Sé que realmente podría haber utilizado algunas de estas herramientas cuando estaba comenzando en el desarrollo. Recuerdo mi primera interacción con React fue en mi primer trabajo, uno de mis primeros proyectos tenía que ver con refactorizar esta biblioteca JavaScript casera realmente masiva de un proyecto en React. Y mi equipo y yo íbamos a los entrenamientos de React de Ryan France en un edificio de Yahoo en San José. Así que es bastante gracioso que siete u ocho años después, esté hablando en la Cumbre de React en Ámsterdam. Así que ahora vivo aquí. Pero sí.

Tengo muchas cosas que quiero abordar hoy. Así que una agenda rápida. Haré una introducción a algunos de los diferentes tipos de herramientas que veo que las personas utilizan cuando hablo con clientes que usan GitHub. GitHub Copilot es el que más conozco por mi trabajo allí. También quiero hablar sobre la investigación que hemos realizado detrás de Copilot. Y qué significa realmente ser productivo y qué tipos de problemas estamos resolviendo aquí.

Luego hablaré sobre algunos beneficios y desafíos de usar estas herramientas. Y mostraré algunas demostraciones de algunas características nuevas de Copilot en las que estamos trabajando. Y al final, tendremos tiempo para preguntas y respuestas.

Entonces, muy rápidamente... ¿Qué son las herramientas de programación emparejada con IA? Si buscas programación emparejada con IA en un IDE, como VS Code, verás que aparecen muchas de estas opciones. Y solo por curiosidad, ¿cuántos de ustedes están usando una de estas herramientas de programación emparejada con IA en la parte superior? Vale, genial. ¿Y qué hay de GitHub Copilot? Vale, genial. Así que muchos de ustedes están familiarizados. Hablo con la gente de esto todo el tiempo. Estoy emocionado al respecto. Sé que muchas otras personas también lo están. Pero también hay estas agradables experiencias estilo chatGPT que estamos viendo. Donde puedes tener más una conversación. Hacer más descubrimientos. Tal vez lanzar algunos prototipos. Así que hay muchas tecnologías interesantes tanto de Microsoft como de Google y Open AI. Muchas herramientas en este espacio. Y todos los días siento que hay algo nuevo.

Entonces sí, Copilot es el que más conozco. Es una herramienta de autocompletado realmente útil. Lo que haces es proporcionarle contexto y el contexto es básicamente donde está tu cursor en el archivo en el que estás trabajando, así como qué otras pestañas tienes abiertas. Por lo tanto, es capaz de sintetizar la mejor sugerencia posible para ti. Sí. Basado en lo que estás haciendo y lo que estás tratando de lograr.

Y esto funciona si estás utilizando uno de nuestros IDEs compatibles en la parte inferior izquierda. Y, sí, el título de mi charla trata sobre cómo mejorar la felicidad del desarrollador con IA. Así que quería hablar sobre parte de la investigación que hemos realizado que ha demostrado algunas de las hipótesis que hemos tenido. Y hemos realizado mucha investigación tanto para informar cómo construimos el producto como para comprender cómo las personas lo están utilizando.

Y este artículo de investigación es bastante interesante, porque creo que es uno de los únicos artículos de investigación académica sobre este tipo de herramienta de programación emparejada con IA. Entonces, una de nuestras primeras hipótesis es que está ayudando a las personas a sentirse más productivas. Y los informes iniciales de los usuarios han confirmado eso. Pero queríamos comprenderlo probándolo y viendo cómo realmente está ayudando a las personas. Así que nuestro equipo de investigación entrevistó a alrededor de 2,000 desarrolladores basados en Estados Unidos. Esta es una combinación de desarrolladores profesionales, estudiantes y profesores, así como algunas personas que son más aficionadas. Pero queríamos analizar la productividad de manera más integral. Y para ello utilizamos algo llamado marco SPACE para comprender qué aspectos de la productividad queremos investigar. Así que hablaré de eso a continuación. Pero este estudio incluyó una combinación de datos cualitativos. Cómo las personas perciben que están siendo más productivas. Además de datos cuantitativos sobre qué tan rápido están haciendo las cosas las personas. Cuántas sugerencias aceptan en comparación con las sugerencias que ignoran. Así que hay muchos estudios interesantes aquí. Y queríamos evaluar los efectos en los escenarios de desarrollo cotidianos. Así que hay algunos hallazgos interesantes. Como que muchas personas aceptaban cosas con más frecuencia después del día de trabajo o durante los fines de semana. Y realmente no estamos seguros de por qué. Pero es una de las razones por las que deberías consultar el artículo académico. Y también vamos a publicar más hallazgos al respecto. Pero muy rápidamente, ¿qué es SPACE? Es un acrónimo de un marco que abarca varios aspectos del comportamiento. Queríamos centrarnos en la satisfacción. Por lo tanto, la S y la E. Satisfacción y bienestar, así como eficiencia y flujo. Ambas dimensiones son bastante críticas, creemos. A veces se pasan por alto y a veces las personas se centran en métricas individuales como cuántos commits están realizando las personas. He estado en esa situación antes.

Entonces, esto es más o menos cómo informamos nuestra encuesta. Que encuestamos a desarrolladores. Lo cual me lleva a preguntar, ¿qué significa realmente ser productivo? Así que investigamos esto incluso antes del estudio de Copilot. Creo que fue en 2021, queríamos entender cómo las personas, qué piensan que significa ser productivo para ellos. Y lo que encontramos es que es algo similar a tener un buen día. Así que llamamos a esto nuestro proyecto de buen día. Estoy enlazando a otro artículo de blog sobre esto. Pero lo que la gente dijo es que quieren poder mantenerse enfocados en una tarea en particular. Sentir que están logrando un progreso significativo y sentirse mejor al final del día con el trabajo que han logrado, sintiendo que han logrado lo que se propusieron hacer. Y algo que escuchamos es que cuando rompes tu estado de flujo a lo largo del día, eso puede ser realmente perjudicial para tu propia sensación de productividad y sentir que realmente has terminado lo que tenías la intención de hacer. Entonces, gran parte de esto tiene que ver con mantenerse en el flujo y sentirse satisfecho con lo que eres capaz de completar. Estas son las cosas en las que nos propusimos investigar.

Y volviendo al estudio real de Copilot. Lo que los desarrolladores nos dijeron es que la mayoría de las personas, cuando usaban Copilot, dijeron que se sentían menos frustrados al programar, pasaban menos tiempo buscando, por lo que donde de lo contrario probablemente irías a Google o leerías algunos comentarios en un sitio externo, tener todas las sugerencias y respuestas dentro de tu IDE es realmente útil para mantener en el mismo flujo.

Y luego, sí, sintieron que podían, sí, mantenerse en el mismo flujo, pasar menos tiempo buscando externamente. Y lo que también fue genial escuchar es que las personas gastaron menos esfuerzo mental en tareas repetitivas que Copilot les ayudó a hacer. La mayoría también dijo que se sentían más satisfechos con su trabajo mientras lo usaban y pudieron básicamente pasar más tiempo resolviendo problemas más interesantes, un trabajo más satisfactorio. Esto fue una buena base para nosotros para entender que está teniendo un efecto positivo en la felicidad del desarrollador.

Y luego, una de las primeras hipótesis que teníamos era que las personas pueden completar tareas más rápido, especialmente tareas repetitivas. Y también hubo algunos experimentos que hicimos donde las personas usaron Copilot para completar una tarea y lo compararon con personas que no lo hicieron. Entonces, sí. Ahora que les he hablado sobre algunos de nuestros estudios que se hicieron sobre el aspecto de autocompletado de Copilot, quiero volver a esta diapositiva, porque hay algo nuevo en lo que estamos trabajando llamado Copilot Chat de GitHub, y eso va a cerrar la brecha entre la autocompletación dentro del IDE y tener más una conversación en torno al código que tienes, como los archivos que tienes abiertos, entender, como, qué comentarios tiene, y puedes darle comentarios y animarlo aún más para ayudarte a progresar.

Y este tipo de discusiones tiene muchos casos de uso. Así que solo voy a mencionar algunos de ellos. Pero, sí, realmente te ayuda con algunas de las cosas más repetitivas de plantilla, tareas comunes como tal vez escribir una consulta SQL o incluso, como, escribir una expresión regular para algo. Pero estás viendo que está, sí, ayudando a aumentar la productividad y al final del día, ahorrándote tiempo para trabajar en resolver problemas más interesantes. Entonces, las cosas que realmente quieres hacer. Y es realmente útil para trabajar en dominios desconocidos también. Realmente puedes hacer más descubrimiento y, como, descubrir cómo hacer un prototipo de algo súper rápido.

Quiero mostrarte un ejemplo de cómo usar Copilot Chat que grabé una demostración de. También, ¿las personas están usando Copilot Chat? Otra muestra de manos. ¿Es algo a lo que las personas tienen acceso? De acuerdo. No muchas. Pero lo que hice es cuando estaba construyendo esta demo, fui a... esto es muy, como, pero fui al festival de tulipanes en Kuckenhof hace unas semanas. Y tomé muchas fotos de tulipanes. Fui a los campos y realmente estaba tratando de averiguar, como, cómo puedo hacer una aplicación realmente tulipanesca. Así que le pregunté a chat TBT y me ayudó a decidir qué quería hacer con eso. Así que empecé con una pizarra en blanco y voy a darle a reproducir en esto e intentar ponerlo en pantalla completa para que puedas verlo mejor. Pero en la parte inferior izquierda aquí está Copilot Chat. Sabe acerca de los archivos que tengo abiertos. Y simplemente comencé, como, usando la aplicación Create React. Simplemente comencé con una pizarra en blanco. Y lo que hice fue decir, oye, tengo estas imágenes de tulipanes en el directorio de imágenes públicas.

¿Puedes hacerme una galería simple? Y lo que hizo es que me dio un buen punto de partida. Fue como aquí tienes tu matriz de imágenes que puedes definir y aquí es cómo puedes hacer un bucle sobre eso y básicamente agregar etiquetas de imagen para cada imagen de tulipán que quieras usar. Así que este fue un buen punto de partida. Solo copié y pegué eso.

Y lo que me dio fueron versiones muy ampliadas. Esta es una bonita foto de un tulipán llamado Tequila Sunrise en la Feria de Flores. Pero lo que necesitaba era que estuviera un poco más reducido. Así que pensé, hey, estas imágenes son muy grandes, ¿puedes reducir un poco su tamaño? Así que en realidad puedes darle retroalimentación y decirle que itere en las sugerencias que te está haciendo. Entonces lo siguiente que hice fue pedirle que lo arreglara por mí y me dijo, hey, puedes hacer esto con un atributo de altura y ancho para las imágenes. Y me sugirió comenzar con 300 píxeles. Así que hice eso. Y luego, bueno, se ve un poco mejor. Pero quería averiguar qué bibliotecas podría usar para hacer que se vea un poco más estéticamente agradable. Así que a lo largo de este proceso recibí muchas sugerencias de diferentes bibliotecas de react. Y la que encontré más fácil de usar fue la de react componentes estilizados. Así que en realidad sugirió de inmediato cuando le pregunté qué podía usar para hacerlo más bonito. Sugirió que usara componentes estilizados, y lo que hizo fue sugerirme, sí, como, aquí están los tipos de componentes que te dará que están listos para que los uses. Puedes usar el contenedor de la galería de imágenes. Puedes usar el componente de imagen. Ya está estilizado para ti. Me da el CSS que necesito. Así que una vez que seguí esa sugerencia, actualicé mi aplicación. Voy a ir un poco más rápido por el bien del tiempo. Pero terminó dándome más de lo que estaba buscando. Ahora tengo esta galería de cajas bien distribuida para todos mis tulipanes.

Lo siguiente que quería hacer era aprender sobre otros componentes que podría usar. Así que quería hacer un modal. Una de las cosas que hice fue preguntarle sobre otros componentes estéticamente agradables, como, ¿cómo puedo agregar encabezados, cómo puedo agregar algunos puntos de referencia más? Y luego le pregunté sobre modales, como, ¿los componentes estilizados tienen soporte para modales, y me dijo que sí. Aquí te muestro cómo puedes crear un nuevo archivo y definir tu componente de modal y aquí es cómo puedes hacer referencia a él en otro ejemplo básico de una galería de imágenes. Así que seguí esa sugerencia y trabajé con ella.

Algo que también noté es que me sugirió un ejemplo muy genérico. Así es como importas el modal. Realmente no se aplicaba a mi archivo, así que quería aprovechar esa oportunidad para preguntarle algo más específico. Así que pensé, ¿puedes... Permíteme avanzar un poco. Pero le pregunté, ¿puedes ayudarme a agregar un modal a mi galería de imágenes en particular? Y luego decidí poner, como, algunos hechos aleatorios dentro del modal, así que fui más específico diciendo, hey, cada modal debería usar una, como, esta matriz de hechos aleatorios de tulipanes que generó para mí. Solo quería tener un párrafo de un hecho de tulipán dentro de cada modal. Y, sí, esto te muestra nuevamente que, cuanto más específico puedas indicarle algo, puede generar algo realmente fácil para que lo copies y pegues allí. Así que voy a avanzar un poco más rápido aquí también. Porque básicamente estoy copiando y pegando diferentes cosas aquí. Pudo manejar todos los estados de clic y cerrado para el modal. Pudo pasar todos los props y los hechos reales de esta matriz de hechos que me ayudó. Así que si avanzo un poco más rápido, porque creo que me queda un minuto más o menos. Sí. Pudo poner algo allí para mí. Y probé esto varias veces, por cierto, y me llevó alrededor de 30 minutos desde el inicio hasta el final. Así que estaba bastante emocionado por eso, ya que no había hecho realmente nada en React en mucho tiempo. Pero ahora realmente quiero comenzar mi propio blog de fotos y mi propio sitio web que he estado queriendo hacer durante mucho tiempo. Así que sí. Esto es bastante emocionante para mí. Y quiero revisar algunos otros casos de uso también. Hemos visto muchos patterns interesantes surgir después de su lanzamiento. También está ayudando a las personas a escribir pruebas. Ese es otro caso en el que puede ayudar a sugerir qué tipo de marco. Como Jest, por ejemplo, sería un buen marco de testing. Puede darte los casos de prueba que puedes usar para funciones particulares. Es realmente útil para la refactorización de código. Puedes seleccionar fragmentos completos de texto, indicarle que lo refactorice de cierta manera. O traducir algo a un idioma diferente.

La depuración también fue bastante útil. Conoce el archivo que tienes abierto. Y si le dices, oye, esta situación está generando este tipo de error, puede ayudarte a superarlo. Y la documentation también es algo que encontré útil hacer. Puedes pedirle que escriba documentación para todo el código que tienes en un archivo, así como explicar diferentes aspectos del código. Si resaltas algo y dices, oye, ¿puedes explicarme esto? Puede darte paso a paso en inglés lo que algo está haciendo. Y esto puede ayudarte a comprender cómo realmente piensa sobre el código.

Y luego hay otras implicaciones para esto también. Así que estamos trabajando en agregar estas pequeñas partes útiles de Copilot en Copilot X. Puede generar un resumen y una solicitud de extracción de todo lo que estás haciendo. Eso es lo que pude hacer usando Copilot para las solicitudes de extracción.

Pero también quería cubrir rápidamente algunas cosas de las que debes estar consciente y el resumen de esta lista de cosas en las que estas herramientas pueden no ser tan buenas, es que debes ser escéptico con las respuestas y verificar las sugerencias que te da. Es útil para realizar tareas comunes, pero si estás tratando de hacer algo más complejo o generar una función completa, no será 100% preciso. Está diseñado para ayudarte a automatizar las partes antes de llegar a ese punto y ayudarte a tener un punto de partida.

Al lidiar con APIs complicadas, es posible que no te dé exactamente lo que estás buscando. Algo que noté con las funciones de chat, ya sea el chat de Copilot o el chat de GPT, es que puede darte sugerencias desactualizadas basadas en bibliotecas. En realidad, quería hacer esta demostración con GitHub primer, que es nuestro sistema de diseño con componentes React, pero me seguía dando componentes obsoletos, así que fui en otra dirección y terminé usando styled components, así que eso es algo de lo que también debes estar consciente. Y estas herramientas nunca reemplazarán tus estándares de calidad de código y seguridad. Siempre debes seguir realizando análisis de calidad. Es como hacer programación en pareja con otra persona, solo debes asegurarte de que encaje y tenga sentido en tu proyecto.

Y otra cosa a tener en cuenta es que esto es realmente útil para comenzar en un nuevo lenguaje Es excelente para desarrolladores junior, pero si no entiendes el código que estás escribiendo y no comprendes lo que estás intentando construir, es posible que no puedas verificar las respuestas correctamente. Así que es como un intercambio y algo de lo que debes estar consciente. Y esto me lleva a mi conclusión. Mucha gente me pregunta si esto va a reemplazar los trabajos de las personas. Como ser humano en esta época, soy un poco cauteloso con la IA y la forma en que la pienso pero creo que estas solo serán herramientas que probablemente en algún momento serán una parte estándar de la cadena de herramientas de un desarrollador. Están diseñadas para ayudarte a hacer las cosas más rápido y ayudarte a aprovechar mejor tu tiempo, y no están escribiendo software completo. Realmente están destinadas a ayudarte en lo que estás haciendo. A mí, personalmente, me gustan mucho. No sé cómo hacía las cosas antes de Copilot, ahora que lo he estado usando durante un año. Solo puedo pensar en todo el tiempo que podría haber ahorrado buscando ansiosamente comentarios en Stack Overflow o buscando cómo hacer algo en Google. Así que sí, realmente espero poder comenzar mi pequeño blog de fotos y mi sitio personal finalmente. Pero sí, eso me lleva al final de mi charla. Así que quiero dejarlo abierto para preguntas y respuestas si hay alguna pregunta. Gracias por su tiempo. Eso fue genial. Tenemos muchas preguntas, así que en lugar de leerlas individualmente, he detectado un par de temas. Como con muchos temas de IA, las personas todavía son un poco escépticas o necesitan más aclaraciones.

Muchas personas han mencionado preocupaciones de seguridad o de propiedad intelectual y cómo se podría convencer a las empresas que han prohibido Copilot por ese tipo de cosas. Sí, puedo hablar primero sobre las preocupaciones de seguridad. Hemos agregado algo para las personas, especialmente hay dos tipos de Copilot que se pueden usar. Hay uno para individuos y luego está Copilot para empresas. Entonces, para los individuos, hay algo llamado uso compartido de datos donde las sugerencias que proporcionas al servicio, que es un archivo que tienes abierto o, nuevamente, las otras pestañas que tienes abiertas, se pueden utilizar para ayudar a mejorar el producto. Creo que está desactivado de forma predeterminada. Pero si lo desactivas, ninguna de esas sugerencias se conservará. Y luego, para las empresas, que son las compañías con las que hablamos que quieren usar Copilot, no hay disponible un modo de uso compartido de datos. Por lo tanto, puedes estar seguro de que nada se utiliza para entrenar ningún modelo, al menos para las empresas. Esa es la principal, eso es lo primero de lo que solemos hablar.

Eso es bueno saberlo. Gracias. También hay un conjunto de preguntas sobre Copilot para JetBrains, cuándo estará disponible Copilot para él y Copilot para otras IDE, y ese tipo de cosas. Sí. Ahora puedes usar el autocompletado normal de Copilot con JetBrains. Pero en cuanto a Copilot X y esa visión de características, en la vista previa técnica solo está disponible en VS Code. No sé cuándo podremos implementarlo en otras IDE que admitimos, como JetBrains. Pero puedo suponer que antes de que esté disponible de manera general, tendremos un mayor soporte para IDEs. Pero sí, no sé cuándo se agregarán las características de chat y X allí. Bastante justo. Sí.

Un par de personas tenían preguntas sobre cómo las pestañas abiertas proporcionan contexto. ¿Y tienes algún otro consejo para proporcionar un mejor contexto a Copilot? Sí. Hay una publicación de blog que lanzamos recientemente, desde que agregamos soporte para agregar más contexto con otras pestañas abiertas además de la que tienes abierta. Realmente ha mejorado mucho y los tipos de sugerencias que puede hacer. No tiene ningún concepto de repositorio. Solo sabe lo que le estás indicando con los archivos que tienes abiertos. Así que sí, mucha gente está escribiendo publicaciones interesantes sobre la ingeniería de las indicaciones y cómo puedes indicarle con un mejor contexto. Porque realmente, todo está en la forma en que le haces preguntas y puedes obtener respuestas más refinadas. Así que digo, cuanto más contexto, mejor con la forma en que le preguntas cosas. Y luego hay un par de preguntas logísticas que llegaron durante la charla. Así que tal vez puedas repasar. ¿Cuándo estarán más ampliamente disponibles Copilot Chat y CopilotX? Y también, ¿Copilot Chat formará parte de la licencia normal o será una opción de nivel superior o complemento? Eso, creo que todavía lo estamos ajustando. No sé cómo dar una buena respuesta sobre si estará en niveles superiores. Sí, tampoco estoy seguro... No sé si alguien de mi equipo sabe cuándo se lanzará fuera de la vista previa técnica. Así que, lo siento. Sé que es como, lanzamos esta visión y cosas que puedes usar. Aún no sabemos cuándo, pero mantente atento. Y mi última pregunta antes de seguir adelante es un poco más filosófica. Supongo que hay un par de menciones de cómo sientes que Copilot o qué sientes que es su papel en ayudar o tal vez embotar la creatividad y la innovación y la exploración. Sí, quiero decir, sé que personalmente siento que solo ayuda. Entonces, si estás tratando de pensar en una idea o algo en lo que quieres trabajar, siento que realmente te pone en la dirección correcta al darte todas estas ideas que podrías usar. También he escuchado que a algunas personas les resulta abrumador, como si lo tuvieras abierto en un archivo y simplemente te sugiere constantemente cosas mientras escribes y tú solo quieres hacer algo por tu cuenta. Así que a veces la gente lo desactiva. También estamos investigando cómo puedes ignorar ciertos archivos si no quieres que te sugiera cosas en un cierto tipo de ruta. Así que estoy muy emocionado por los casos de uso y creo que está destinado a mejorar tu experiencia y ayudarte a hacer lo que quieres hacer más rápido. Pero sí, esa es mi opinión al respecto. Bueno, me encanta Copilot. No sabía que se podían ignorar archivos. Tal vez todo mi código basura. Estamos trabajando en eso. Genial. Sí. Gracias por tu tiempo. Muchas gracias. Sanna estará en el puesto de los oradores. Una vez más, gracias. Gracias.