Mejorando la Felicidad del Desarrollador con IA

Estoy realmente emocionado de estar aquí hoy. Mi nombre es Senna, y soy 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 usado algunas de estas herramientas cuando estaba comenzando en el desarrollo. Recuerdo que mi primera interacción con React fue en mi primer trabajo, uno de mis primeros proyectos tenía que ver con refactorizar esta enorme biblioteca de JavaScript casera de un proyecto en React. Y mi equipo y yo íbamos a las formaciones 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, estoy hablando en React Summit en Ámsterdam. Así que ahora vivo aquí. Pero sí.

Tengo muchas cosas que quería abordar hoy. Así que una agenda rápida. Haré una introducción a algunos de los diferentes tipos de herramientas que veo que la gente usa cuando hablo con clientes que usan GitHub. GitHub Copilot es con la que estoy más familiarizado a través de mi trabajo allí. Y también quiero hablar sobre la investigación que hemos realizado detrás de Copilot. Y qué significa ser productivo y qué tipo de cosas estamos resolviendo aquí.

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

Así que muy rápidamente... ¿Qué son las herramientas de programación en pareja con IA? Si buscas programación en pareja con IA en un IDE, como VS Code, verás muchas de estas opciones aparecer. Y realmente curioso, levanten la mano, ¿cuántos de ustedes están usando una de estas herramientas de programación en pareja con IA en la parte superior? Bien, genial. ¿Qué tal GitHub Copilot? Bien, genial. Así que muchos de ustedes están familiarizados. Hablo con la gente sobre esto todo el tiempo. Estoy emocionado por ello. Sé que muchas otras personas también lo están. Pero también están estas agradables experiencias al estilo chatGPT que estamos viendo. Donde puedes tener más de una conversación. Hacer un poco más de descubrimiento. Tal vez lanzar algunos prototipos. Así que hay muchas tecnologías geniales tanto de Microsoft como de Google y Open AI. Así que muchas herramientas en este espacio. Y cada día siento que hay algo nuevo.

Así que sí, Copilot es con la que estoy más familiarizado. Es una herramienta de autocompletado realmente útil. Así que lo que haces es darle un 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. Así que 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 usando uno de nuestros IDEs compatibles en la parte inferior izquierda. Y, sí, el título de mi charla es sobre mejorar la felicidad de los desarrolladores con IA. Así que quería hablar sobre algunas de las investigaciones que hemos realizado que de alguna manera han probado algunas de las hipótesis que hemos tenido. Y hemos hecho mucha investigación tanto para informar cómo construimos el producto como para simplemente entender cómo la gente lo está usando.

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 en pareja con IA. Así que una de nuestras primeras hipótesis es que está ayudando a las personas a sentirse más productivas. Y los primeros informes de usuarios han confirmado eso. Pero queríamos entender cómo probarlo y ver cómo realmente está ayudando a las personas. Así que nuestro equipo de investigación entrevistó a alrededor de 2,000 desarrolladores con base en EE.UU. Esto es una combinación de desarrolladores profesionales, estudiantes y profesores también, y algunas personas que son más bien aficionados. Pero queríamos mirar la productividad de manera más holística. Y así utilizamos algo llamado marco SPACE para entender qué aspectos de la productividad queríamos investigar. Así que hablaré de eso a continuación. Pero este estudio incluyó una combinación de datos cualitativos. Así que cómo las personas perciben que están siendo más productivas. Así como datos cuantitativos sobre cuán rápido están haciendo las cosas las personas. Cuántas sugerencias están aceptando frente a las sugerencias que están ignorando. 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 estaban aceptando cosas más a menudo después del día laboral o durante los fines de semana. Y no estamos realmente seguros de por qué. Pero es solo una de las razones por las que deberías revisar el artículo académico. Y vamos a publicar más hallazgos sobre esto también. Pero muy rápidamente, ¿qué es SPACE? Así que este es un acrónimo para un marco sobre varios aspectos del comportamiento. Queríamos centrarnos en la satisfacción. Así que la S y la E. Satisfacción y bienestar, así como eficiencia y flujo. Creemos que ambas dimensiones son bastante críticas. A veces se pasan por alto y a veces la gente se centra en métricas singulares como cuántos commits están haciendo las personas.

