> For the complete documentation index, see [llms.txt](https://weekly-essay.mikey.wang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://weekly-essay.mikey.wang/de/2023/w06-thoughts-after-attending-the-2023-qcon-beijing-frontend-frontier-session.md).

# W06-Eindrücke vom Frontend-Schwerpunkt der QCon Beijing 2023

* Das erste Thema waren Webanimationen. Von einfachen Gewinnspielen und Glücksrädern hat sich die Branche zu großen Aktionen entwickelt, die fast PC-Spielen gleichen. Der Aufwand wächst durch die fortlaufende Verbindung neuer Spielmechaniken, Marketingideen und Ausdrucksmöglichkeiten. Daraus entstehen neue Herausforderungen für das Frontend.
  * Bei Aktionen mit komplexen Animationen ist die Zusammenarbeit mit vorgelagerten Beteiligten wesentlich schwieriger als mit nachgelagerten. Gewöhnliche Anforderungen brauchen im Entwurf nur UI und UX. Große Aktionen benötigen Konzeptzeichnungen, 3D-Modelle, Animationen, Effekte und weitere Fachrichtungen, jeweils mit tiefer Beteiligung des Frontends. Das ähnelt der Spieleentwicklung und erklärt, warum Organisationen dafür oft Personal aus Spieleabteilungen heranziehen.
  * Viele 3D-Animationen verlangen andere technische Kenntnisse als klassische Webentwicklung, etwa Computergrafik. Kuaishous Erfahrungen mit Großaktionen zum Frühlingsfest und den Olympischen Winterspielen zeigen eine schnelle interne Entwicklung. Die Engineering-Probleme bleiben dennoch klassisch: Über Plattformen ein Gleichgewicht zwischen Performance, Stabilität und Iterationstempo herstellen.
* Das zweite Thema war die Absicherung von H5-Anwendungen, im Kern also Quellcodeschutz. Ausgangspunkt waren die Anti-Scraping-Praktiken des Sicherheitsteams von 58. Es gab zwei Ansätze.
  * Erstens AST-basierte Verschleierung sowie Schutz gegen Formatierung und Debugging.
  * Zweitens H5-Absicherung durch Codevirtualisierung. Gemeint ist JSVMP, Virtual Machine based code Protection for JavaScript. Nach kurzer Recherche ist das nichts besonders Neues, liegt aber außerhalb des Arbeitsgebiets der meisten Entwickler. Ein vollständiges System funktioniert ungefähr so: Der Server liest JavaScript, führt lexikalische und syntaktische Analyse durch, erzeugt einen AST, daraus private Instruktionen und einen passenden privaten Interpreter. Verschlüsselte Instruktionen und Interpreter werden an den Browser geschickt, der sie während der Ausführung interpretiert.
  * Das erinnerte mich an Jack Works’ Vortrag über SES, Secure ECMAScript, auf der GMTC im vergangenen Jahr. Sicherheitsprobleme im Web werden häufiger angesprochen. Viele müssen auf Ebene der Standards behoben werden. Sonst wird Sicherheit meist durch Leistungseinbußen erkauft, wie bei JSVMP. Nach meinem Verständnis schafft SES eine vollständig vertrauenswürdige Sandbox und schützt damit die Laufzeitumgebung. Für Quellcodeschutz gegen Scraping scheint noch kein ES-Standard Stage 3 oder 4 erreicht zu haben.
* Das dritte Thema war Industriesoftware. Die Darstellung war insgesamt wenig gelungen und erklärte das Thema nicht klar. Wer Interesse hat, kann die Folien lesen. Vor Ort gab es kaum zusätzliche Informationen.
* Das vierte Thema waren PWAs. Sie sind zwar keine Spitzentechnologie, einige Einsichten waren aber neu. Ihre Verbreitung in China ist extrem gering. Das hängt eng mit dem frühen Ausbau großer Plattformen und Mini-Programme zusammen. In der Fragerunde fragte ich, ob Apple die Entwicklung von PWAs blockiere. Die Antwort lautete, Apple könne den großen Trend nicht aufhalten. Das erklärt sich teilweise aus dem Hintergrund des Redners, der Microsofts Position zugunsten von PWAs vertrat, teilweise aus dem gemeinten Trend.
  * Dieser Trend ist interessant. Chinas Mobilisierung hat ihren Höhepunkt weitgehend erreicht. Der sprunghafte Entwicklungspfad hinterließ jedoch einen großen Abstand zur PC-Verbreitung in Europa und den USA. In China liegt sie derzeit nur bei etwa 20 %, in entwickelten Ländern meist bei 70 % und in den USA sogar bei 90 %. Die Zahlen stammen aus einem Bericht der Akademie für Sozialwissenschaften und klingen erstaunlich. Vereinfacht könnten wir Mobilgeräte mit digitalem Konsum und PCs mit digitaler Produktion verbinden. Der PC wandelt sich vom Alltagsgegenstand zum Produktionsmittel. Er steht für Produktivität und die Fähigkeit der Bevölkerung, Produktionsprobleme mithilfe von ICT zu lösen. Aus Entwicklungssicht hat Chinas PC-Verbreitung großen Spielraum. Nach der Mobilisierung könnte daher eine Gegenbewegung zum Desktop entstehen. Dafür sind PWAs eine brauchbare Option.
* Insgesamt war der Bereich „Frontend-Frontier“ eine bunte Mischung. Manches griff alte Themen auf und vermittelte den Eindruck, dass die Grenze des Frontends nicht besonders hoch liegt. Ich hoffe auf ein spannenderes nächstes Jahr.