Neuigkeiten von trion.
Immer gut informiert.

Artikel in der Kategorie 'typescript'

Automatisierte Bildschirmaufnahmen in CI/CD-Pipelines: Puppeteer und Playwright im Vergleich 5 Feb

Geschrieben von Leonard Wagner am 5. Februar 2024
puppeteer vs. playwright

Für Product Owner, Entwickler und weitere Stakeholder können Bildschirmaufnahmen hilfreich sein, um schnell und einfach einen Einblick in den Entwicklungsstand einer Webanwendung zu erlagen. In diesem Post berichte ich von meinen Erfahrungen, einen Prozess aufzusetzen, um in einer Build-Pipeline automatisch Videos und Screenshots einer Anwendung aufzunehmen und diese bereitzustellen. Realisiert habe ich dieses Vorhaben sowohl mit Playwright als auch mit Puppeteer.

React Native oder NativeScript? Eine Auswahlhilfe für Entscheider 6 Jul

Geschrieben von Steffen Jacobs am 6. Juli 2020
NativeScript logo

React Native oder NativeScript? - Eine komparative Analyse für Enterpriseanwender
Im Bereich der mobilen Anwendungsentwicklung von nativen Apps gibt es viele Wege, die zum Ziel führen. Aus bereits im Vorfeld beschriebenen Gründen [1] [2] konnten wir diese Auswahl an Wegen für die meisten praktischen Anwendungsfälle bereits auf die beiden Cross-Platform-Frameworks React Native und NativeScript reduzieren.

Aber welches der beiden Frameworks sollte man denn nun für die eigene Anwendung verwenden? Die Lösung dazu und die Antwort auf weitere Fragen werden in dieser Analyse behandelt.

Für die Lesenden, die sich zunächst einmal grundlegend mit den beiden Frameworks auseinandersetzen möchten, haben wir bereits jeweils einen Artikel zu React Native[1] und einen zu Native Script [2] vorbereitet.

Mobile Anwendungsentwicklung im Enterprise-Umfeld: NativeScript 1 Jun

Geschrieben von Steffen Jacobs am 1. Juni 2020
NativeScript logo

Mobile Entwicklung für Enterprise Anwendungen
Bei der mobilen App-Entwicklung gibt es heutzutage viele verschiedene Optionen. Im letzten Artikel [3] wurde bereits React-Native als ein Weg zum Ziel beschrieben. Dort wurde die insbesondere für Enterprise-Anwendungen größtenteils fehlende MVC-Trennung angemerkt. Eine weitere Alternative mit anders umgesetzter Separation of Concerns ist NativeScript [1].

In diesem Artikel wollen wir eine Basis für App-Entwicklung aller Art mit NativeScript legen, daher ist der gesamte Quellcode auf GitHub verfügbar [2]. Er kann direkt ausgechecked und auf die eigenen Bedürfnisse ausgebaut werden. Das spart Zeit beim initialen Setup.

Rapid Prototyping mit React Native 18 Mai

Geschrieben von Steffen Jacobs am 18. Mai 2020
React Native Logo

Wie macht man mobile Entwicklung heute?
Häufig ist die Antwort hierfür ein Cross-Platform Framework. Insbesondere für Rapid Prototyping sollte der initiale Entwicklungsaufwand möglichst begrenzt sein. Wenn gleichzeitig auch die langfristigen Wartungskosten reduziert werden können, lassen sich diese Prototypen im nächsten Schritt gleich in vollständige Anwendungen umbauen. Es ist möglich, beispielsweise für eine Messe oder als Proof of Concept mit sehr geringem Aufwand und beschränktem Plattformwissen mobile Anwendungen zu launchen, ohne dabei allzu viel Zeit zu verschwenden.

React Native [3] hat sich hierbei als eines der populärsten Frameworks für derartige Anwendungsfälle herausgetan [1] [2]. Die Gründe dafür sowie eine kurze Einführung in die Konzepte inklusive einer Basis-Anwendung, die als Grundgerüst für die eigenen React-Native-Aspirationen dient, sind in diesem Artikel zu lesen.

Corona / Covid 19 Simulator 10 Apr

Geschrieben von Thomas Kruse am 10. April 2020
Covid 19

Die durch das neuartige Corona-Virus SARS-CoV-2 ausgelöste Krankheit COVID-19 und die durch die Pandemie veränderten Lebensumstände stellen vieles auf den Kopf. Remote-Arbeiten, Digitalisierung und potentieller struktureller Wandel sind alles Themen, die den Technologiesektor tangieren, und somit auch viele unserer Kunden.

Die ganz persönlichen Lebensumstände betrifft das bisher einzige Mittel, um mit der Bedrohung umzugehen: Social Distancing.
Oft stellt sich die Frage, ob das wirklich so viel bringt gegen das Corona Virus.

