Comment l'IA génère avec précision des organigrammes de code époustouflants

Bonjour à tous, je suis Michuan

Sans intelligence artificielle, nous devons passer au moins 60 minutes à lire le code et à dessiner manuellement des cartes mentales ou des organigrammes basés sur notre propre compréhension pour nous aider à mieux comprendre le code.

L'IA peut convertir le code en graphiques de visualisation de code précis, ce qui permet de gagner du temps en lisant le code, seulement 5 minutes.

Il y a trois problèmes ici :

1. Comment interpréter le code via l'IA

2 Comment présenter le code interprété à travers un organigramme ?

3. Comment générer un organigramme

Je vais présenter ces trois parties dans l'ordre

1 Interprétation du code par l'IA

L'interprétation du code par l'IA utilise en fait la capacité récapitulative de l'IA pour générer des commentaires de code. Les grands modèles implémentent déjà cette fonctionnalité.

Par exemple, le modèle sous-jacent de Baidu Comate : Wenxinyiyan 4.0, le grand modèle CodeGeex développé par l'Université Tsinghua et le modèle sous-jacent de GitHub Copilot : CodeX

Certaines personnes peuvent se demander pourquoi ne pas générer directement des annotations via GPT ?

GPT est un grand modèle général qui peut faire beaucoup de choses, comme écrire des articles, écrire du code, écrire des romans, etc. ; si vous écrivez uniquement du code, il n'est pas aussi bon qu'un grand modèle de code propriétaire, qui est plus spécialisé. , se concentre uniquement sur le champ de code et interprète le code avec plus de précision, les commentaires de code générés sont plus précis

Voici un exemple d'utilisation de Comate pour interpréter le code :

Par exemple, le code suivant comporte 200 lignes, et le Le noyau est l'emballage des commandes. Par exemple, 8 colis sont générés après le regroupement de 10 commandes

Clustering Il y a trop de détails, je veux donc utiliser l'IA pour extraire et dessiner l'organigramme, qui est plus intuitif. ​outil de programmation Baidu Comate pour interpréter ce code

Après avoir installé le plug-in Comate, au dessus du code de fonction, retrouvez le menu d'explication du code

Image

Cliquez sur le commentaire du code, et la boîte de discussion Baidu AI Assistant s'ouvrira, affichant l'explication du code

images

2. Méthode de visualisation du code

Qu'il s'agisse de rapport au leader ou de rédaction d'un rapport hebdomadaire, si vous pouvez mettre le texte ou la visualisation du code, le sentiment sera différent immédiatement, il est donc très important d'apprendre la visualisation

La visualisation du code nécessite généralement la création de diagrammes UML. Il existe de nombreux outils de ce type. Du point de vue de l'utilisation de descriptions textuelles pour générer des diagrammes UML, celui que j'ai choisi est PlantUML

PlantUML est. un outil puissant pour créer rapidement de nombreux types de diagrammes. Ces diagrammes sont largement utilisés dans le développement de logiciels et la rédaction de documents. Voici quelques-uns des principaux types de diagrammes pris en charge par PlantUML :

1 Diagramme de séquence : utilisé pour afficher des séries chronologiques d'interactions entre des objets, souvent utilisé pour afficher les composants internes du. système ou message passant entre les objets.

Photos

2. Diagramme de cas d'utilisation : Décrivez l'interaction entre les fonctions du système et les utilisateurs externes (participants).

Images

3. Diagramme de classes : montre la structure des classes dans le système et les relations entre les classes, telles que l'héritage, l'implémentation de l'interface, les dépendances, etc.

Images

4. Diagramme d'activité : Semblable à un organigramme, utilisé pour montrer le flux de contrôle d'une activité à une autre.

Photos

5. Diagramme des composants : montre comment les composants du système fonctionnent ensemble.

Images

6. Diagramme d'état : montre les états qu'un objet subit au cours de son cycle de vie et les transitions entre les états.

Images

7. Diagramme d'objets : Un exemple de diagramme de classes, montrant la relation entre les objets du système.

