Boehrsi.de - Blog

Vor einiger Zeit gab es eine Feature-Anfrage zu meinem Kommentarsystem, welche ich nun endlich umsetze. Es geht darum Kommentare zu einer News abonnieren zu können. An sich eine simple Funktion, welche aber in ein vorhandenes System integriert werden soll, welches stabil und sicher bleiben sollte, deswegen muss man ein paar mehr Schrauben anziehen.
Da ich aktuell etwas Zeit habe, konnte ich vorgestern die finale Planung und gestern die Implementierung durchführen. In den nächsten Tagen folgt nun weiteres Testing und Debugging. Ich hoffe bis zum Ende der Woche, aber spätestens bis zum Ende der nächsten Woche alle Tests und eventuelle weitere Optimierungen abgeschlossen zu haben, sodass die neue Version online gehen kann.
Die Aktualisierung selbst wird nur wenige Minuten dauern und dürfte die meisten Nutzer nicht betreffen. Alle Informationen zum Service-Update, die kompletten Release Notes und der geplante Update-Termin wird es sobald bekannt in einer separaten News geben.

Heute folgt der letzte Teil meiner kleinen Newssammlung rund um meine Boehrsi.de Statusseite. Denn sobald die eigentliche Seite erstellt ist, geht es ans Hosting und Deployment. Ich habe bekanntlich einen eigenen Server zur Hand, aber Hosting auf diesem macht für eine Statusseite offensichtlich wenig Sinn. Denn wenn der Server, für welchen die Seite den Status anzeigen soll, offline ist, dann wird die Seite natürlich auch offline sein. Ich entschied mich basierend auf meinen Erfahrungen mit GitHub, für eben selbige Plattform fürs Hosting und Deployment. Dort war ich wie bereits erwähnt durchaus glücklich wie umfangreich die Auswahl an vorhandenen Deployment-Workflows ist und auch das Hosting selbst ist sehr unkompliziert.

• GitHub Actions open_in_new
• GitHub Pages open_in_new
• Boehrsi.de-Status GitHub Repository open_in_new

Weiter geht es heute mit meiner kleinen Newssammlung zum Thema Boehrsi.de Statusseite. Heute geht es noch einmal um den reinen Code und wie ich die eigentliche UI erstellt habe. Während die folgenden Beiträge sich eher auf das Setup und Deployment beziehen. Bei Fragen stehe ich wie gewohnt gerne Rede und Antwort in den Kommentaren.
Das Thema Design ist für mich ein spezielles, da ich nicht sonderlich kreativ bin, aber trotz dessen versuche gut aussehende User Interfaces zu erstellen. Ich setze dabei meist auf Minimalismus und den Fokus auf den Content. Generell baue ich fast alles von Grund auf selbst, doch bei diesem Projekt habe ich einen anderen Weg eingeschlagen. Aus verschiedenen Gründen wollte ich weitere Erfahrungen zum Thema Bulma sammeln und entschied mich aus diesem Grund wieder für das CSS Framework.

• Bulma Website open_in_new
• Boehrsi.de-Status GitHub Repository open_in_new

Schon ist wieder ein Monat vergangen und entsprechend wird es Zeit den letzten Monat im Kontext des Blogs zusammenzufassen. Diese tue ich wie gewohnt in Form einer Top 10 Liste. Diese beinhaltet die am meisten von euch gelesenen Beiträge im besagten Monat. Die Liste findet ihr absteigend nach Anzahl der Aufrufe sortiert im unteren Teil der News. Dieses Mal sind diverse aktuelle Themen und ein paar Dauerbrenner mit von der Partie.

Ich habe in den letzten Monaten häufiger mit Bulma im Kontext der Webentwicklung gearbeitet und das Open-Source-CSS-Framework zusammen mit Hugo, dem Static Site Generator meiner Wahl, genutzt. Resultat ist unter anderem meine Status Website open_in_new. Dieses kleine Projekt hat aber noch ein paar mehr Eigenheiten, denn abseits der eigentlichen Entwicklung nutzte ich bei diesem Projekt das erste Mal umfangreicher GitHub Actions fürs Deployment und GitHub Pages open_in_new fürs Hosting.

• Hugo Website open_in_new
• Boehrsi.de-Status GitHub Repository open_in_new

Seit Ende 2019 nutzt mein Blog WebP als Standard Bildformat. Allerdings biete ich parallel noch PNG als Format an, da bis vor kurzem vor allem Apples Safari bzw. macOS nicht in der Lage war WebP Bilder zu verarbeiten. Dies änderte sich mit einem der letzten größeren Updates und entsprechend ist nun der Zeitpunkt gekommen die Dateigröße meines Blogs massiv zu verringern.
Durch diesen dualen Ansatz musste ich logischerweise jedes Bild doppelt auf meinem Server ablegen. Konkret bedeutet dies bei mir ca. 6000, statt 3000 Bilder und ca. 850 MB Platzverbrauch, statt ca. 400 MB.
Die Umstellung sollte für die meisten Nutzer ohne jegliche Änderung vonstatten gehen, denn ein extrem großer Anteil meiner Leser ist bereits seit langem mit Browsern unterwegs die WebP unterstützen. Für die kleine Anzahl an Nutzern mit älteren Safari / macOS Versionen tut es mir wirklich leid. Aber der Overhead, die duplizierten Bilder und die extra zum dynamischen Umschalten genutzten JavaScript Snippets, sind etwas zu viel des Guten im Jahre 2021, wenn es lediglich darum geht Bilder optimiert darzustellen.
Die Umstellung wird im laufe des ersten Quartals 2021 durchgeführt. Sobald alles konkreter wird, wird es eine weitere News geben.

