{"id":715,"date":"2020-11-25T14:52:04","date_gmt":"2020-11-25T14:52:04","guid":{"rendered":"https:\/\/ingenieriadesoftware.es\/?p=715"},"modified":"2021-01-08T18:44:24","modified_gmt":"2021-01-08T18:44:24","slug":"herramientas-visualizar-aprender-historia-repositorio-git","status":"publish","type":"post","link":"https:\/\/ingenieriadesoftware.es\/herramientas-visualizar-aprender-historia-repositorio-git\/","title":{"rendered":"Herramientas para entender la historia de un repositorio Git"},"content":{"rendered":"

Soy una persona muy visual<\/a> (ir\u00f3nicamente, tambi\u00e9n muy corta de vista, pero esto es otra historia). Con lo que prefiero usar herramientas gr\u00e1ficas siempre que sea posible. Esto incluye mis (muy) modestas contribuciones a los prototipos de investigaci\u00f3n de mi equipo<\/a>, todos ellos en Git\/GitHub. Hasta el momento, he usado SourceTree<\/a> como cliente Git para hacer los commits, push, pull,… en los repositorios. Y la verdad es que no me ha ido nada mal aunque su soporte visual es bastante limitado (ver la imagen a continuaci\u00f3n) y quer\u00eda buscar otras alternativas con mejores visualizaciones de la historia del repositorio, sobretodo en relaci\u00f3n a escenarios de “branching” complejos como los que tenemos en Xatkit<\/a>. Hay que tener en cuenta que calcular y visualizar un \u00e1rbol de commits no es nada trivial. De hecho, hasta Git est\u00e1 mejorando su soporte nativo para esto<\/a>.<\/p>\n

\"SourceTree

SourceTree in action<\/p><\/div>\n

Quiero compartir con vosotros el resultado de mi b\u00fasqueda. No prometo que todas las herramientas sean \u00fatiles pero, las que no, son como m\u00ednimo todas curiosas\/interesantes.<\/p>\n\n

Clientes visuales para Git<\/h2>\n

Hay muchos clientes para Git (inclusive para gestionar tus proyectos desde el m\u00f3vil<\/a>). No hay tantos que pongan la parte gr\u00e1fica en un primer plano. Mi selecci\u00f3n:<\/p>\n

\n

GMaster<\/h3>\n

Gmaster\u00a0<\/a>intenta ser tan visual como sea posible. No se limita a ser un simple “wrapper” por encima de la l\u00ednea de comandos de Git. Al contrario, ofrece un buen n\u00famero de visualizaciones diferentes, cada una especializada en facilitar una tarea Git concreta. Por ejemplo, puedes utilizar el branch explorer<\/em> para navegar por el repositorio y hacer el checkout de la versi\u00f3n con la que quieras trabajar. Esta visualizaci\u00f3n ayuda tambi\u00e9n a identificar r\u00e1pidamente los commits que incluyen m\u00e1s cambios al c\u00f3digo.<\/p>\n

\"gmaster<\/p>\n

Otra se concentra en mostrar gr\u00e1ficamente las diferencias entre versiones para ayudarte a fusionarlas.<\/p>\n

\"Visual<\/a><\/p>\n

Y si quieres, puedes seguir utilizando los comandos textuales de toda la vida. Podr\u00edas, por ejemplo, visualizar el repositorio para entender r\u00e1pidamente el estado actual de las diferentes branches y a partir de ah\u00ed empezar a trabajar en modo CLI.<\/p>\n

Adem\u00e1s, Gmaster es todav\u00eda<\/a> gratuito con lo que no pierdes nada por probarlo.<\/p>\n

GitKraken<\/h3>\n

GitKraken<\/a> es uno de los clientes Git m\u00e1s conocidos. Viene con muchas funcionalidades e integraciones con herramientas de terceros. Entre las funcionalidades, destacar\u00eda la historia visual de commits con la posibilidad de manejar el repo directamente desde esa visualizaci\u00f3n mediante un simple drag&drop.<\/p>\n

GitKraken es gratuito para estudiantes y profesores. Adem\u00e1s en su web tienen muchos recursos educativos para aprender Git<\/a>.<\/p>\n

\"GitKraken<\/a><\/p>\n

GitUp<\/h3>\n
\n

GitUp<\/a> visualiza claramente el “laberinto” de versiones del repositorio. Cada cambio que hagas se refleja inmediatamente en el grafo. Esto requiere una optimizaci\u00f3n muy buena del proceso de c\u00e1lculo para que no se note mucho el “delay” en repositorios grandes (de hecho, dicen ser capaces de visualizar el grafo entero del proyecto Git mismo, con 40.000 commits, en menos de un segundo).<\/p>\n

<\/p>\n

A\u00fan mejor, GitUp es gratis y completamente open source. <\/a>\u00a0Y la guinda del pastel es que en el mismo repositorio encontrar\u00e1s tambi\u00e9n GitUpKit, un paquete gen\u00e9rico para construir aplicaciones sobre Git. De hecho, GitUp mismo est\u00e1 implementado como una ligera capa encima de GitUpKit. Si te animas, t\u00fa tambi\u00e9n puedes crear \u00a1tu propio visualizador de Git!.<\/p>\n

\"Another<\/a><\/p>\n<\/div>\n<\/div>\n

Herramientas para aprender Git<\/h2>\n

Si m\u00e1s que trabajar con Git, lo que quieres es aprender Git, esta secci\u00f3n es para ti. Las herramientas en esta secci\u00f3n van a ayudarte a entender como cada comando Git afecta el \u00e1rbol del repositorio. \u00a1Juega con Git de forma segura!<\/p>\n

Git Gud<\/h3>\n

Git Gud<\/a> es un entorno web minimalista donde puedes escribir comandos y ver como a partir de ellos va evolucionando un repositorio Git inicialmente vac\u00edo. Muy f\u00e1cil de usar y a\u00fan m\u00e1s de entender Git con ella.<\/p>\n

\"GitGud<\/a><\/p>\n

Git School<\/h3>\n

Otro entorno de aprendizaje para Git es Git School<\/a>. B\u00e1sicamente lo mismo que la anterior, aunque con peque\u00f1as variaciones en la forma de visualizar el repositorio.<\/p>\n

Parecido, aunque menos completo, esta web es un ejemplo de como se puede usar D3 para crear este tipo de visualizaciones<\/a> de repositorios.<\/p>\n

\"Git<\/a><\/p>\n

Learn Git Branching<\/h3>\n

LearnGitBranching.js<\/a> ofrece un entorno interactivo para aprender Git a base de ejercicios ordenados seg\u00fan su nivel de dificultad. Escoge el nivel de dificultad y mira si eres capaz de resolver el escenario que se te plantea. Siempre con la opci\u00f3n de ver gr\u00e1ficamente el resultado de cada comando y como va evolucionando el repositorio ficticio con \u00e9l. Y si lo prefieres tambi\u00e9n puedes saltarte los ejercicios y usar directamente el entorno para ir jugando t\u00fa s\u00f3lo, igual que con las herramientas anteriores.<\/p>\n

\"Ejercicios<\/a><\/p>\n

Otras herramientas Git curiosas<\/h2>\n

Git History<\/h3>\n

En lugar de visualizar la historia del repositorio, Git History<\/a> te ayuda a navegar (como si una m\u00e1quina del tiempo se tratara) la historia de un archivo concreto. Retrocede en el tiempo para ver qui\u00e9n hizo qu\u00e9.<\/p>\n

\"Git<\/a><\/p>\n

Git Temporal<\/h3>\n

Git Temporal para VSCode<\/a> tiene un objetivo muy similar: permitirte ver los cambios sobre un archivo o directorio a lo largo del tiempo.<\/p>\n

\"GitTemporal<\/p>\n

Gource<\/h3>\n

Gource<\/a> renderiza proyectos software enteros como un \u00e1rbol animado. La ra\u00edz del \u00e1rbol es el directorio ra\u00edz del proyecto. A partir de ah\u00ed el \u00e1rbol va creciendo con las contribuciones. Los directorios son nuevas ramas del \u00e1rbol y los archivos sus hojas. Los programadores aparecen “trabajando” en las ramas modificadas sus commits. La verdad, no tengo muy claro que esta representaci\u00f3n sirva de mucho pero es muy chula de ver. Como ejemplo, este v\u00eddeo muestra la historia del desarrollo de python.<\/p>\n