Así es como informamos nuestra encuesta. Con la que encuestamos a los desarrolladores. Lo que me lleva a qué significa realmente ser productivo. Así que investigamos esto incluso antes del estudio de co-pilot. Creo que en 2021, queríamos entender cómo las personas, qué piensan las personas 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 otra publicación de blog sobre esto. Pero lo que la gente dijo es que quieren poder mantenerse enfocados en una tarea en cuestión. Sentir que están haciendo un progreso significativo y sentirse mejor al final del día de trabajo porque han logrado algo 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 pretendías. Así que mucho de esto informa mantenerse en el flujo y sentir que estás satisfecho con lo que puedes completar. Así que estas son las cosas 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, así que donde de otro modo 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 mantenerte en el mismo flujo.

Y luego, sí, así que 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 la gente gastaba menos esfuerzo mental en tareas repetitivas que copilot les ayudaba a hacer. La mayoría también dijo que se sentían más realizados con su trabajo mientras lo usaban y podían simplemente dedicar más tiempo a resolver problemas más interesantes, trabajos más satisfactorios. Esto fue una buena base para que entendiéramos que está teniendo un efecto positivo en la felicidad de los desarrolladores.

Y luego una de las primeras hipótesis que tuvimos fue 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 comparamos con personas que no lo hicieron. Así que, sí. Ahora que te he contado sobre algunos de nuestros estudios que se realizaron sobre el aspecto de autocompletación de copilot, quiero volver a esta diapositiva, porque hay algo nuevo en lo que estamos trabajando llamado GitHub copilot chat, y eso va a cerrar la brecha entre la autocompletación dentro del IDE y tener más una conversación sobre el código que tienes, como, los archivos que tienes abiertos, entender, como, qué comentarios tiene, y puedes darle comentarios y además incitarlo a que te ayude a progresar.

Y estos tipos de discusiones tienen muchos casos de uso. Así que solo pasaré por 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, sí, está ayudando a aumentar la productividad y al final del día, ahorrándote tiempo para trabajar en resolver problemas más interesantes. Así que las cosas que realmente quieres estar haciendo. Y es realmente útil para trabajar en dominios desconocidos también. Realmente puedes hacer más descubrimientos y, como, averiguar cómo hacer un prototipo de algo súper rápidamente.

Así que quiero mostrarte un ejemplo de usar copilot chat que hice una grabación de demostración. Además, ¿la gente está usando copilot chat? Otra muestra de manos. ¿Es esto algo a lo que la gente tiene acceso? Bien. No muchos. Pero lo que hice es que cuando estaba construyendo esta demostración, 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 tulipy? Así que le pregunté a chat TBT y me ayudó a decidir qué quería hacer con ella. Así que comencé con una hoja en blanco y voy a presionar play en esto e intentar ponerlo en pantalla completa para que puedas verlo mejor. Pero en la parte inferior izquierda aquí está copilot chat. Sabe sobre los archivos que tengo abiertos. Y comencé simplemente usando el Create React App. Comencé con una hoja en blanco. Y lo que hice es que dije, oye, tengo estas imágenes de tulipanes en el directorio de imágenes públicas.

¿Puedes hacer una galería simple para mí? Y lo que hizo fue darme un buen punto de partida. Era como aquí está tu array de imágenes que puedes definir y aquí está cómo puedes iterar sobre eso y básicamente añadir etiquetas de imagen para cada imagen de tulipán que quieras usar. Así que este fue un buen punto de partida. Simplemente entré y pegué eso.

Y lo que me dio fueron algunas versiones realmente ampliadas. Esta es una bonita foto de un tulipán llamado Tequila Sunrise en el Flower Show. Pero lo que necesitaba era que estuviera un poco más reducido. Así que dije, oye, estas imágenes son realmente grandes, ¿puedes reducirlas un poco? Así que realmente puedes darle retroalimentación y decirle que itere sobre las sugerencias que te está haciendo. Así que lo siguiente que hice fue pedirle que arreglara eso por mí y me dijo, oye, puedes hacer esto con un atributo de altura y ancho para las imágenes. Y me dio una sugerencia de comenzar con 300 píxeles. Así que hice eso. Y luego, bien, se ve un poco mejor. Pero quería averiguar qué bibliotecas podía usar para básicamente hacer que se viera un poco más estéticamente agradable. Así que a lo largo de este proceso recibí muchas sugerencias para diferentes bibliotecas de React. Y la que encontré más fácil de usar fue react components, perdón, styled components. Así que en realidad simplemente sugirió de inmediato cuando le pregunté qué podía usar para hacerlo más bonito. Sugirió que usara styled components, y lo que hizo fue simplemente sugerir 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í adelante y, como, copié esa sugerencia, actualicé mi aplicación. Voy a pasar por esto un poco más rápido por cuestión de tiempo. Pero terminó dándome más de lo que estaba buscando. Ahora tengo esta, como, especie de galería de cajas bien distribuida para todos mis para todos mis tulipanes.

