Boehrsi.de - Blog

Vor einigen Tagen berichtete ich über meinen Wechsel auf Mermaid, im Kontext der Erstellung von Graphen und Diagrammen. Damit man mit textbasierten Tools dieser Art aber ordentlich arbeiten kann, brauch man natürlich ein bisschen Tooling, ähnlich wie auch schon im Bereich DOT / GraphViz.
Damit die Arbeit hier leichter fällt habe ich mir aus der durchaus großen Auswahl an Visual Studio Code Plugins zwei ausgewählt und nutze diese nun erfolgreich. Das Erste ist dabei Mermaid Markdown Syntax Highlighting, welches wie der Name schon sagt Syntax Highlighting für Mermaid Diagramme bereitstellt. Dies funktioniert einwandfrei, lediglich bestimmte Klammerungen, die für einige besonders geformte Knoten genutzt werden, werden nicht gesondert hervorgehoben. Dies ist aber absolut im Rahmen und stellt meiner Meinung nach kein Problem dar, vor allem da die meisten vermutlich ohnehin auf abgerundete Ecken bei ihren Diagrammen verzichten.
Weiter geht es mit Markdown Preview Mermaid Support. Dieses Plugin integriert Mermaid Diagramme direkt in die vorhandene Markdown Preview von VS Code. Das Ganze funktioniert extrem einfach, man bekommt direkt Informationen falls man etwas falsch macht und auch die Performanz ist sehr gut. Man kann seine Markdown Dateien quasi wie immer bearbeiten, bekommt nun aber auch Diagramme direkt angezeigt.

• Mermaid Markdown Syntax Highlighting open_in_new
• Markdown Preview Mermaid Support open_in_new
• Mermaid Webseite open_in_new

Vor einigen Wochen berichtete ich über die Flutter Vikings Konferenz, welche nebenbei erwähnt echt super war. Das Ganze wurde online abgehalten und es gab sehr viele interessante Talks. Falls ihr selbige nicht gesehen habt, es aber Interesse daran gibt, dann gibt es jetzt gute Neuigkeiten. Eine Youtube Playlist mit allen Inhalten ist nun frei für jedermann verfügbar. Die Liste ist in den Related Links hinterlegt und ich kann jedem Flutter Enthusiasten nur empfehlen mal einen Blick auf selbige zu werfen. Auch wenn ich das Event live verfolgt habe, werde ich noch einmal alles überfliegen, ob ich vielleicht wichtige Themen übersehen habe.

• Flutter Vikings Youtube Playlist open_in_new
• Flutter Vikings Webseite open_in_new

Ich erstelle gerne Diagramme für verschiedenste Zwecke, denn Bilder sind für mich persönlich wesentlich angenehmer, wenn es z.B. um das Grundverständnis von Abläufen geht. In den letzten Jahren habe ich dafür auf DOT / GraphViz gesetzt. Hier erstellt man eine textuelle Repräsentation des Graphen und kann sie z.B. online in ein Bild umwandeln. Den Text wiederum kann man einfach in einem Git ablegen und auch editieren ohne einen gesonderten Editor.
Mit Mermaid habe ich nun ein ähnliches Tool gefunden, welches den selben Ansatz verfolgt, dabei aber etwas einfacher und zugleich vielseitiger sein will. Letzteres bedeutet das es z.B. auch Gantt Diagramme gibt, welche mir bei DOT bis dato noch nicht untergekommen sind. Die Syntax von Mermaid wirkt etwas simpler (Markdown ähnlich), auch wenn ich bis dato nur wenig damit herumgespielt habe. Schön ist zusätzlich die Integration in diverse Tools. Dazu gehört neben GitLab und zuletzt GitHub auch Gitea, das Git Web Frontend meiner Wahl. Somit kann man sich mitunter manuelle Umwandlungen in Bilder sparen, weil man selbige frei Haus bekommt.
Ich werde meine kommenden Diagramme auf jeden Fall mit Mermaid erstellen und das Ganze mal einem längeren Test unterziehen. Bis jetzt bin ich aber auf jeden Fall sehr zufrieden. Falls ihr Mermaid übrigens testen wollt, den Link zum online Editor findet ihr in den Related Links.

