Aportando el poder de la IA a tu editor con GitHub Copilot

Rate this content
Bookmark

GitHub Copilot es una herramienta de programación en pareja de IA que pone el conocimiento colectivo de millones de desarrolladores al alcance de tus dedos, directamente en tu IDE.

En la charla, Krzysztof, miembro del equipo principal detrás de GitHub Copilot, demostrará cómo funciona Copilot y discutirá los principios de diseño utilizados durante la creación del proyecto.

También profundizará en algunos detalles técnicos del proyecto: cómo Copilot se comunica con su IA, qué "consultas" utiliza, cómo procesa las respuestas y cómo se integra con varios IDE para crear la característica experiencia de usuario de Copilot.

This talk has been presented at JSNation 2022, check out the latest edition of this JavaScript Conference.

FAQ

GitHub Copilot es una herramienta de productividad para desarrollo de software que actúa como un autocompletado avanzado, utilizando el modelo de IA Codex de OpenAI, entrenado con miles de millones de líneas de código de desarrolladores de software.

A diferencia de los autocompletados tradicionales, GitHub Copilot sugiere bloques completos de código adaptados al contexto y estilo de codificación del usuario, usando información de otros archivos y funciones del proyecto.

Inicialmente GitHub Copilot fue diseñado para Visual Studio Code, pero ahora también soporta múltiples editores como IDE de IntelliJ, PyCharm, Ryder, Neovim y Visual Studio.

Para los usuarios que tienen habilitado Copilot, se observa que el 35% del código recién escrito ha sido sugerido por GitHub Copilot.

GitHub Copilot genera sugerencias únicas y personalizadas basadas en el contexto del usuario y no realiza copias directas de código. Sin embargo, en raras ocasiones puede reproducir fragmentos muy conocidos, con soluciones a este problema en desarrollo.

Sí, GitHub Copilot pasará a ser un producto de pago, aunque seguirá siendo gratuito para estudiantes y colaboradores verificados de código abierto.

GitHub Copilot mejora sus sugerencias basándose en la telemetría y la evaluación del uso, pero no utiliza código privado del usuario para alimentar el modelo de IA, asegurando la privacidad y confidencialidad.

Utilizar GitHub Copilot es comparable al uso de cualquier otra herramienta de desarrollo que facilita la escritura de código, y no se considera hacer trampa. Su objetivo es mejorar la productividad y eficiencia del desarrollador.

Krzysztof Cieślak
Krzysztof Cieślak
29 min
16 Jun, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

GitHub Copilot es una herramienta de productividad para el desarrollo de software que sugiere bloques completos de código basados en el conocimiento colectivo de los desarrolladores de software. Ha estado en vista previa técnica durante un año y es utilizado por miles de desarrolladores. El éxito de Copilot ha crecido con el tiempo y ahora admite múltiples editores y lenguajes de programación. El modelo de IA utilizado en Copilot, llamado Codex, opera en lenguaje natural y no requiere codificación especial. Copilot se convertirá en un producto de pago en verano, pero seguirá siendo gratuito para estudiantes y colaboradores verificados de código abierto.

1. Introducción a GitHub Copilot

Short description:

GitHub Copilot es una herramienta de productividad para el desarrollo de software que sugiere bloques completos de código basados en el conocimiento colectivo de los desarrolladores de software. Utiliza un modelo de IA entrenado en miles de millones de líneas de código públicamente disponibles. Las sugerencias se adaptan al estilo de codificación y al contexto, brindando una experiencia de usuario única. GitHub Copilot ha estado en vista previa técnica durante un año, con miles de desarrolladores que lo utilizan. El 35% del código recién escrito en archivos con Copilot habilitado es sugerido por Copilot, lo que hace que el proceso de desarrollo sea más productivo.

Gracias por escuchar. Hola a todos. Antes que nada, estoy realmente, realmente contento de que todos estén aquí. Los últimos dos años fueron difíciles, por supuesto, así que gracias a todos por estar aquí.