Así que lo siguiente que quería hacer era aprender sobre otros componentes que podí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 añadir encabezados, cómo puedo añadir algunos más puntos de referencia? Y luego le pregunté sobre los modales, como, ¿tienen los styled components soporte para modales, y dijo que sí, lo tiene. Aquí está cómo puedes crear un nuevo archivo y definir tu componente modal y aquí está cómo puedes básicamente referenciarlo en otro ejemplo de plantilla de una galería de imágenes. Así que seguí adelante y trabajé con esa sugerencia.

Algo que noté, también, es que me sugirió un ejemplo muy genérico. Aquí está cómo importas el modal. Realmente no se aplicaba a mi archivo, así que quise aprovechar esa oportunidad para preguntarle algo más específico. Así que fue como, ¿puedes... Déjame adelantar un poco. Pero le pregunté, ¿puedes realmente ayudarme a agregar un modal a mi galería de imágenes particular? Y luego decidí poner, como, algunos hechos aleatorios dentro del modal, así que fui más específico diciendo, oye, como, cada modal debería usar un, como, este array 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 solo te muestra nuevamente, como, cuanto más específico puedas ser al indicarle algo, realmente puede generar algo muy fácil para que lo copies y pegues allí. Así que voy a adelantar esto un poco también. Porque básicamente estoy, como, copiando y pegando diferentes cosas aquí. Pudo manejar todos los, como, estados on click y, como, closed para el modal. Pudo pasar todos los props y, como, los hechos reales desde este array de hechos que me ayuda. Así que si adelanto solo un poco, porque creo que me queda un minuto más o menos. Sí. Pudo simplemente poner algo allí para mí. Y probé esto unas cuantas veces, por cierto, y me tomó alrededor de 30 minutos desde el inicio hasta el final. Así que estaba bastante emocionado por eso, ya que realmente no había hecho 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 repasar algunos otros casos de uso, también. Hemos visto muchos patrones interesantes surgir después de que esto se ha lanzado. Así que también está ayudando a las personas a escribir pruebas. Ese es otro test. Ese es otro caso donde puede ayudar a sugerirte qué tipo de framework. Como Jest, por ejemplo, sería un buen framework de testing. Puede darte los casos de prueba que podrías querer usar para funciones particulares. Es realmente útil para refactorizar código. Así que puedes seleccionar piezas completas de texto, decirle que lo refactorice de cierta manera. O traducir algo a un idioma diferente.

La depuración fue bastante útil también. Conoce el archivo que tienes abierto. Y si le dices, oye, esta situación está generando este tipo de error, puede ayudarte a superar eso. Y la documentación también es algo que encontré útil hacer. Puedes decirle que escriba algunos documentos para todo el código que tienes en un archivo, así como, por ejemplo, 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 entender cómo realmente está pensando sobre el código.

Y luego hay otras implicaciones para esto también. Así que estamos trabajando en poner este tipo de cosas y 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. Así que eso es lo que pude lograr que hiciera usando Copilot para PRs.

Pero también quería cubrir rápidamente, como, algunas cosas de las que deberías estar al tanto y el TLDR de esta lista de cosas donde estas herramientas podrían no ser tan buenas, es que solo necesitas ser escéptico con las respuestas y verificar las sugerencias que te está dando. Es bueno para superar tareas comunes, pero si estás tratando de hacer algo más complejo o hacer que genere una función completa para ti, no va a ser 100%. Está destinado a ayudarte a automatizar las partes antes de llegar a ese punto y ayudarte a tener algún tipo de punto de partida allí.