• Mermaid auf GitHub open_in_new
• Mermaid Online Editor open_in_new
• Mermaid Webseite open_in_new

In den letzten Wochen und vor allem Tagen habe ich relativ umfangreich an der Tessa App weitergearbeitet und das Resultat ist der Release von Version 1.2.0. Die neue Version bringt meiner in Flutter entwickelten Android App unter anderem die folgenden neuen Funktionen.

• Wiederkehrende Ereignisse
• Ausrüstungsliste
• Bilder in Pferdeorganisationslisten
• Bilder können gelöscht werden

Zusätzlich wurden diverse kleine Fehler behoben, welche z.B. die Premium-Kaufen Funktion, das Bearbeiten von Bildern und den Dateiimport negativ beeinflussten. Im Bereich der Verbesserungen gibt es eine schnellere Suche, der Splash Screen wurde überarbeitet und das User Interface hat generell die eine oder andere Verbesserung erhalten.
Die neue Version ist ab jetzt im Play Store verfügbar. Den Link findet ihr in den Related Links. Nachdem dieses Update relativ lange in Entwicklung war, sind neue Versionen nun wieder mindestens einmal im Quartal zu erwarten. Solltet ihr Wünsche, Feedback oder ähnliches haben, meldet euch gerne direkt hier in den Kommentaren.
Weitere Informationen findet ihr im Projektbereich hier im Blog oder auf der neu erstellten kleinen Webseite für die App oder direkt im Play Store.

• Tessa - Reit-Assistent bei Google Play open_in_new
• Tessa - Reit-Assistent im Projektebereich open_in_new
• Tessa - Reit-Assitent Webseite open_in_new

Im Bereich Roadmaps und Planungen sind große Projekte gerne mal etwas still. Anders ist dies im Bereich Flutter, hier hat man vor kurzem eine Roadmap für das gesamte Jahr 2022 veröffentlicht und mit der Community geteilt. Außerdem geht man auf die Art und Weise ein wie Flutter gemeinsam weiterentwickelt werden soll. Denn natürlich wird das Projekt von Google getragen, aber eben auch von der besagten Community. Das GitHub Projekt hat mittlerweile knapp 1000 Contributor, was sich durchaus sehen lassen kann.
Doch damit zurück zur Roadmap. Auf dem Desktop soll nach Windows auch der Support für Linux und macOS auf dem Stable-Channel landen und dies auch in besagter Reihenfolge. Im Web soll es vor allem im Bereich der Performance, Plugin-Kompatibilität und Accessibility Verbesserungen geben. Zusätzlich soll die Mischung von Flutter und Non-Flutter Content in Webseiten massiv vereinfacht werden.
Im Framework an sich wird der Material 3 Support erweitert und im Bereich der Texteingabe, Textselektion und generell Textverarbeitung soll es quasi auf allen Plattformen Optimierungen und neue Features geben. Ein Stichwort wäre hier die Handschrifterkennung in iPadOS. Kontextmenüs und Menüleisten für den Desktop sind ebenfalls ein Thema, genauso wie erste Experimente mit Multi-Window Support.
Abschließend wird es natürlich Updates von Dart, als Sprache die das Ganze erst möglich macht, geben. Extrem spannend finde ich das Thema Jank, also kurze Lags beim Nutzen der UI. Hier hat man grundlegende Fehler entdeckt und tatsächlich das gesamte Grafik-Backend und die Ideen dahinter komplett neu entwickelt. In 2022 wird zuerst iOS mit dieser neuen Technik bestückt und mit den daraus folgenden Ergebnissen will man das Ganze weiterentwickeln und auf die anderen Plattformen bringen.
Eine sehr angenehme High-Level-Sicht auf Flutter im Jahre 2022. Man erkennt die Richtung, muss aber nicht 1000 Issues wälzen und man fühlt sich als Teil der Community integriert. Meiner Meinung nach ein guter Weg, um die generelle Planung einer Sprache / eines Frameworks mit der Community zu teilen.

• Beitrag zum Thema im Flutter Blog open_in_new
• Flutter Roadmap 2022 open_in_new
• Flutter Strategy 2022 open_in_new
• Flutter Website open_in_new