Sí, mi nombre es Krzysztof, y tengo un título elegante en GitHub. No importa realmente. He estado trabajando durante el último año y medio en un proyecto llamado GitHub Copilot. Espero que muchos de ustedes hayan oído hablar de GitHub Copilot. Ha sido un tema de moda en Internet y las redes sociales, pero si no lo han hecho, permítanme presentarles rápidamente GitHub Copilot.

¿Entonces qué es? Básicamente, es una herramienta de productividad para el desarrollo de software. Puedes pensar en ello como un autocompletado más potente. Sin embargo, a diferencia de los sistemas de autocompletado tradicionales, no está basado en la información semántica o en el análisis estático de código, ni en nada parecido. En cambio, utiliza el modelo de IA llamado Codex desarrollado por OpenAI, que ha sido entrenado con el conocimiento colectivo de todos nosotros, los desarrolladores de software, en forma de miles de millones de líneas de código disponibles públicamente en Internet. Gracias a eso, GitHub Copilot no se limita a sugerir solo palabras individuales, como nombres de variables o nombres de funciones, como en el caso de los sistemas de autocompletado tradicionales. En cambio, intentamos sugerir bloques completos de código, bloques de varias líneas, que intentan adaptarse al contexto actual, intentan averiguar cuál es tu próximo paso, qué estás planeando hacer. Esos fragmentos, esas sugerencias se adaptan al estilo de codificación, al uso de otros archivos, otras funciones de tu proyecto y mucho más. Y debido a eso, tuvimos que diseñar una experiencia de usuario un poco diferente para esas sugerencias. En lugar de utilizar el widget de autocompletado tradicional, que es una lista de funciones, diseñamos esta experiencia de usuario de tener este texto virtual en línea que se muestra directamente en el editor, y hablaré un poco más sobre eso en un momento.

Sin embargo, si aún no has visto GitHub Copilot, tengo un video rápido para mostrarte cómo funciona y estaré hablando mientras se reproduce este video. Como puedes ver, este texto gris, son sugerencias que son sugeridas por GitHub Copilot. Se actualizan a medida que escribes en tu editor, por lo que no necesitas realizar ninguna acción adicional para obtener esas sugerencias, simplemente escribes en tu editor de código como lo harías normalmente, y tratamos de sugerir algo útil para ti que esperamos sea útil. En esta demostración en particular, solo hay completados de una sola línea, pero también podemos sugerir completados de varias líneas en algunos casos. Entonces, probablemente quieras preguntarme, sí, esto se ve genial en la demostración, pero ¿es realmente útil y realmente produce algún valor para los usuarios, mejora tu productividad? Como se mencionó en la introducción, Copilot ha estado en vista previa técnica durante casi un año. Lo lanzamos a fines de junio del año pasado, así que ahora mismo es literalmente un año, y ha sido utilizado por miles y miles de desarrolladores de software en todo el mundo. No puedo compartir números específicos sobre eso, sin embargo, hay un número que puedo compartir, y es este número. Para los usuarios que tienen Copilot habilitado en su archivo, vemos que el 35 por ciento del código recién escrito en este archivo ha sido sugerido por GitHub Copilot. Quiero decir, por supuesto, el desarrollo de software no se trata solo de escribir código, pero imagina si escribes código durante varias horas todos los días, si ese proceso es un 35 por ciento más productivo, eso significa que tienes tal vez dos horas más de tu tiempo de vuelta. Eso es realmente increíble. Este número ha ido creciendo constantemente durante el último año. No comenzamos con este número.

2. Detalles Técnicos y Éxito de Copilot

Short description:

Comenzamos con un número mucho más bajo y ha ido creciendo. Nuestras estimaciones son altas para los próximos años. Cuando me uní al equipo, teníamos una arquitectura simple que utilizaba una extensión de Visual Studio Code y se comunicaba directamente con los codecs de IA alojados por Open AI. Copilot se ha convertido en un producto exitoso con mucho revuelo en Internet.