Wir haben eine kleine Anwendung erstellt, mit der sich jeder selbst ein Bild machen kann: Den Corona Virus Simulator.
Es gibt zwar bereits einige Anwendungen dieser Art, auf denen wir auch mit unseren Beispiel aufbauen wollen, doch das besondere in dieser Version: Man kann sich einen direkten Vergleich von zwei Populationen anzeigen lassen, und damit die direkten Auswirkungen verschiedener Parameter gegenüberstellen.
Wir simulieren, was in der echten Welt nicht möglich ist: Nämlich gleichzeitig den Effekt von Social Distancing und weiteren Parametern und parallel dazu zum Vergleich die Entwicklung ohne Social Distancing.

Screenshot Corona Simulator
Figure 1. Screenshot der Corona-Simulator-App

Angular Architektur Training 2 Dez

Geschrieben von Thomas Kruse am 2. Dezember 2019
Angular Architektur Training

Wir begleiten Kunden bei der Einführung von Angular als Frontend-Framework und bieten dazu eine Angular Grundlagen Schulung und eine Schulung für erweiterte Aspekte im Kontext von Angular Frontends an.

Bestimmte Fragestellungen begegnen uns dabei immer wieder, da in der Regel eine bestehende Systemlandschaft existiert, und nun Angular Anwendungen in diese integriert werden sollen.

macOS Environment für NativeScript 11 Jul

Geschrieben von Thomas Kruse am 11. Juli 2019
NativeScript

NativeScript vereinfacht die plattformübergreifende Entwicklung nativer Mobile-Apps für iOS und Android. Es ermöglicht mit Angular und Vue.js die Verwendung unterschiedlicher Frameworks. Außerdem wird neben JavaScript auch TypeScript als Programmiersprache unterstützt, das mit der Zeit immer beliebter wird. Bei den stackoverflow Developer Survey Results von 2019 wurde TypeScript bei den beliebtesten Programmiersprache bereits auf Platz 3 gewählt. Mit dem NativeScript CLI bietet NativeScript zudem ein mächtiges und zugleich einfaches Tool zur Automatisierung des Builds mittels einer CI-Pipeline.

In diesem Artikel beschreiben wir die Provisionierung eines macOS-Systems für NativeScript. In folgenden Artikeln schauen wir uns noch an, wie wir das System als Runner in Gitlab einbinden und zum Upload von NativeScript-Apps zum Apple App Store nutzen können.

Angular Frontend Quality 20 Sep

Geschrieben von Thomas Kruse am 20. September 2018
Angular

Qualität von Frontend-Anwendungen erhöhen und sicherstellen ist ein wichtiges Ziel. Vor allem, wenn es um große Anwendungen mit hohen Investitionen geht, sollen diese oft langfristig gewartet und ausgebaut werden. Wie das Thema Qualitätssicherung am Beispiel einer Angular Anwendung angegangen werden kann, stellte Karsten Sitterberg bei dem Meetup der "Frontend Freunde" in Münster vor.

Angular Security Architektur: PHP Magazin Beitrag 5 Mai

Geschrieben von Thomas Kruse am 5. Mai 2017
PHP Magazin 4/2017

Der Artikel "Angular Security Architektur in der Praxis" von Karsten Sitterberg im aktuellen PHP-Magazin zeigt wichtige Konzepte und die praktische Anwendung rund um Sicherheit bei Angular Anwendungen auf.

Im Fokus stehen dabei die Themen Authentifizierung und Autorisierung und daraus folgende Konsequenzen aus Sicht einer Angular Webanwendung.

Java Magazin Beitrag: Angular Sicherheit 1 Feb

Geschrieben von Thomas Kruse am 1. Februar 2017
Java Magazin 2017/03

Angular Sicherheit von Frontend bis Backend ist das Thema des von Karsten Sitterberg im Java Magazin Nr. 3/2017 veröffentlichten Artikels. Exemplarisch wird anhand von Spring Boot als Backend Anwendung, Keycloak als OpenID Connect Identity Provider und Angular als Framework für das Frontend die Implementierung von Authentifizierung bei Single-Page-Anwendungen dargestellt.

PHP Magazin Beitrag: NativeScript 11 Nov

Geschrieben von Thomas Kruse am 11. November 2016

In der Ausgabe 2017/1 des PHP Magazin stellen Thomas Kruse und Karsten Sitterberg die Welt von NativeScript vor.

Mit NativeScript lassen sich native mobile Anwendungen entwickeln die dabei JavaScript als Laufzeitsprache nutzen. Neben dem Vorteil der Wiederverwendung gemeinsamer Code Anteile für unterschiedliche Plattformen finden sich Entwickler, die bisher Webanwendungen gebaut haben sehr schnell heimisch.

NativeScript Universum: Überblick 7 Okt

Geschrieben von Thomas Kruse am 7. Oktober 2016

In der Ausgabe 2016/6 des Entwicklermagazins stellen Thomas Kruse und Karsten Sitterberg die Welt von NativeScript vor.

Mit NativeScript lassen sich native mobile Anwendungen entwickeln die dabei JavaScript als Laufzeitsprache nutzen. Neben dem Vorteil der Wiederverwendung gemeinsamer Code Anteile für unterschiedliche Plattformen finden sich Entwickler, die bisher Webanwendungen gebaut haben sehr schnell heimisch.

Los geht's!

Bitte teilen Sie uns mit, wie wir Sie am besten erreichen können.