Images

8. Diagramme du package : montre la structure du package du code et aide à comprendre l'organisation modulaire du code.

image

9. Organigramme (Wireframe Graphic Interface) : utilisé pour décrire la composition de la structure organisationnelle graphique

image

10. Diagramme de Gantt (Diagramme de Gantt) : utilisé dans la gestion de projet, affichage. Chronologie et avancement du projet.

Photos

Je ne sais pas si vous l'avez remarqué. Il semble que je n'ai pas vu l'organigramme. En fait, le diagramme d'activité dans PlantUML est un organigramme. la syntaxe et le côté droit sont les graphiques visuels

Images

Nous avons passé les commentaires de code générés par l'outil de programmation de l'IA, puis avons interrogé l'IA sur les commentaires de code obtenus : Veuillez générer le code du diagramme d'activité PlantUML basé sur le code suivant commentez

image

Regardez la réponse d'IA :

Image

3. Générer un organigramme

Copiez le code de l'organigramme généré à l'étape 2 sur l'URL du site Web de visualisation plantuml : http://www. plantuml.com/plantuml

Picture

Cliquez sur le bouton Soumettre, vous pouvez obtenir l'image

picture

Vous pouvez connaître approximativement la signification de ce code en regardant l'organigramme que l'IA interprète. diagramme de visualisation de code, ce qui est vraiment pratique

Quatre.Résumé

Ce qui précède est transmis via le code-> ; Commentaire-> La méthode de dessin de l'organigramme peut obtenir l'effet souhaité par rapport à la méthode traditionnelle de dessin manuel. les graphiques après avoir lu le code, c'est en effet beaucoup plus efficace

Enfin, permettez-moi de partager un petit conseil : la présentation visuelle du code est Il en existe de nombreux types. Pourquoi doit-il s'agir d'un organigramme au lieu d'autres types. Vous pouvez demander à l'IA quel diagramme est préférable de générer avec ce code et choisir la méthode de présentation optimale pour la visualisation

Par exemple, sur la base du code ci-dessus, je peux également générer des diagrammes de classes

Images

J'ai J'ai généré beaucoup d'images comme celle-ci. Par exemple, j'écris principalement sur Go. J'ai écrit de nombreux articles et j'ai ensuite utilisé l'IA pour les visualiser. Par exemple, Go peut contenir des verrous réentrants, et une image l'explique de manière simple. comprendre

imagePar exemple, gestion de la mémoire Go, une image explique les composants de distribution de la mémoire

imagePar exemple, fichier go.sum, une image décrit la structure interne

image Par exemple, la structure de données sous-jacente de sync.Cond, une image illustre l'interface de fonction fournie

imageLes images ci-dessus sont toutes générées à l'aide de l'IA. L'IA peut permettre aux personnes qui ne comprennent pas la programmation de terminer. le développement d'un outil ou d'un plug-in , réduisant considérablement le coût de développement de logiciels ; l'IA peut permettre aux personnes qui connaissent la programmation d'effectuer leur travail quotidien plus efficacement et de terminer le développement d'applications plus rapidement, améliorant ainsi considérablement l'efficacité du travail et de l'apprentissage

J'ai toujours adhéré à un point de vue : Si vous ne pouvez pas Si vous ne pouvez pas écrire, vous ne pouvez pas écrire avec l'IA ; si vous ne pouvez pas programmer, vous ne pouvez pas non plus programmer avec l'IA ;

Si vous souhaitez générer un organigramme de code via l'IA, vous devez d'abord savoir ce qu'est un organigramme de code, quelles sont les façons de le visualiser, puis utiliser l'IA pour accélérer le processus.

C'est tout pour le partage d'aujourd'hui. Il existe encore de nombreux scénarios dans lesquels l'IA peut être utilisée pour améliorer l'efficacité. Je le partagerai avec vous la prochaine fois lorsque j'en aurai l'occasion. Merci à tous d'avoir pris le temps de regarder.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!