# TYPO3Camp RheinRuhr 2022 Notes zu den Sessions / Verlinkung von Slides ## Content-Elemente basteln Session von Volker Kemeter **Beispiel ist ein CE mit Tooltips auf Bildern** Im Backend wird ein Bild geladen und inlineRecords mit Texten und Bildern sowie ein Tab für die genaue Postionierung auf dem Hauptbild definieren. - renderType im TCA im ext_localconf.php registrieren $GLOBALS['TYPO3_CONFT_EXT']... - renderType als Class definieren, erbt von nodeRegistry - eigenes HTML für das Feld bauen Dokumentation: https://docs.typo3.org/m/typo3/reference-coreapi/main/en-us/ApiOverview/FormEngine/Rendering/Index. Volker ist auch bereit, seinen Code zur Verfügung zu stellen, wenn man ihn anfragt. https://www.typo3camp-rheinruhr.de/sessions/session/content-elemente-basteln ## Bessere Extensions Session von Daniel Siepmann [Mitschrift der Session](https://tmp.daniel-siepmann.de/events/t3crr22/bessere-extensions.pdf) ## Dependency Injection Session von Daniel Siepmann **Beispiel ist https://github.com/werkraum-media/watchlist und https://github.com/DanielSiepmann/tracking** Dokumentation: https://docs.typo3.org/m/typo3/reference-coreapi/11.5/en-us/ApiOverview/DependencyInjection/Index.html https://www.typo3camp-rheinruhr.de/sessions/session/dependency-injection ## Rethinking Translation Session von Jo Hasenau Stefan Frömken: Meine OverlayHelper, um Ergebnisse vom QueryBuilder zu übersetzen findet ihr hier: [GitHub](https://github.com/jweiland-net/events2/blob/master/Classes/Helper/OverlayHelper.php) ## NixOS / Nix home-manager Session von Andreas Wolf / Daniel Siepmann - https://nixos.org (bietet auch gute Suchmaschine für vorhandene Packages) - [Beispielkonfiguration](https://gitea.daniel-siepmann.de/danielsiepmann/nixpkgs) - kann auch als package manager in andere Linuxumgebungen integriert werden - legt Softwareversionen mit Hashwerten fest um reproduzierbare builds zu ermöglichen - nicht optimal für Sicherheitsupdates, aber wunderbar für das Aufsetzen von virtuellen Maschinen/Containern (oder von wiederherstellbaren Arbeitsmaschinen) - erlaubt das Teilen von Konfigurationen, die in Isolation laufen können. z.B. für Acceptence Tests - Wechsel zwischen Systemzuständen schnell möglich ("Generationen") ## Zeig mir deine Tools Session von Wolfgang Wagner - https://www.perfexcrm.com/ (CRM, Ticketsystem, Projektmanagement, Rechnungen/Angebote etc., Self Hosted /PHP/MySQL) - https://www.loom.com/ (Screenrecordings) - https://boxy-svg.com/ (SCALABLE VECTOR GRAPHICS EDITOR) - https://github.com/tummychow/git-absorb (Auto fix up and rebase) - https://github.com/lunaryorn/git-gone (Lists or removes "gone" branches) - https://obsidian.md/ (Markdown Editor) - https://jsoncrack.com/ (Seamlessly visualize your JSON data instantly into graphs.) - https://stedolan.github.io/jq/ (jq is a lightweight and flexible command-line JSON processor) - https://github.com/dundee/gdu (Pretty fast disk usage analyzer written in Go.) - https://www.caniemail.com/ - https://caniphp.com/ - https://youmightnotneedjquery.com/ - https://plainjs.com/ - https://www.workversatile.com/ (verschiedene Konverter) - https://awesomelists.top/#/ (Access and search every awesome list listed in sindresorhus/awesome inside of a single page without pain.) - https://roadmap.sh/ (roadmap.sh is a community effort to create roadmaps, guides and other educational content) - https://skilldisplay.eu - https://addons.mozilla.org/de/firefox/addon/greasemonkey/ (Passen Sie die Anzeige und Funktionalität von Webseiten mittels etwas JavaScript an.) - https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo (Tampermonkey wird verwendet, um sogenannte Userscripts (manchmal auch als Greasemonkey-Skripte bezeichnet) auf Webseiten auszuführen.) - Quiver https://yliansoft.com/ (Quiver is a notebook built for programmers. It lets you easily mix text, code, Markdown and LaTeX within one note ...) - https://phinx.org/ (PHP Database Migrations) - https://www.browserstack.com/ (App & Browser Testing Made Easy) - https://prepros.io/ (Prepros compiles your files, transpiles your JavaScript, reloads your browsers) - https://devdocs.io/ (DevDocs combines multiple API documentations in a fast, organized, and searchable interface. ) - https://whimsical.com/ (Whimsical combines whiteboards and docs in an all-in-one collaboration hub) - https://plantuml.com/de/ (PlantUML ist ein quelloffenes Projekt, welches das Erstellen von UML-Diagrammen ermöglicht.) - Ergänzend siehe auch https://notes.typo3.org/t3cm2022 ## TYPO3 Housekeeping Session von Michael Blunck [Slides](https://de.slideshare.net/michaeldrauer/typo3-housekeeping-252454894) ## Gitlab CI beschleunigen Session von Marc Willmann [Slides](https://www.f7.de/fileadmin/slides/Speed_up_Gitlab_CI.pdf) ## Cypress, DDEV und Gitlab CI Session von Tim Schreiner [Demoprojekt](https://gitlab.com/km2-gmbh/typo3-cypress-ddev) ## t3monitoring Session von Sven Wappler [Zabbix Templates](https://github.com/WapplerSystems/zabbix_client/tree/master/Resources/Private/ZabbixTemplate) ## TYPO3 Government Package Session von Sebastian Kreideweiß Folien auf deutsch https://speakerdeck.com/kreidewe/t3govpackage-de Idee: Hohen Marktanteil im Bereich öffentliche Verwaltung in D nutzen und ausbauen Marktanteile u.a. https://cmscensus.eu/regions-cities/cities Initiale Version online im TER: https://extensions.typo3.org/extension/government_package GitHub: https://github.com/CPS-IT/government_package Mitmachen Slack: https://typo3.slack.com/ #typo3-government-package Kontakt: s.kreideweiss@cps-it.de oder sebastian.kreideweiss@typo3.org ## CMSCensus - Statische Verteilung von CMS im öffentlichen Bereich in Deutschland Session von Sebastian Kreideweiß Slides https://de.slideshare.net/JudithKlbel/statistischeverteilungcmspdf/ Siehe auch cmscensus.eu ## Wie bringe ich meinen Lighthouse-Score auf 100? Session von Oliver Thiele **Beispiel ist oliver-thiele.de auf einem 3€-Hetzner-Server** - Werte können sich ändern durch: - Content Security Policy - Optimierung durch - Caching - Cache-Controlheader aktivieren - Network-Untersuchen-Tool - nginx nutzen - Content-Encoding: br (brotli) aktivieren - webp-Bilder und zusätzlich jpg für alte Browser als Fallback (typo3 plan2net/webp-Extension) - Schriften nachladen - HTTP2 muss aktiviert sein - schlanke Webseite - jquery raus lassen, wenn irgendwie möglich - bootstrap selbst kompilieren (z.B. mit Software "Prepros") - css und js nur laden, wenn es gebraucht wird (z.B. mit Erweiterungstemplate) - asset (Fluid ViewHelper Reference / asset) https://www.typo3camp-rheinruhr.de/sessions/session/wie-bringe-ich-meinen-lighthouse-score-auf-100 ## Speed up Gitlab CI Session von Marc Willmann Slides: https://www.f7.de/fileadmin/slides/Speed_up_Gitlab_CI.pdf Weitere Infos und Konfigurationsbeispiele: https://www.marc-willmann.de/gitlab-runner-autoscale-in-der-hetzner-cloud ## Die 7 Todsünden des Projektleiters Session von Luisa Faßbender [Slides](https://speakerdeck.com/luisafassbender/die-7-todsunden-des-projektleiters-typo3-camp-rheinruhr-2022) ## Build your agency house (a content model) Session von Jeffrey A. “jam” McGuire [Blogpost and Slides](https://openstrategypartners.com/blog/a-communication-playbook-to-grow-your-agency-drupalcon-prague-2022/) ## Videos erstellen für Einsteiger Session von Wolfgang Wagner [Slides](https://speakerdeck.com/wolfgangwagner/screencasts-videotutorials-t3rr22) ## Cypress mit Ddev und Gitlab-CI Session von Tim Schreiner [Demoprojekt](https://gitlab.com/km2-gmbh/typo3-cypress-ddev) ## Komplexe TCA/Inhaltselemente bauen mit TYPO3 Boardmitteln Session von Volker Kemeter Wie man ein Inhaltselement zb mit POI auf Bildern redaktionell wartbar machen kann. [GIST](https://gist.github.com/vkemeter/92e0c11eba014399e68cbd1fa95f7738) ## EXT:opinion - Getting user feedback like a boss Session von Volker Kemeter Eine TYPO3 Extension zum einammeln von Userfeedback (Daten und Screenshots) für das Front- und Backend [Slides](https://prezi.com/p/vleyvxnn-zb2/?present=1) und [Github](https://github.com/vkemeter/opinion)