Comenzamos con un número mucho más bajo. Ha ido creciendo gracias a las mejoras que hemos realizado en el proyecto durante el último año. Además, estamos seguros de que podemos aumentar este número aún más. Nuestras estimaciones son altas para los próximos años.

Entonces, eso fue marketing. Y ahora vamos a entrar en detalles técnicos porque soy un desarrollador de software. No estoy tratando de venderte un producto. Estoy aquí para hablar de lo que hacemos. Y también, como nota, no soy un científico de datos. No soy un experto en IA. Estoy trabajando en este proyecto porque he sido un experto en herramientas para desarrolladores. Tengo mucha experiencia con extensiones de Visual Studio Code y otras herramientas para desarrolladores. Ese es mi papel en el equipo. Así que no voy a profundizar demasiado en la IA o en cómo funciona. Simplemente no entiendo eso realmente. Y está bien. Imagino que la mayoría de nosotros no somos expertos en IA o científicos de datos. Solo somos ingenieros de software que intentamos construir cosas útiles para nuestros clientes.

Entonces, cuando me uní al equipo y cuando Copilot comenzó como un proyecto, estábamos utilizando una arquitectura realmente simple. Teníamos una extensión de Visual Studio Code escrita en TypeScript, y luego nos comunicábamos directamente con los codecs de IA alojados por Open AI. Puedes hacer eso en tus proyectos ahora mismo. Necesitas acceso a Open AI para acceder a la vista previa o al programa beta, como se llame. Y luego simplemente envías una solicitud HTTP y él responderá. En realidad, esta es la arquitectura con la que comenzamos nuestra vista previa técnica hace aproximadamente un año. Había algunas llamadas adicionales a github.com para la autenticación, pero eso es aburrido. En principio, era tan simple como eso.

Y luego, Copilot se ha convertido en un producto bastante exitoso. Ha habido mucho revuelo en Internet sobre el producto y la pregunta más común que la gente hacía era: `¿Puedo usar Copilot en IntelliJ?` `¿Puedo usar Copilot en NeoVim?` `¿Puedo usar Copilot en Visual Studio?` Okay. Sí. Nadie preguntó eso.

