Boehrsi.de - Blog

Es gibt wieder neues von mir aus der Flutter Welt. Meine App Tessa hat ein Update erhalten. In dieser Version fügte ich einen Dark Mode und anpassbare Kategorien hinzu. Natürlich wurden auch diverse Fehler behoben und einige Anpassungen an der UI vorgenommen. Letzteres sorgt vor allem für einen modernen Look im Bereich der Snackbars. Ebenfalls verbessert wurde die Performance.
Im Rahmen des Updates habe ich das erste Mal mit Flutter in Verbindung mit einem dedizierten Dark Mode gearbeitet und ich bin durchaus zufrieden. Generell musste ich lediglich mein allgemeines Theme in ein helles und ein dunkles aufteilen und der Großteil war geschafft. Natürlich muss man sich dann noch um eventuelle manuelle Einstellungen kümmern, aber extrem vieles lief einfach so. Selbst UI die von Third Party Libraries gebaut wird, konnte bis auf kleine Ausnahmen ohne Änderungen verwendet werden. Hier merkt man das Flutters Material Komponenten alle aus einem Guss kommen.
Bedenken sollte man allerdings auch die nativen oder statischen Komponenten. In diesem Bereich habe ich vor allem kleinere Anpassungen an den genutzten Bildern vorgenommen und den initialen Splash Screen angepasst. Hierfür habe ich innerhalb von Android selbst die gegebenen Möglichkeiten genutzt. Da zu diesem Zeitpunkt Flutter selbst noch nicht aktiv ist, ist der Splash Screen immer gemäß des System Themes gesetzt und manuelle App Einstellungen greifen dann nachdem der Flutter Kontext geladen ist.

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

Ich habe in den letzten Wochen relativ eingehend erste Schritte mit Jetpack Compose gemacht. Dies ist Androids neues Framework zu Erstellung des User Interfaces. Dabei entfernt man sich weit vom bekannten Ansatz, bei welchem ausgelagertes XML genutzt und später auf die eine oder andere Art mit der eigentlichen Logik verbunden wird.
Mit Compose bewegt man sich in sehr ähnlichen Welten wie bei Flutter. Die gesamte UI wird direkt im Code definiert und entsprechend ist eine extra Verbindungsschicht unnötig. Dadurch spart man sich natürlich einiges an Boilerplate Code. Auf der anderen Seite muss man natürlich umdenken, was mir persönlich durch meinen Flutter Hintergrund relativ leicht fällt.

• Jetpack Compose Website open_in_new
• Jetpack Compose Codelabs open_in_new
• Jetpack Compose Samples open_in_new
• Jetpack Compose Setup open_in_new

Während ich mit Flutter unterwegs bin, suche ich natürlich immer mal wieder nach neuen Tools und Libraries. Aktuell fehlt mir zwar etwas die Zeit wirklich viel neues auszuprobieren, aber ich wollte mal mit euch teilen was noch so auf meiner TODO Liste steht.
Den Anfang macht Monarch. Wer Widgets gerne losgelöst von Daten bauen möchte, der sollte mal einen Blick auf Monarch werfen. Dieses Tool möchte euch helfen isoliert und schnell eigene Widgets zu erstellen und das ohne unnötigen Overhead.
Weiter geht es mit Mason. Ein relativ neues Tool, welches euch bei der Generierung von Dateiinhalten und auch ganzen Projekten hilft. Ihr erstellt euch sogenannte Bricks, welche dann konfiguriert werden und folgend Dateien, Ordner und ganze Strukturen erzeugen. Sehr praktisch ist dies z.B. bei der Projekterstellung.

• Mason auf pub.dev open_in_new
• Monarch Webseite open_in_new
• Rive Webseite open_in_new
• Codemagic Webseite open_in_new

Als Java / Kotlin Entwickler ist der eine oder andere bestimmt schon mal über das JCenter Artifact Repository gestolpert. Ich selbst nutzte JCenter für Android und Server Projekte via Gradle. Falls ihr dies auch tut ist es Zeit zu handeln, denn JCenter wird abgeschaltet. Obschon Libraries die bis dato verfügbar waren wohl auch weiterhin erreichbar sein werden, gibt es keine neuen Pakete oder Versionen mehr.
Wenn ihr also wie ich mal wieder Updates eurer genutzten Libraries vornehmt, könnte es zu Build Problemen kommen. Ersatz kann man bei Maven Central finden, so war es zumindest in meinem Fall. Konkrete musste ich lediglich den jcenter() Eintrag in meiner build.gradle Datei entfernen, da der mavenCentral() Eintrag ohnehin schon vorhanden war. Weitere Informationen und Lösungsideen bei Problemen findet ihr in den Related Links.

build.gradle vorher:

repositories {
    ...
    jcenter()
    ...
}

build.gradle nachher:

repositories {
    ...
    mavenCentral()
    ...
}

• Beitrag im Gradle Blog zum Thema + Troubleshooting Tipps open_in_new
• Beitrag im JFrog Blog zum Thema open_in_new