Ich nutze Git sehr gerne und mittlerweile liegen quasi alle meine Projekte in einem Repository (Remote). Dies betrifft sowohl Code, wie auch textuellen Content und Bilder. Lediglich Daten die im Kontext der Videobearbeitung entstehen sind ausgenommen, da ich sehr große Binaries ungern im Git habe.
Das Ganze läuft so gut, dass ich fast über meine eigenen Flows gestolpert wäre. Damit gemeint ist, dass ich alle Daten im Git ablege und wenn ich etwas lokal lösche oder fälschlicherweise bearbeite stellt dies ja kein Problem dar, denn die Daten sind ja noch im Git und somit habe ich quasi ein implizites Backup.
Genau dieses “alle Daten” ist aber nicht korrekt und hier möchte ich noch einmal etwas die Wahrnehmung schärfen, sowohl von mir selbst, wie auch von euch. Es geht z.B. um Keys, lokale Konfigurationsdateien und jegliche Secrets, welche einfach nicht in einem Git liegen sollten, egal ob privat oder öffentlich. In meinem Fall ging es um Konfigurationsdateien für das Bauen und Signieren meiner Android Apps. Denn zur Zeit bereite ich einen App Release vor, merkte aber gestern ein Release Build ist derzeit nicht möglich. Grund dafür war das Fehlen besagter Dateien. Diese gingen im Rahmen der Neuinstallation meines Systems vor einigen Monaten verloren und wurden beim folgenden Setup nicht wieder hergestellt, denn dort richtete ich lediglich das Git wieder ein.
Es gilt also mal wieder, egal ob man ein Git Repository oder eine andere Versionsverwaltungssoftware nutzt, egal wie man seine Daten verwaltet und egal wie sehr man davon ausgeht das man auf der sicheren Seite ist, Backups bleiben ein muss. Mir haben selbige einiges an Arbeit erspart, denn irgendwelche Passwörter und Keys zurückzusetzen ist etwas worauf ich so gar keine Lust habe, geschweige denn die Zeit. Insofern beleibt mir als Lesson learned nur zu sagen, dass das nutzen eines Git Repositories für mich die Entwicklung und Datenhaltung massiv verbessert, aber eben nicht den Bedarf reduziert regelmäßige Backups zu erstellen.

Gestern gab es eine neue Flutter Version, welche vor allem einen Hauptfokus hat und dieser lautet Stable Windows Support. Eine Durchaus sehr relevante Information. Abseits von der Möglichkeit auf dem Stable Branch von Flutter Windows Builds erstellen zu können, wurde auch das Tooling, die Integration und das gesamte Setup massiv verbessert. Im Rahmen des unten eingebundenen Youtube Videos wird unter anderem gezeigt wie man von der Standard Counter App, zu einer App mit einer an Windows angepassten UI kommt, diese als Release Version baut und sogar in ein installierbares Format bringt. Das Ganze ist binnen kürzester Zeit erledigt und die installierbare App ist sogar mit dem Windows Store kompatibel.
Weiterhin fokussiert sich das Update auf Performance Optimierungen. Unter iOS gab es massive Verbesserungen beim Rendering und einige Animationen laufen nun flüssiger. Android Entwickler erhalten mehr automatische Hilfen bei Fehlern und die Standardeinstellungen für Projekte wurden auf den neusten Stand gebracht. Im Web gab es Verbesserungen bei Textfeldern und der Overhead bei der Nutzung von nativen HTML Elementen wurden minimiert.
Der Material 3 Support wird außerdem erweitert, sodass nun Themes mit nur einer Farbe als Basis generiert werden können. Außerdem wurden über 1000 neue Icons hinzugefügt. Abschließend dürfen sich Entwickler über Verbesserungen bei den Integration Tests und den Dev Tools freuen und natürlich gab es wieder diverse Bugfixes.

• Flutter Release Infos im Flutter Blog open_in_new
• Flutter Website open_in_new