Al tratar con APIs complicadas, puede que no te dé, una vez más, el 100% de lo que estás buscando. Algo que noté con las funciones de chat, ya sea copilot chat o chat GPT o algo más, 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 de React, pero seguía dándome componentes obsoletos, así que tomé otra dirección y terminé usando styled components, así que eso es algo de lo que también hay que estar al tanto. Y estos, nunca van a reemplazar tus estándares de calidad y seguridad del código. Siempre deberías seguir teniendo ese escaneo en marcha. Y es un poco como la programación en pareja con otra persona, solo necesitas asegurarte de que encaje y tenga sentido con tu proyecto.

Y algo a tener en cuenta también es que esto es realmente bueno para comenzar en un nuevo lenguaje. Es realmente genial para desarrolladores junior, pero si no entiendes el código que estás escribiendo y no entiendes lo que estás tratando de construir, entonces puede que no seas capaz de verificar las respuestas tan bien. Así que es solo un tipo de compensación y algo de lo que estar al tanto. Y esto me lleva a mi conclusión. Mucha gente me pregunta si esto va a reemplazar los trabajos de las personas. Como humano en esta época, soy un poco cauteloso con la IA y la forma en que pienso sobre ella, pero creo que estos solo van a ser herramientas para ti que probablemente en algún momento solo serán una parte estándar de la cadena de herramientas de un desarrollador. Están destinados a ayudarte a hacer las cosas más rápido y a hacer más cosas con tu tiempo, y no están escribiendo software completo. Realmente están destinados a ayudarte en lo que estás haciendo. A mí, por ejemplo, realmente me gustan. No sé cómo hacía las cosas sin CoPilot ahora que lo he estado usando durante un año. Puedo simplemente—estoy pensando en todo el tiempo que podría haber ahorrado buscando ansiosamente a través de comentarios de Stack Overflow o simplemente 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 quería dejarlo abierto para preguntas y respuestas si hay alguna pregunta. Gracias por tu tiempo. Eso fue genial. Tenemos un montón de preguntas, así que voy a, en lugar de leer preguntas individuales, he sentido un par de temas.

Muchas personas han mencionado preocupaciones de seguridad o preocupaciones de propiedad intelectual y cómo convencerías a las empresas que han prohibido Copilot por esos tipos de cosas. Sí, así que puedo hablar sobre las preocupaciones de seguridad primero. Algo que hemos añadido para la gente, especialmente hay dos tipos de Copilot que puedes usar. Está el de individuos y luego está Copilot para empresas. Así que para individuos, hay algo llamado intercambio de datos donde las solicitudes que haces al servicio con, que es un archivo que tienes abierto o, nuevamente, las otras pestañas que tienes abiertas se pueden usar para ayudar a mejorar el producto. Así que creo que está desactivado por defecto. Pero si lo desactivas, ninguna de esas solicitudes se retiene. Y luego para empresas, lo que entra en las empresas con las que hablamos que quieren usar esto, nada de eso, no hay un modo de intercambio de datos disponible. Así que puedes estar seguro de que nada se está usando para entrenar ningún modelo, al menos para empresas. Así que esa es como la principal, esa es la primera cosa de la que usualmente hablamos.

Eso es bueno saberlo. Gracias. También hay un conjunto de preguntas sobre copilot para JetBrains cuándo, y copilot para él, y copilot para otros IDE, y ese tipo de cosas. Sí. Así que puedes usar el tipo de autocompletado normal como copilot con JetBrains ahora. Pero en términos de copilot X y esa visión de características, en vista previa técnica está solo en VS Code. No sé cuándo podremos lanzarlo a los otros IDE que soportamos, como JetBrains. Pero puedo asumir que antes de que llegue a disponibilidad general, tendremos un soporte más amplio para IDE. Pero sí, no sé cuándo las características de chat y X estarán allí. Justo. Sí.

Un par de personas tenían preguntas sobre las pestañas abiertas proporcionando contexto. ¿Y tienes algún otro consejo sobre cómo proporcionar a Copilot un mejor contexto? Sí. Así que hay una publicación en el blog que lanzamos recientemente, desde que añadimos soporte para agregar más contexto con otras pestañas abiertas además de la que tienes abierta. Ha mejorado mucho, y los tipos de sugerencias que puede hacer. No tiene ningún concepto de un 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 ingeniería de prompts y cómo puedes indicarle con mejor contexto. Porque realmente, todo está en la forma en que le haces preguntas y puedes obtener respuestas más refinadas. Así que digo, como, cuanto más contexto, mejor con cómo le estás preguntando cosas.