Vor wenigen Minuten wurde ein kleines Update für meinen Kommentar-Service / Such-Service ausgerollt. Das Update behebt einen Fehler, welcher Kommentare bei bestimmten News verhinderte. Grund dafür war eine falsche Konfiguration der Kapazitäten der genutzten Datentypen. Nun sollten Kommentare wieder in allen News möglich sein.
Zusätzlich wurden genutzte Libraries aktualisiert und kleinere interne Optimierungen durchgeführt, die sich allerdings nicht direkt auf die Nutzung auswirken sollten. Das Update sorgte für eine Ausfallzeit von 5 Minuten open_in_new, für die genannten Dienste.

AI ist auf dem Vormarsch und auch als Entwickler kann man davon mitunter profitieren. An dieser Stelle übrigens der Hinweis, dass ich nicht thematisieren werde wann Software komplett von AI geschrieben wird und man ohnehin keine Entwickler mehr braucht, wer nach diesen Inhalten sucht ist hier falsch.
Heute geht es um den GitHub Copilot, ein interessantes Projekt, welches euch Entwicklungsarbeit abnehmen soll. Das Tool, welches aktuell via Visual Studio Code also Technical Preview verfügbar ist, wurde mit einer großen Menge an Code gefüttert und baut basierend darauf Vorschläge für euren Code. Vor allem im JavaScript und Python Bereich kann man hier einiges erwarten, andere Sprachen haben da mitunter noch ein paar mehr Probleme.
Vereinfacht gesagt analysiert das Tool Open Source Code und erstellt damit eine Datenbank von Vorschlägen. Während der Entwicklung versucht das Tool den Kontext eures Codes zu verstehen, welchen ihre durch Kommentare deutlicher machen könnt und liefert dann Vorschläge. Neben den global verfügbaren Vorschlägen, lernt das Tool auch aus eurem Code. Schreibt ihr einige Zeilen und braucht später ähnliche Code Blöcke, wird das Tool vermutlich passende Vorschläge liefern.

• GitHub Copilot Webseite open_in_new

Ich arbeite gerade sowohl im Android Bereich, wie auch in der Flutter Welt, an Apps die Dark Mode Support erhalten sollen. In diesem Rahmen habe ich auch den Dark Mode des Blogs noch einmal unter die Lupe genommen und kleinere Anpassungen vorgenommen.
Während bis dato alles einen sehr starken Blaustich hatte (linker Teil des Screenshots), bin ich nun zu neutraleren Farben gewechselt (rechter Teil des Screenshots). Entsprechend verhält sich der Dark Mode mit dunklen Grautönen nun ähnlich wie das normale Theme, welches Weiß und ein helles Grau nutzt.

Über die Git Struktur meiner Dienste schrieb ich bereits, heute geht es etwas tiefer in die technischen Interna und die Ideen dahinter. Wie erwähnt nutze ich einen Core und selbiger erhält eine beliebige Anzahl an Implementierungen. Dies kombiniert ergibt dann einen Service. Doch wie habe ich dies umgesetzt, wie erfolgt im Code die eigentliche Verbindung zwischen Core und Implementierungen und wie arbeitet man wirklich mit diesem simplen Modularisierungskonzept?
Wie bereits mehrfach erwähnt nutze ich den folgenden Ansatz für kleinere Projekte, an welchen ich meist alleine arbeite. Für mittlere Projekte, mit mehreren Entwicklern, könnte man den Ansatz mit simplem Scripting auch nutzbar machen, für größere Teams würde ich selbigen aber nicht empfehlen. Doch nun zum technischen.

Ich arbeite gerne mit Flutter, migrierte meine internen Java & Android Projekte und schreibe quasi täglich die eine oder andere Zeile Code. Doch ist Flutter auch was für den echten produktiven Einsatz? Diese Frage kann ich seit kurzem nun auch offiziell mit einem klar ja beantworten. Grund dafür ist meine erste Flutter App im Google Play Store (Tessa - Reit-Assistent open_in_new), welche durchaus umfangreich geworden ist und mit Dart und Flutter als Basis sehr gut funktioniert.
Der Kontext ist mit einer Companion App für Pferdebesitzer eher außerhalb meiner Kernkompetenzen, aber genau dies zeigt mir noch mehr das man mit Flutter Apps entwickeln kann, die den eigenen Wünschen oder den Wünschen eines Auftraggebers entsprechen. Grund für das Thema der App ist meine Frau, welche mit dem Reiten ein Hobby gefunden hat, welches durchaus komplex sein kann.

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

Die Google I/O ist bereits ein paar Tage vorbei und nun kam ich endlich auch dazu die eine oder andere Session anzuschauen. Im Bezug auf Android möchte ich euch ein paar relevante Videos ans Herz legen. Sofern ihr in den Android Welt unterwegs seid und die Chance habt auf aktuelle Dinge setzen zu können, dürfte die eine oder andere neue Funktionalität sicherlich spannend für euch sein.

• What's new in Jetpack im Google Blog open_in_new
• Android Studio Arctic Fox (2020.3.1) im Google Blog open_in_new
• What's new for Android developers at Google I/O im Google Blog open_in_new
• Google I/O Website open_in_new