QnA

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Depuración Web Moderna
JSNation 2023JSNation 2023
29 min
Depuración Web Moderna
Top Content
This Talk discusses modern web debugging and the latest updates in Chrome DevTools. It highlights new features that help pinpoint issues quicker, improved file visibility and source mapping, and ignoring and configuring files. The Breakpoints panel in DevTools has been redesigned for easier access and management. The Talk also covers the challenges of debugging with source maps and the efforts to standardize the source map format. Lastly, it provides tips for improving productivity with DevTools and emphasizes the importance of reporting bugs and using source maps for debugging production code.
El Futuro de las Herramientas de Rendimiento
JSNation 2022JSNation 2022
21 min
El Futuro de las Herramientas de Rendimiento
Top Content
Today's Talk discusses the future of performance tooling, focusing on user-centric, actionable, and contextual approaches. The introduction highlights Adi Osmani's expertise in performance tools and his passion for DevTools features. The Talk explores the integration of user flows into DevTools and Lighthouse, enabling performance measurement and optimization. It also showcases the import/export feature for user flows and the collaboration potential with Lighthouse. The Talk further delves into the use of flows with other tools like web page test and Cypress, offering cross-browser testing capabilities. The actionable aspect emphasizes the importance of metrics like Interaction to Next Paint and Total Blocking Time, as well as the improvements in Lighthouse and performance debugging tools. Lastly, the Talk emphasizes the iterative nature of performance improvement and the user-centric, actionable, and contextual future of performance tooling.
pnpm: un gestor de paquetes rápido y eficiente para JavaScript
DevOps.js Conf 2022DevOps.js Conf 2022
31 min
pnpm: un gestor de paquetes rápido y eficiente para JavaScript
pnpm is a fast and efficient package manager that gained popularity in 2021 and is used by big tech companies like Microsoft and TikTok. It has a unique isolated node module structure that prevents package conflicts and ensures each project only has access to its own dependencies. pnpm also offers superior monorepo support with its node module structure. It solves the disk space usage issue by using a content addressable storage, reducing disk space consumption. pnpm is incredibly fast due to its installation process and deterministic node module structure. It also allows file linking using hardlinks instead of symlinks.
Más allá de las listas virtuales: Cómo renderizar 100K elementos con 100s de actualizaciones/seg en React
React Advanced Conference 2021React Advanced Conference 2021
27 min
Más allá de las listas virtuales: Cómo renderizar 100K elementos con 100s de actualizaciones/seg en React
Top Content
The Talk discusses optimizing rendering of big tables using Flipper, a new version that is ten times faster with improved user interaction and richer data. It explores optimizing rendering with React, virtualization, filtering, sorting, and windowing techniques. The introduction of the Flipper Datasource packet simplifies handling updates, inserts, and removals. The performance of the Flipper data source package is excellent, even in a debug build of React, with minimal CPU usage. The Q&A session covers incremental sorting, dynamic row height, and the potential for two-dimensional virtualization in the future.
Aplicaciones web de alta velocidad: más allá de lo básico
JSNation 2022JSNation 2022
30 min
Aplicaciones web de alta velocidad: más allá de lo básico
This talk covers the latest features in Chrome DevTools, including network tab analysis, performance tab optimization, and user flows. It discusses optimizing HTTP requests with fetch priority to improve loading time. The performance tab provides insights on frame drops, long tasks, and the importance of minimizing total blocking time. The talk also highlights the optimization of page rendering and introduces user flows in Chrome DevTools.
Depuración con Chrome DevTools
JSNation Live 2021JSNation Live 2021
11 min
Depuración con Chrome DevTools
Here are some tips for better utilizing DevTools, including using the run command, customizing keyboard shortcuts, and emulating the focus effect. Learn how to inspect memory, use the network panel for more control over network requests, and take advantage of console utilities. Save frequently used code as snippets and use local overrides for easy editing. Optimize images by using a more optimized format like AVIF and track changes in the network panel to see the reduced data size.

Workshops on related topic