• Can I use - WebP open_in_new

Der Januar ist schon wieder vorbei und entsprechend wird es wieder Zeit die Top 10 zu erfassen. Die Liste der beliebtesten Beiträge des letzten Monats findet ihr wie gewohnt im unteren Teil der News. Sie ist nach Anzahl der Aufrufe absteigend sortiert. Neben dem einen oder anderen Dauerbrenner-Beitrag sind auch diverse aktuelle Beiträge mit von der Partie.

Wie angekündigt wollte ich das letzte Jahr auch im Kontext meines Blogs Revue passieren lassen und dies tue ich hiermit. Denn 2020 war ein spezielles Jahr und auch hier im Blog gab es einige positive und negative Entwicklungen.
Alles in allem läuft der Blog technisch wieder rund. Gerade in der ersten Jahreshälfte war dies allerdings auf Grund von Serverproblemen leider häufiger nicht der Fall. Diverse kleinere Probleme und ein Hardwareproblem im Bereich der HDD sorgten teils auch für mehrtägige Komplettausfälle. Dinge die man natürlich verhindern will und mit ausreichend Aufwand auch könnte, aber am Ende muss das Kosten- / Nutzenverhältnis stimmen.
Abseits der Probleme im Bereich der Stabilität, bin ich weiterhin sehr froh über mein Static Website Setup via Hugo, welches durch die nun neu geschriebenen Kotlin Services ergänzt wird. Die Konvertierung von Java auf Kotlin, inklusive Umbauarbeiten, Aufräumarbeiten und Erweiterungen hat viel Spaß gemacht und die angekündigte Newssammlung zum Thema wird aktuell vorbereitet. Hier wird es für Interessierte also bald mehr geben.
Im Bereich Content konnte ich fast immer mindestens 5 Beiträge pro Woche veröffentlichen, was mein generelles Ziel ist. Entsprechend ist die Quantität durchaus gut, an der Qualität versuche ich aktuell zu arbeiten. Dies bedeutet das Beiträge mehr Tiefe und Inhalt haben sollen. Also z.B. eher ein Tutorial wie man etwas nutzt, statt einem reinen Erfahrungsbericht. Problem dabei ist natürlich der entsprechende Zeitaufwand. Hier versuche ich gerade einen passenden Mittelweg zu finden.

Für alle RSS Feed Abonnenten gibt es an dieser Stelle eine kleine Info, denn ich habe die Art und Weise wie selbige erstellt werden optimiert. Diese News sollte die Erste sein, in der verschiedene kleinere Fehler behoben und die Texte nun ohne Überbleibsel von HTML Tags oder ähnlichem ausliefert werden. Vor allem bei Links auf externe Seiten, welche bei mir in der UI markiert sind, gab es komische Textschnipsel in den RSS Feed Beiträgen. Probleme dieser Art sollten nun aus der Welt sein. Falls ihr auch auf dem neusten Stand bleiben wollt und das voll automatisch, schaut euch doch mal meinen RSS Feed an.

An dieser Stelle möchte ich einen kleinen Ausblick auf kommenden Content geben, denn in den nächsten Wochen steht einiges an hier im Blog. Beginnen werde ich dabei mit einem Review und Gewinnspiel zur aktuellen Bitdefender Antiviren Software. Denn auch dieses Jahr ermöglicht mir Bitdefender wieder einige Lizenzen an euch zu verteilen, wofür ich mich bedanken möchte.
Weiter geht es mit diversen Inhalten zur Software-Entwicklung. Sowohl die Entwicklung meiner Status Seite, inklusive Deployment und Konzepten, wie auch das Setup, die Entwicklung und die Nutzung meiner Kotlin Services wird jeweils in einer eigenen mehrteiligen Newssammlung verarbeitet.
Gesondert werde ich außerdem noch auf meine ersten Erfahrungen mit GitHub Actions & Dependabot eingehen, sowie mein Postman 101 mit euch teilen. Postman ist meine Standard Software geworden, wenn es um das Testen und auch Nutzen von APIs geht. Zusätzlich werde ich das Thema Dart für Scripting anreißen, denn abseits davon die Basis für Flutter zu sein, kann Dart auch an anderen Stellen hilfreich sein.
Abschließend gibt es auch noch eine kleine Zusammenfassung des Jahres aus meiner Perspektive, sowohl auf das Thema Gaming bezogen, wie auch im Kontext Software-Entwicklung. Dies beinhaltet auch ein paar Worte zum Status des Blogs.
Generell gibt es also eine bunte Auswahl, diverse Beiträge und sogar das eine oder andere zu gewinnen, ich würde mich freuen euch also auch in der nächsten Zeit als Leser begrüßen zu dürfen.