Next Level Dokumentationen mit Mermaid und Markdown! [Deutsch/Tutorial]

[@nexTabDE]

Ich verwende Mermaid ab und an in meiner Notizen-App Joplin. Ich bin ebenfalls großer Fan davon und mag es, wie es die Veranschaulichung mitunter erheblich erleichtert. 🙂

[@higiniofuentes2551]

Thank you for this very useful video!

[@yt7042]

Danke für das Video! Und wieder was dazu gelernt, was ich sogar gebrauchen kann. Nutze privat und beruflich eigentlich fast nur noch markdown wenn ich Notizen mache oder etwas dokumentiere. Mermaid werde ich demnächst mal testen. Wäre natürlich schön wenn es eine Github Unterstützung gäbe.
Schönen Sonntag noch!

[@UnleashedDesign]

GitHub wird per Default unterstützt :)

[@yt7042]

@@UnleashedDesign Stimmt, du hast Recht. Da habe ich beim querlesen wohl etwas missverstanden. :-)

[@Henry-sv3wv]

Zettlr markdown editor kann mermaid auch.

[@dirk4920]

Top, Danke für den Tipp Kollege, werde ich morgen bei uns im Projekt mal genauer testen 🙏👍

[@UnleashedDesign]

Danke freut mich wenn es dir weiterhelfen konnte :)

[@f4llOuTbOy101]

Hey Johannes, Video-Vorschlag. Tools und Frameworks die ich gern eher gekannt hätte und auch weiterhin nutze + Erklärung warum.

[@UnleashedDesign]

Danke für die Idee, werde es mir mal auf die Liste schreiben :)

[@Linuxdirk]

Markdown 🥰
Mermaid 🤩

[@UnleashedDesign]

Jaa :)

[@DerTim]

Richtig cool :o besser als Monodraw, TLDR oder Mural imo

[@UnleashedDesign]

Ja absolut!

[@Linuxdirk]

Vor allem ist es wie Markdown auch gut ungeparst lesbar (zumindest in einem gewissen Rahmen).

[@Jankee187]

Oder einfach den UML Creator von JetBrains nutzen ist in jeder IDE drin :)

[@higiniofuentes2551]

Is possible to click in any of the elements and trigger something like another diagram or action?
Is possible to pass over an element and show a text, diagram or reference?
Thank you!

[@goonswarm007]

Ich hatte vor zwei Wochen auch damit rum gespielt. Ist schon spannend, aber wenn’s komplexer wird dann is es auch schnell mal mühselig Zb eine variable zu verändern. Für was nutzt du es denn ?

[@UnleashedDesign]

z.B. die Beschreibungen von Stores in Vue oder auch Services in Angular Projekten. Wo wie in dem Video der Login erklärt wird oder der Ablauf wenn durch das Front-End mehrere Back-End Services angesprochen werden.

[@dirk4920]

@@UnleashedDesign Du nutzt auch den ngrx Store, cool 👍. Wie beschreibst Du denn den Store damit genau bzw bildest Du damit die actions ab? Wir nutzen den entity cache mit ngrx Data als helper 😎

[@Mindspectrum]

Schönes Video! Trotzdem frage ich mich was mir das am Ende bringt, gerade was das Teilen mit anderen betrifft. 🤔

[@UnleashedDesign]

Wir nutzen das z.B. für Class Diagramme um zu zeigen wie ein Tool aufgebaut ist.

[@tehaeo]

Kann man das via API Anbindung automatisieren?

[@UnleashedDesign]

Theoretisch ja :) das sollte kein Problem sein wobei es drauf an kommt was du mit Automatisieren meinst :)

[@DieSchmierlaus]

Funktioniert das auch mit Atom?

[@UnleashedDesign]

Absolut :) du brauchst nur die passenden Plug-In's.

[@bernddresler]

deutsch??? alles nur englisch.

[@UnleashedDesign]

Wie meinst das ?

[@danny_nothdurft]

@@UnleashedDesign Bernd Dresler meint bestimmt die Dokumentationen die du gezeigt hast

[@DieSchmierlaus]

So ist es in der IT nunmal

[@Linuxdirk]

@@DieSchmierlaus Eben! Dokumentation immer auf Englisch.