React, TypeScript y TDD
React Advanced Conference 2021React Advanced Conference 2021
174 min
React, TypeScript y TDD
Top Content
Featured WorkshopFree
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
Dominando conceptos avanzados en TypeScript
React Summit US 2023React Summit US 2023
132 min
Dominando conceptos avanzados en TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
De Todo App a B2B SaaS con Next.js y Clerk
React Summit US 2023React Summit US 2023
153 min
De Todo App a B2B SaaS con Next.js y Clerk
WorkshopFree
Dev Agrawal
Dev Agrawal
Si eres como yo, probablemente tengas un millón de ideas para proyectos secundarios, algunas de las cuales incluso podrían hacerte ganar dinero como un micro SaaS, o podrían resultar ser la próxima startup de mil millones de dólares. Pero, ¿cómo sabes cuáles? ¿Cómo pasas de una idea a un producto funcional que puede ser puesto en manos de clientes que pagan sin renunciar a tu trabajo e invirtiendo todo tu tiempo y dinero en ello? ¿Cómo pueden competir tus proyectos secundarios en solitario con las aplicaciones construidas por enormes equipos y grandes empresas?
Construir productos SaaS ricos viene con desafíos técnicos como infraestructura, escalabilidad, disponibilidad, seguridad y subsistemas complicados como autenticación y pagos. Por eso, a menudo son los gigantes tecnológicos ya establecidos quienes pueden construir y operar productos de este tipo de manera razonable. Sin embargo, una nueva generación de devtools está permitiendo a los desarrolladores construir fácilmente soluciones completas que aprovechan la mejor infraestructura en la nube disponible, y ofrecen una experiencia que te permite iterar rápidamente en tus ideas por un bajo costo de $0. Se llevan todos los desafíos técnicos de construir y operar productos de software para que solo tengas que pasar tu tiempo construyendo las características que tus usuarios quieren, dándote una oportunidad razonable de competir contra el mercado al mantenerte increíblemente ágil y receptivo a las necesidades de los usuarios.
En esta masterclass de 3 horas comenzarás con una simple aplicación de gestión de tareas construida con React y Next.js y la convertirás en un producto SaaS completamente funcional y escalable integrando una base de datos escalable (PlanetScale), autenticación multi-tenant (Clerk), y pagos basados en suscripción (Stripe). También aprenderás cómo los principios del desarrollo de software ágil y el diseño impulsado por el dominio pueden ayudarte a construir productos rápidamente y de manera rentable, y competir con las soluciones existentes.
Construyendo Pinia desde cero
Vue.js Live 2024Vue.js Live 2024
70 min
Construyendo Pinia desde cero
Workshop
Eduardo San Martin Morote
Eduardo San Martin Morote
Sumergámonos en cómo funciona Pinia bajo el capó construyendo nuestro propio `defineStore()`. Durante este masterclass cubriremos algunos conceptos avanzados de Vue como la inyección de dependencias y los scopes de efectos. Esto te dará una mejor comprensión de la API de Composición de Vue.js y Pinia. Requisitos: experiencia en la construcción de aplicaciones con Vue y su API de Composición.
Masterclass de Desarrollo Web 3D con el ecosistema de TresJS: Un taller de Vue.js
Vue.js Live 2024Vue.js Live 2024
119 min
Masterclass de Desarrollo Web 3D con el ecosistema de TresJS: Un taller de Vue.js
Workshop
Alvaro Saburido
Alvaro Saburido
Presentamos "Masterclass de Desarrollo Web 3D con TresJS", un taller especializado creado para desarrolladores de Vue.js ansiosos por explorar el mundo de la gráfica 3D en sus aplicaciones web. TresJS, un potente renderizador personalizado para Vue, está diseñado específicamente para funcionar perfectamente con el sistema reactivo de Vue. Este taller ofrece una inmersión profunda en la integración de visualizaciones 3D sofisticadas y experiencias interactivas directamente en aplicaciones Vue, aprovechando las fortalezas únicas de los ecosistemas de Vue y TresJS.
Este taller está diseñado para desarrolladores de Vue.js que buscan ampliar sus habilidades en la tercera dimensión, diseñadores de UI/UX interesados en incorporar elementos 3D en aplicaciones web, y desarrolladores front-end curiosos sobre el potencial de la gráfica 3D para mejorar las experiencias de usuario. Debes estar familiarizado con Vue.js para aprovechar al máximo este taller.
Lo que Aprenderás- Introducción a TresJS: Descubre los fundamentos de TresJS y cómo se integra con el ecosistema de Vue para dar vida a la gráfica 3D.- Creación de Escenas 3D con Vue: Aprende a construir escenas 3D complejas utilizando componentes Vue, mejorando tus interfaces de usuario con visuales dinámicos e inmersivos.- Interactividad y Animación: Domina las técnicas para hacer tus escenas 3D interactivas, respondiendo a las entradas del usuario para una experiencia cautivadora.- Integración con Funcionalidades de Vue: Explora la integración avanzada de TresJS con la reactividad, los composables y la tienda Vuex de Vue para gestionar el estado en aplicaciones web 3D.- Rendimiento y Mejores Prácticas: Obtén información sobre la optimización de tus escenas 3D para el rendimiento y las mejores prácticas para mantener aplicaciones web fluidas y receptivas.