Falls ihr euch für Flutter interessiert könnte die FlutterVikings Konferenz vielleicht etwas für euch sein. Vom 02. - 03. Februar findet sie als online Event statt und die Teilnahme ist kostenlos. Auf der offiziellen Webseite, welche ihr in den Related Links findet, könnt ihr euch mit wenigen Klicks anmelden.
Das Event ist von der Community organisiert, mit diversen bekannten Rednern. Ich denke hier kann sowohl der Flutter Anfänger, wie auch der erfahrene Entwickler noch einiges mitnehmen. Zusätzlich gibt es diverse Networking Möglichkeiten. Eben so wie man es von In-Person Konferenzen kennt, nur angepasst an die aktuellen Gegebenheiten. Sofern Corona es zulässt wird es übrigens auch noch eine In-Person Version der FlutterVikings Konferenz Ende August geben. Dies war eigentlich schon für den Zeitraum des jetzt kommenden Online Events geplant, musste aber leider verschoben werden. Alle weiteren Informationen zum aktuellen Event und auch zu dem Ende August findet ihr in den Related Links.

• Flutter Vikings Webseite open_in_new

Es gibt viele Tools und Ressourcen im Bereich der vAndroid und Flutter Entwicklung. Da kann man leicht der Überblick verlieren und vor allem ist es schwer aktuelle Inhalte zu finden, welche den derzeitigen Best Practices entsprechen.
In diesem Kontext bin ich vor wenigen Tagen über die Google Developer Library gestolpert. Eine Plattform welche Libraries, Blog Beiträge und weitere Inhalte zu diverse Themen liefert. Aktuell gibt es neben Android und Flutter noch Firebase, Angular, Google Cloud und Machine Learning. Die Inhalte können nach euren Vorlieben gefiltert und durchsucht werden.
Ich kannte diese Plattform bis dato noch nicht und werde auf jeden Fall mal etwas stöbern gehen. Denn dort gibt es sicherlich noch das eine oder andere zu entdecken und zu lernen.

• Google Developer Library open_in_new

Wie bereits vor einigen Wochen erwähnt habe ich ein kleines Flutter Package geschrieben, welches es euch erlaubt den Produktnamen / Marketing-Namen eines Android oder iOS Gerät auszulesen. Dabei kann das Gerätemodel, für welches der Name ermittelt werden soll, entweder das aktuell genutzte Gerät sein oder es wird ein bereits bekanntes Gerätemodel eingegeben.
Es gibt zwar schon ein paar Packages / Plugins die in diese Richtung gehen, allerdings benötigen einige eine Internetverbindung oder bringen eine komplette SQLite Library und die entsprechenden Abhängigkeiten mit sich. Dies wollte ich vermeiden, weswegen ich direkt nutzbaren Code für die Lookups generiere. Dafür habe ich Device Identifiers geschrieben, welches bis dato Dart und Kotlin unterstützt. Auf diese Art hat man einen schnellen Lookup der immer funktioniert und keine umfangreichen Abhängigkeiten mitbringt. Die Lookup Daten werden ca. einmal im Monat aktualisiert, sodass das Package vor allem im Android Bereich die aktuellsten Informationen liefern kann. Das Package kann auch für Flutter im Web genutzt werden, hier gibt es allerdings direkt den ermittelten Browser Name weiter, welcher von device_info_plus open_in_new) ausgelesen wurde. Das Auslesen des aktuellen Gerätemodels wird übrigens auch von device_info_plus übernommen.
Das Package ist relativ simpel und der größte Teil der Arbeit ist die Bereitstellung der eigentlichen Daten. Es liegt aktuell in Version 0.3.1, was der fünfte Release ist. Nach dem initialen Release, welcher Android und iOS unterstützte, wurde in den folgenden Versionen der Web Support hinzugefügt. Außerdem gab es kleinere Fehlerbehebungen und Optimierungen, sowie Updates der Lookup Daten.
Solltet ihr Ideen haben wie man das Package noch erweitern oder verbessern kann oder habt ihr Fragen, dann meldet euch einfach in den Kommentaren.

• Device Marketing Names Projektseite open_in_new
• Device Marketing Names auf pub.dev open_in_new
• Device Marketing Names auf GitHub open_in_new
• Device Identifiers Projektseite open_in_new