WEBVTT

NOTE
Podcast: Wo wir sind ist vorne.
Episode: Editor, IDE und CMD, UFO, SVG, ohjemine
Publishing Date: 2021-04-03T14:33:00+02:00
Podcast URL: https://wowirsindistvorne.show
Episode URL: https://wowirsindistvorne.show/editor-ide-und-cmd-ufo-svg-ohjemine/

00:00:00.000 --> 00:00:06.800
 Wo wir sind, ist vorne, Folge 24. Heute geht's um Editoren, IDEs und mysteriöse Entdeckungen in SVGs.

00:00:06.800 --> 00:00:25.800
 Herzlich willkommen bei Wo wir sind, ist vorne. Frontend-Fakten-Frotzelein.

00:00:25.800 --> 00:00:29.840
 Der Late-Night-Frontend-Talkshow rund um Webdesign und Entwicklung.

00:00:30.000 --> 00:00:41.500
 Es reden sich um Head und Kragen, HTML-Fundamentalist Moritz Gießmann und JavaScript-Jungleur Konstantin Groß.

00:00:55.800 --> 00:01:05.580
 Hallo und Überraschung, es gibt uns doch nicht nur exklusiv auf Onlyfans. Unser Tweet dazu war natürlich ein April-Scherz.

00:01:05.580 --> 00:01:06.900
 Aber es gibt uns jetzt auf Onlyfans.

00:01:06.900 --> 00:01:17.080
 Es gibt uns tatsächlich auf Onlyfans, den Account haben wir dafür angelegt. Aber natürlich gibt's uns, wie man jetzt nicht überraschenderweise feststellt, im Podcatcher der Wahl nach wie vor zu hören.

00:01:17.080 --> 00:01:20.340
 Genau. Und wer nicht weiß, was Onlyfans ist, einfach nicht googeln.

00:01:20.500 --> 00:01:32.060
 Genau, richtig. Wie immer, wenn man sagt, nicht machen, dann ist klar, was rauskommt. Es fühlt sich wieder ganz heimelig an, zu Podcasten, nachdem wir jetzt zwei Twitch-Streams über die Bühne gebracht haben.

00:01:33.200 --> 00:01:34.200
 Oh ja, das war so stressig.

00:01:34.200 --> 00:01:42.200
 Davon berichten wir auch gleich noch in der Retro, wie stressig das sich anfühlt. Aber erst nachdem wir die Getränkefrage geklärt haben.

00:01:42.200 --> 00:01:44.760
 Ja, soll ich anfangen?

00:01:44.760 --> 00:01:45.460
 Du darfst gerne, ja.

00:01:45.980 --> 00:01:57.360
 Ja, ich hab vorhin dem Konstantin schon gesagt, ich falle jetzt wahrscheinlich in die Ungnade von euch, weil ich heute kein Bier hab. Aber ich hab als Ersatz mal wieder einen Scotch. Den hab ich schon mal getrunken.

00:01:57.360 --> 00:02:09.080
 Der Glen Moray Single Malt Scotch Whisky. Jetzt wollt ihr bestimmt wissen, wie viele Jahre. Das hab ich irgendwann auch schon mal gesagt. Ich kann's nur gerade nicht sehen.

00:02:10.900 --> 00:02:15.020
 Ist auch egal. Den trinke ich jetzt aber nicht so viel wie Bier.

00:02:15.020 --> 00:02:20.940
 Ich habe einen Kiemseher hell. Ich zeig's mal dir in die Kamera.

00:02:20.940 --> 00:02:28.020
 Das ist so verrückt. Weil ich hatte doch im Stream diese Flasche, diese Mate-Flasche mit der Eindellung.

00:02:28.020 --> 00:02:30.620
 Und die hat jetzt auch wieder ein Loch.

00:02:30.620 --> 00:02:33.240
 Vielleicht hast du auch einen Knick in der Optik.

00:02:33.240 --> 00:02:40.760
 Ich fühl das ja, ich seh's ja nicht. Und bei der Flasche reiß ich jetzt nicht das Etikett ab, um rauszufinden, was da los ist.

00:02:41.460 --> 00:02:43.220
 Ja, genau. Ich verschenke mal einen.

00:02:43.220 --> 00:02:47.800
 Ja, wie gesagt, Kiemseher hell. Hab ich im Regal gesehen im Supermarkt.

00:02:47.800 --> 00:02:50.480
 Schon mal mitgenommen. Vorne steht drauf, bitte Rückseite beachten.

00:02:50.480 --> 00:02:53.560
 Und dann steht hinten, ist da ein rotes Pfeilchen.

00:02:53.560 --> 00:02:55.060
 Bitte vorderseite.

00:02:55.060 --> 00:02:57.400
 Das wär's, ja.

00:02:57.400 --> 00:03:00.060
 Nee, da sind dann die Zutaten drauf und irgendwie nur so ein Pfeilchen.

00:03:00.060 --> 00:03:02.120
 Wir brauen in Rosenheim. Ja, herzlichen Glückwunsch.

00:03:02.120 --> 00:03:03.900
 Die brauen in Rosenheim.

00:03:03.900 --> 00:03:06.220
 Okay, ich mach mal auf.

00:03:06.220 --> 00:03:06.900
 Bitte wenden.

00:03:06.900 --> 00:03:10.680
 Große Flasche. Diesmal auch nicht übergelaufen.

00:03:10.680 --> 00:03:12.240
 Ja, dann zum Wohl.

00:03:12.240 --> 00:03:13.460
 Wir können auch anschlüssen hier.

00:03:13.460 --> 00:03:14.420
 Achso, ja.

00:03:14.420 --> 00:03:16.900
 Naja, ein bisschen dumpf.

00:03:16.900 --> 00:03:18.100
 Bei der großen Flasche.

00:03:19.460 --> 00:03:20.000
 So.

00:03:20.000 --> 00:03:21.820
 Ui, ui, ui.

00:03:21.820 --> 00:03:23.500
 Oh ja.

00:03:23.500 --> 00:03:24.660
 Gut.

00:03:24.660 --> 00:03:25.340
 Ich trinke den.

00:03:25.340 --> 00:03:26.580
 Ja, immer pur.

00:03:26.580 --> 00:03:29.120
 Eieiei, da muss man sich immer erst dran gewöhnen.

00:03:29.120 --> 00:03:30.600
 Jetzt gleich die Stimme weg.

00:03:30.600 --> 00:03:31.520
 Aber es ist lecker.

00:03:31.520 --> 00:03:32.080
 Nee, nee.

00:03:32.080 --> 00:03:37.680
 Ich hatte, ich hab so das Gefühl, also wenn wir Bier trinken im Podcast, dann ist es ja

00:03:37.680 --> 00:03:41.220
 oft so, dass das, also ich krieg da manchmal so eine Frosche in den Hals.

00:03:41.900 --> 00:03:42.660
 Und ich hatte, ähm.

00:03:42.660 --> 00:03:43.980
 Oder musst du aufstoßen.

00:03:43.980 --> 00:03:48.100
 Bei der, das ist mir noch nie passiert, wer das behauptet, ist ein Lügner.

00:03:48.100 --> 00:03:55.400
 Und ich hatte, als wir, als wir den ersten Twitch-Stream gemacht haben, da hatte ich ja mehrere

00:03:55.400 --> 00:03:59.040
 Getränke gleichzeitig am Start, unter anderem auch den Scotch.

00:03:59.400 --> 00:04:03.200
 Und ich hatte das Gefühl, dass der, dass der quasi so das Gegenmittel ist, gegen den

00:04:03.200 --> 00:04:04.180
 Frosch im Hals von Bier.

00:04:04.180 --> 00:04:08.320
 Und wenn ich einen Schluck, äh, Schluck Whisky nehme, das, das, äh, klärt das dann ganz,

00:04:08.320 --> 00:04:09.280
 das Ganze wieder weg.

00:04:09.280 --> 00:04:13.300
 Also, das heißt, ich muss eigentlich noch schlimmer zum Alkoholiker werden.

00:04:13.300 --> 00:04:16.860
 Also wenn der Moritz im Laufe des Podcasts anfängt zu lallen, dann ist das einfach die

00:04:16.860 --> 00:04:18.920
 bunte Mischung an, an Getränken.

00:04:18.920 --> 00:04:23.500
 Ähm, wer, wer sehen will, wie, wie ich, äh, aussehe, wenn ich ein bisschen zu viel getrunken

00:04:23.500 --> 00:04:26.320
 hab, der muss unseren ersten Stream nochmal, nee, besser nicht angucken.

00:04:28.120 --> 00:04:29.620
 Okay, mach mal, leg mal los.

00:04:29.620 --> 00:04:30.440
 Jo.

00:04:30.440 --> 00:04:45.020
 Ja, wie gesagt, wir haben, äh, unseren ersten und auch unseren zweiten Twitch-Stream hinter

00:04:45.020 --> 00:04:46.420
 uns, das hatten wir ja schon angekündigt.

00:04:46.420 --> 00:04:51.800
 Und, ähm, da ja die, die Schnittmenge an, an Podcast-Hörern und, oder sagen wir es mal

00:04:51.800 --> 00:04:55.880
 so, die Schnittmenge ist mit Sicherheit gegeben, aber, ähm, ich sag mal, es ist noch ein kleiner

00:04:55.880 --> 00:05:00.180
 Bruchteil an, an Hörer, Hörerinnen-Zahlen, die auch tatsächlich den Stream gucken.

00:05:00.180 --> 00:05:03.480
 Deswegen erzählen wir so ein paar Sachen wahrscheinlich doppelt, die wir jetzt im zweiten Stream schon

00:05:03.480 --> 00:05:03.980
 erzählt haben.

00:05:03.980 --> 00:05:08.840
 Und zwar hatten wir beim ersten Stream das Lust, naja, lustig war es eigentlich nicht, aber

00:05:08.840 --> 00:05:13.560
 das, äh, dubiose Phänomen, dass, äh, alle achtenhalb Minuten unser Stream abgebrochen

00:05:13.560 --> 00:05:13.800
 ist.

00:05:13.960 --> 00:05:20.360
 Und, ähm, das Tool, das wir da zum Stream benutzt haben, das hab ich selbst gebaut und

00:05:20.360 --> 00:05:26.020
 im ersten, äh, Stream auch vorgestellt und da mal reingeschaut, zusammen mit den Zuschauerinnen.

00:05:26.020 --> 00:05:29.900
 Und, äh, ja, wie gesagt, nach achteinhalb Minuten war irgendwie immer Schluss und halt wirklich

00:05:29.900 --> 00:05:31.920
 ziemlich exakt nach achteinhalb Minuten.

00:05:32.640 --> 00:05:46.000
 Und, ähm, ja, das Problem war, dass ich das Konsole-Logging auskommentiert hatte.

00:05:46.000 --> 00:05:50.920
 Ich hatte den, äh, den Output von FFM-Pack, die Info-Star über den Zustand und die, die

00:05:50.920 --> 00:05:55.720
 Fehlermeldungen, wenn welche auftreten, in die, in die Dev-Konsole, äh, gespült von

00:05:55.720 --> 00:05:58.720
 meiner, äh, Node-NWJS-Lösung.

00:05:58.720 --> 00:06:02.520
 Und da hab ich mir gedacht, naja, bevor wir jetzt richtig anfangen, so performance-technisch

00:06:02.520 --> 00:06:05.920
 ist so viel Loggen ja nicht so gut, äh, kommentierst du das mal aus.

00:06:05.920 --> 00:06:10.440
 Und der Grund war jetzt tatsächlich, dass der Output-Buffer von FFM-Pack vollgelaufen ist

00:06:10.440 --> 00:06:11.580
 und den Prozess gekillt hat.

00:06:11.580 --> 00:06:13.720
 Ähm, ja, wieder was gelernt.

00:06:13.720 --> 00:06:15.720
 Darf man also nicht einfach machen.

00:06:15.900 --> 00:06:17.720
 Man muss den dann ignorieren, den Output-Buffer.

00:06:17.720 --> 00:06:23.000
 Du hast verhindert, dass Konsolen-Nachrichten geschrieben werden und dann ist dadurch vollgelaufen?

00:06:23.000 --> 00:06:30.060
 Ja, ich, ähm, ich starte ja aus einem WJS, äh, einen Child-Prozess, äh, zapfe da FFM-Pack

00:06:30.060 --> 00:06:34.720
 an und schicke dann das, was ich über den Media-Recorder bekomme von dem Media-Stream, ähm, das

00:06:34.720 --> 00:06:36.300
 schaufle ich dann da rein in den Input.

00:06:36.300 --> 00:06:43.360
 Und FFM-Pack hatte man, also es gibt dieses STD-In und STD-Out bei Prozessen, äh, wo man eben

00:06:43.360 --> 00:06:46.340
 Input reinspült und, ähm, Output rausbekommt.

00:06:46.340 --> 00:06:50.800
 Ja, und, äh, FFM-Pack schickt halt an den Output immer Informationen, wenn man jetzt

00:06:50.800 --> 00:06:54.600
 nicht irgendwie sagt, äh, hier verbos, äh, ausgestellt über die, über den Command-Line

00:06:54.600 --> 00:06:58.720
 oder so. Ähm, beziehungsweise man kann eben den Prozess auch gleich mitgeben, wenn man

00:06:58.720 --> 00:07:02.320
 ihn aufruft, ähm, ignoriere den STD-Out komplett.

00:07:03.600 --> 00:07:08.040
 Und, äh, das war jetzt dann auch das Rätselslösung, mit dem, mit der es dann funktioniert.

00:07:08.040 --> 00:07:12.520
 Ähm, aber FFM-Pack hat halt immer Daten geschickt und nach einer Weile war halt dann irgendwann

00:07:12.520 --> 00:07:16.800
 dieser Buffer voll und wurde nicht abgefragt und dann kam es zu diesem Abbruch.

00:07:16.800 --> 00:07:17.520
 Ah, okay.

00:07:17.520 --> 00:07:18.120
 Das war das Ding.

00:07:18.120 --> 00:07:23.060
 Genau, aber ansonsten, also Streamen hat Spaß gemacht, ähm, auf jeden Fall.

00:07:23.060 --> 00:07:27.540
 Es ist was, es ist eine ganz andere Nummer als, als Podcasten, vor allem wenn man das Podcasten

00:07:27.540 --> 00:07:32.040
 nicht live macht normalerweise. Ähm, es ist viel mehr Interaktion, das ist super, das macht

00:07:32.040 --> 00:07:37.680
 echt Spaß, ja, so direkt Feedback zu bekommen von euch. Ähm, aber es ist halt auch echt Multitasking

00:07:37.680 --> 00:07:40.800
 gefordert, ja, gleichzeitig, also erstmal schon der Stress, ich hab vorhin schon zu Moritz

00:07:40.800 --> 00:07:43.820
 gesagt, äh, als wir uns getroffen haben, jetzt zum Aufnehmen, es war halt irgendwie schon

00:07:43.820 --> 00:07:47.560
 nach 8 und wenn du streamst, ne, dann ist halt, du kündigst an um 8 und dann willst du

00:07:47.560 --> 00:07:50.620
 die Leute ja nicht zu lang warten lassen und beim Podcasten ist halt, ob wir jetzt um

00:07:50.620 --> 00:07:55.080
 8 anfangen oder von mir aus auch um 9 oder schon um 7, ist völlig wurscht. Also das ist

00:07:55.080 --> 00:07:58.780
 schon entspannter und so generell fühlt sich das Podcasten ein bisschen entschleunigt

00:07:58.780 --> 00:08:01.540
 an, im Vergleich so zum Streamen, oder?

00:08:01.540 --> 00:08:05.560
 Es ist quasi, als wären wir, äh, als wären wir jetzt vorhin die ganze Zeit Bob gefahren

00:08:05.560 --> 00:08:10.120
 und jetzt fahren wir halt, jetzt rutschen wir quasi, äh, auf der, auf der grünen

00:08:10.120 --> 00:08:12.540
 Wiese, so, äh, es ist ein komischer Fall.

00:08:12.540 --> 00:08:16.600
 Ja, man muss auch nicht schauen, bin ich jetzt, ne, ist schon, ist schon was dran, also man

00:08:16.600 --> 00:08:20.440
 muss auch nicht schauen, bin ich jetzt in der Kamera zentriert, schaue ich richtig, äh,

00:08:20.440 --> 00:08:23.980
 darf ich nicht in der Nase bohren, äh, kann ich jetzt zum Beispiel hier machen?

00:08:23.980 --> 00:08:27.580
 Ähm, äh, der Konstantin hat gerade in der Nase gebohrt, für alle, die...

00:08:27.580 --> 00:08:31.400
 Richtig, richtig tief, genau. Ich hab mich nur gekratzt, aber die Bewegung hat

00:08:31.400 --> 00:08:35.480
 gestimmt. Ähm, ja, also es ist, es macht immer Spaß, also wir, wir, wir,

00:08:35.560 --> 00:08:39.000
 machen das weiter, aber wir geben auch den Podcast nicht auf, keine Sorge, also, ähm,

00:08:39.000 --> 00:08:43.120
 das läuft auf jeden Fall parallel und unser Podcast ist unser Baby, also das, äh, dem

00:08:43.120 --> 00:08:44.280
 passiert so schnell nichts.

00:08:44.280 --> 00:08:48.680
 Ja, aber ich muss, ich muss auch nochmal sagen, also ich fand das, ähm, ich wusste gar nicht,

00:08:48.680 --> 00:08:52.420
 wo ich hingucken soll, so beim Stream, weil, äh, ich hab da irgendwie so eine Kamera hängen,

00:08:52.420 --> 00:08:57.220
 da seh ich irgendwie noch so mich selbst irgendwie drauf, ähm, dann möchte ich natürlich auch

00:08:57.220 --> 00:09:00.560
 irgendwo den Stream laufen haben, damit ich sehe, ähm, was kommt denn da überhaupt jetzt

00:09:00.560 --> 00:09:07.100
 genau an, ähm, weil ich nämlich das, das, äh, komponierte Bild, äh, was der Konstantin

00:09:07.100 --> 00:09:11.840
 baut bei sich mit OBS, ähm, das erst im Stream sehen kann und nicht vorher irgendwo sehe.

00:09:11.840 --> 00:09:15.940
 Genau, also für die Uneingeweihten, warum OBS, also OBS Studio ist so ein, so eine Streaming-Lösung

00:09:15.940 --> 00:09:20.340
 und wir sind jetzt doch da von unserem kleinen Tool nach diesem ersten Patzer, äh, bisschen

00:09:20.340 --> 00:09:21.920
 abgekommen und streamen jetzt damit.

00:09:21.920 --> 00:09:25.980
 Dann will ich auch den Konstantin sehen, also ich hab mehrere Bewegtbilder gleichzeitig,

00:09:26.300 --> 00:09:30.240
 die ich irgendwie im Blick halten muss und dann gibt's noch den Chat, der irgendwie sich

00:09:30.240 --> 00:09:33.080
 auch noch bewegt, wo man dann auch noch sehen will, wenn jemand was schreibt und da drauf

00:09:33.080 --> 00:09:36.400
 reagieren will, äh, und dann will man ja eigentlich auch noch über irgendein Thema

00:09:36.400 --> 00:09:38.000
 reden, muss ich das auch noch denken.

00:09:38.000 --> 00:09:41.660
 Und dann will man sich ja auch nicht blamieren, während man da was im Code zeigt, ja.

00:09:41.660 --> 00:09:46.100
 Ja, genau, also das ist, und, und dabei, und da muss ich sagen, ähm, der Konstantin hat

00:09:46.100 --> 00:09:49.980
 ja viel mehr im Code gezeigt als ich, ich hab ja nur so ein bisschen nebendran kommentiert,

00:09:49.980 --> 00:09:53.600
 äh, für mich war es eigentlich leichter und trotzdem fand ich es schon wahnsinnig, äh,

00:09:53.920 --> 00:09:56.280
 anstrengend irgendwie, da muss man sich, glaube ich, erst mal dran gewöhnen.

00:09:56.280 --> 00:10:00.280
 Wir machen hier, äh, normal so, so ein bisschen, ähm, wie soll ich sagen, wenn wir einen

00:10:00.280 --> 00:10:05.020
 Podcast machen, ist es so ein bisschen Single-Core, äh, wir, wir haben halt einen Prozess.

00:10:05.020 --> 00:10:07.160
 Und da ist halt Multithreading.

00:10:07.160 --> 00:10:11.300
 Genau, und da ist Multithreading gefragt und zwar nicht nur zwei oder sondern eigentlich

00:10:11.300 --> 00:10:12.060
 irgendwie so fünf.

00:10:12.320 --> 00:10:15.820
 Also ich bin, ich bin danach auch in so einem Zustand, als hätte ich irgendwie gerade

00:10:15.820 --> 00:10:20.560
 ein Workout gemacht, was eigentlich nie vorkommt, aber, aber ich, äh, aber ich war mal eine

00:10:20.560 --> 00:10:25.880
 Zeit lang im Fitnessstudio, ob man es glaubt oder nicht, und, äh, der Zustand danach, der

00:10:25.880 --> 00:10:26.740
 fühlt sich so ähnlich an.

00:10:26.740 --> 00:10:32.480
 Also ich bin einerseits völlig durch und andererseits, andererseits total pumpt, ja, so, so richtig

00:10:32.480 --> 00:10:37.520
 so, uh, ähm, ja, ist echt, aber es, aber es macht Spaß, auf jeden Fall.

00:10:37.520 --> 00:10:42.060
 Ja, also das, das Ganze wird, glaube ich, noch schlimmer, wenn wir dann irgendwelche Alerts

00:10:42.060 --> 00:10:43.740
 irgendwann haben, die wir dann noch einbauen werden.

00:10:43.740 --> 00:10:45.080
 Oh ja, und sonstige lustige Sounds.

00:10:45.080 --> 00:10:50.600
 Genau, falls du jetzt, ähm, dich fragst, was soll dieser ganze Käse behaupten, was ist,

00:10:50.600 --> 00:10:53.540
 was hat's denn, was ist denn dieses Twitch und was, was machen wir denn da?

00:10:53.540 --> 00:10:54.220
 Einfach mal vorbeifauen.

00:10:54.220 --> 00:10:57.180
 Sei beruhigt, bis vor drei Wochen wussten Moritz und ich das auch nicht.

00:10:57.180 --> 00:11:00.780
 Ja, genau, also wir, wir lernen jetzt, wir lernen jetzt im Prinzip, wie die Plattform Twitch

00:11:00.780 --> 00:11:03.520
 funktioniert, einfach durch Benutzen, das kann ich auch immer empfehlen.

00:11:03.520 --> 00:11:06.080
 Und durch unsere Zuschauerinnen, dankenswerterweise.

00:11:06.080 --> 00:11:09.400
 Genau, und dadurch, und dadurch, dass wir halt immer mal wieder fragen, ja, wie funktioniert

00:11:09.400 --> 00:11:11.960
 eigentlich das, wie funktioniert denn eigentlich das, wo ist denn der Knopf?

00:11:11.960 --> 00:11:15.100
 Und die sagen uns das dann immer, wir haben auch jetzt schon so ein bisschen befürchtet,

00:11:15.100 --> 00:11:18.740
 dass die uns dann irgendwie zu schlechten Twitch-Streamern machen, so einfach nur, um uns zu trollen,

00:11:18.740 --> 00:11:22.300
 weil wir denen jetzt erstmal alles glauben, was sie sagen.

00:11:22.300 --> 00:11:22.940
 Kann passieren.

00:11:22.940 --> 00:11:26.300
 Aber ja, wir haben schon ein total geiles Feedback gekriegt und, äh, wenn du jetzt wissen

00:11:26.300 --> 00:11:30.260
 willst, was hat's denn damit auf sich, ähm, und vielleicht mal fünf Minuten Zeit investieren,

00:11:30.260 --> 00:11:34.260
 möchtest, dann guck doch einfach mal vorbei auf twitch.tv slash wwsev.

00:11:34.260 --> 00:11:37.320
 Man muss sich auch nicht anmelden, also man kann sich auch einfach so zuschauen.

00:11:37.320 --> 00:11:41.600
 Man kann live zuschauen, ähm, äh, ohne sich anzumelden.

00:11:41.600 --> 00:11:44.600
 Man kann aber auch die alten Streams nochmal anschauen, ohne sich anzumelden.

00:11:44.600 --> 00:11:48.340
 Genau, auch auf YouTube, wir haben jetzt einen YouTube-Kanal, da ist der Stream noch drauf,

00:11:48.340 --> 00:11:50.100
 da ist jetzt der zweite Stream drauf.

00:11:50.100 --> 00:11:55.060
 Aber du würdest uns einen riesen Gefallen tun, wenn du uns folgen würdest bei Twitch,

00:11:55.060 --> 00:11:59.840
 falls du einen Account hast oder falls du noch keinen Account hast, ähm, würde es uns extrem

00:11:59.840 --> 00:12:04.140
 helfen, wenn du uns folgen würdest oder wenn alle, die das hören, uns folgen würden auf

00:12:04.140 --> 00:12:04.440
 Twitch.

00:12:04.840 --> 00:12:10.020
 Wie gesagt, äh, Account ist auch schnell angelegt, ähm, weil wir würden gerne Twitch-Affiliate

00:12:10.020 --> 00:12:14.540
 werden, also das ist dann so die, die, diese, also da kriegt man dann neue Funktionen dazu

00:12:14.540 --> 00:12:20.480
 bei Twitch, ähm, und hat dann auch die Möglichkeit, äh, über Twitch bespendet zu werden von den

00:12:20.480 --> 00:12:25.860
 Zuschauern und Zuschauerinnen. Ähm, und das geht aber erst, wenn man so ein paar, so ein paar, äh,

00:12:25.860 --> 00:12:30.500
 Dinge erreicht hat, und da, da gehört die Followerzahl dazu, und zwar müssen wir 50 Follower

00:12:30.500 --> 00:12:37.260
 erreichen, ähm, und wir haben momentan jetzt, glaube ich, gerade 25, und, äh, wenn, wenn

00:12:37.260 --> 00:12:41.720
 einfach, äh, jetzt jeder zweite, der das hört, das einfach macht, dann, dann, dann schaffen wir

00:12:41.720 --> 00:12:47.820
 das, äh, locker. Locker, locker, locker. Äh, und, äh, oder auch jeder, jeder fünfte reicht

00:12:47.820 --> 00:12:53.440
 wahrscheinlich auch. Ja. Genau. Genau, das, das wäre großartig, da, da sind wir euch

00:12:53.440 --> 00:12:59.680
 ewig dankbar, wenn ihr uns dabei helfen könntet. Ihr könnt auch dann, ähm, nach einem halben

00:12:59.680 --> 00:13:02.840
 Jahr den Account einfach wieder löschen, wir brauchen jetzt erstmal nur die Follower, aber

00:13:02.840 --> 00:13:05.360
 das solltet ihr natürlich nicht, ihr solltet uns natürlich dann weiter auf Twitch folgen

00:13:05.360 --> 00:13:11.940
 und da auch mal mit dabei sein. Jo. Ja, das war's eigentlich zum, zum Thema Stream, zu

00:13:11.940 --> 00:13:14.900
 unserem gemeinsamen. Das hab ich noch schön Werbung gemacht, die hab ich gar nicht geplant, aber ich war

00:13:14.900 --> 00:13:18.520
 gerade so, ich war gerade so. Ich hatte die für den Schluss angeplant, aber das passt

00:13:18.520 --> 00:13:21.900
 doch jetzt, hat jetzt wunderbar gepasst. Da haben wir einfach nochmal am Schluss. Genau, genau, doppelt hält

00:13:21.900 --> 00:13:28.160
 besser, und die Leute überspringen ja vielleicht, äh, wenn's ihnen zu lange geht. Keiner seit nie.

00:13:28.160 --> 00:13:30.680
 Hat noch nie gehört, dass es jemand zu lange geht. Nein, hat sich da jemand beschwert? Nee.

00:13:30.680 --> 00:13:37.000
 Nee, also wir haben schon Ärger gekriegt dafür, äh, dass unsere Folgen manchmal, äh, lang sind.

00:13:37.300 --> 00:13:55.420
 Deswegen versuchen wir jetzt heute, ne? Heute wird nicht so lange. Nee. Wir geben uns Mühe. So, und damit, äh, zum nächsten Retro-Punkt. Ähm, und ich darf schon wieder, ich glaube, ich red schon wieder so viel heute. Äh, ich hab einen, einen Rant der Woche wieder. Das hab ich ja so ein bisschen ins Leben gerufen, nachdem wir jetzt schon mehrfach hier in der Retro irgendwie, genau.

00:13:55.920 --> 00:13:58.360
 Ta-da! Der Rant der Woche.

00:13:58.360 --> 00:14:20.880
 Ähm, und zwar hat sich eines Morgens vor zwei Wochen, äh, hab ich mein Handy angemacht und es gingen plötzlich etliche Apps nicht mehr. Also so Instant Close draufgetippt, kurz auf, weißer Bildschirm, aus. Ähm, unter anderem halt meine Mail-App, wo ich auch Geschäftsmails drüber lese, äh, Type-App nutze ich da, äh, Amazon-App, DHL-Sendungsverfolgung, also alles.

00:14:21.220 --> 00:14:34.780
 Und dann hab ich, äh, meinem Bruder so geschrieben, ja, irgendwie kann ich meine Mails nicht mehr checken. Und dann sagt er, ach, äh, dann bin ich halt alleine. Und, äh, dann haben wir da so ein bisschen rumrecherchiert und stellt sich heraus, die System-Webview wurde geupdatet.

00:14:34.780 --> 00:14:49.580
 Aber Chrome noch nicht automatisch. Da stand zwar auch ein Update bereit, aber das hat sich irgendwie nicht automatisch installiert. Und dadurch gab das dann irgendwie Kompatibilitätsprobleme, weil diese Apps, wenn die dann solche Webviews nutzen, wurden anscheinend teilweise auch

00:14:49.580 --> 00:14:53.400
 dann trotzdem noch von Chrome irgendwas brauchen, obwohl ich eigentlich dachte, diese Webview

00:14:53.400 --> 00:14:59.620
 ist da nur halt dieser Wrapper. Ähm, aber wahrscheinlich zieht der dann von, von der Chrome-Library dann wieder irgendwas, äh, da rein.

00:14:59.620 --> 00:15:05.320
 Jedenfalls waren die Apps kaputt und das war halt echt ein Großteil und halt wirklich auch, was die Arbeit beeinträchtigt.

00:15:05.800 --> 00:15:13.280
 Und nachdem ich dann aber den rausgefunden hab, in dem, in dem Play Store, äh, dass da auch ein Update zur Verfügung steht für Chrome und das aktualisiert hab, zack, ging's wieder.

00:15:13.280 --> 00:15:16.160
 Aber ich finde halt, dass sowas dürfte eigentlich nicht passieren.

00:15:16.160 --> 00:15:23.180
 Also entweder würde ich erwarten, dass es einfach rückwärtskompatibel ist, das heißt, egal was für eine Version ich drauf hab, dann funktionieren halt neue Features von mir aus nicht.

00:15:23.280 --> 00:15:30.600
 Aber so an sich, die Grundfonditionalität ist gegeben. Ähm, oder halt irgendwie ein gescheites Dependency-Management für System-Apps.

00:15:30.600 --> 00:15:34.700
 Also es kann ja nicht sein, dass so eine essentielle App, dass da nicht irgendwie was hinterlegt ist von wegen,

00:15:34.700 --> 00:15:39.380
 naja, ich brauche Minimum-Chrome-Version, was haben wir jetzt, 89, 90 schon, weiß ich nicht.

00:15:39.720 --> 00:15:43.640
 Ja, ich brauche mindestens das und erst dann aktualisiere ich die Webview.

00:15:43.640 --> 00:15:50.520
 Vorher geht's nicht. Also, dass das überhaupt, dass dieser Fall überhaupt, dieses, dieser Zustand eintreten kann, das, das hat mich schon gewundert.

00:15:50.520 --> 00:15:53.460
 Mal abgesehen davon, dass Chrome sich hätte auch einfach selber aktualisieren dürfen.

00:15:53.460 --> 00:16:04.580
 Ähm, und, also selbst, selbst für den Fall, dass das gar nicht hätte auftreten sollen und jetzt irgendwie ein Glitch war, der halt unentdeckt und unbemerkt, äh, gewesen ist von Google,

00:16:04.980 --> 00:16:13.740
 dann muss ich sagen, also von einem Hersteller eines Mobilgeräte-Betriebssystems, da würde ich erwarten, dass die Test-Cluster entsprechend groß sind, ja.

00:16:13.740 --> 00:16:18.660
 Also es ist jetzt, es gibt sehr viele Geräte, ja, der Android, also das ist mit Sicherheit nicht einfach, ja.

00:16:18.660 --> 00:16:23.720
 So viele verschiedene Android-Geräte und jeder Hersteller kocht wieder sein eigenes Süppchen mit Systemanpassung und so, ist mir klar.

00:16:23.720 --> 00:16:31.680
 Und von, von irgendeiner Klitsche, von irgendeiner Start-up-Klitsche, äh, Start-up, von irgendeiner Start-up-Klitsche würde ich das auch nicht erwarten, ja.

00:16:32.100 --> 00:16:39.240
 Oder selbst auch von, von einem größeren Unternehmen, wie das, für das du arbeitest, da hab ich ja auch so ein bisschen, weiß ich ja auch, wie so Test-Cluster aussehen und so,

00:16:39.240 --> 00:16:47.920
 auch da ist klar, dass nicht jedes, aber ich mein, die, die, die erstellen dieses Betriebssystem, ja, und aktualisieren munter irgendwelche Betriebssystem-Komponenten

00:16:47.920 --> 00:16:54.600
 und da erwarte ich dann irgendwie schon, dass Geräte, die halt jetzt auch nicht irgendwelche No-Name-Geräte sind, dass die da in den Cluster mit abgedeckt sind, ja.

00:16:54.600 --> 00:17:05.420
 Also meins ist ein Honor 9, das hat jetzt auch schon ein paar Jährchen auf dem Buckel, okay, aber ist jetzt auch nichts irgendwie Außergewöhnliches und das von meinem Bruder ist ein Samsung Galaxy, ich weiß es gar nicht, S8, S9, ja.

00:17:05.660 --> 00:17:13.200
 Also auch jetzt nichts irgendwie komplett Absurdes und da würde ich irgendwie erwarten, dass das getestet ist und dass das einfach funktioniert und solche Probleme nicht, nicht entstehen.

00:17:13.800 --> 00:17:26.420
 Aber gut, es ist, wie es ist und es funktioniert und es war irgendwie nur eine Sache von einer Stunde, bis ich das dann raus hatte, wahrscheinlich nicht mal eine Stunde, aber jedenfalls nichts Gravierendes, aber es hat mich einfach genervt und ich dachte, eigentlich dürfte sowas nicht passieren.

00:17:26.420 --> 00:17:29.140
 Ja, Mensch.

00:17:29.140 --> 00:17:29.640
 Ja.

00:17:29.640 --> 00:17:34.400
 Ich hab's mitgekriegt, aber ich glaube, es hat mich nicht betroffen.

00:17:34.400 --> 00:17:40.420
 Also ich hab auch ein Android-Telefon, ich hatte aber keine Probleme in der Zeit.

00:17:40.420 --> 00:17:45.740
 Ich hab's über die Presse so ein bisschen mitverfolgt und hab mir an den Kopf gefasst und hab gedacht.

00:17:45.740 --> 00:17:50.660
 Ach, tatsächlich, das hat dann tatsächlich sogar in der Presse irgendwie, ach, das wusste ich gar nicht.

00:17:50.660 --> 00:17:52.400
 Durchaus hat das Wellen geschlagen.

00:17:52.400 --> 00:18:06.480
 Okay, als ich nämlich gegoogelt hab, da hab ich einen Beitrag gefunden von, ich glaube Februar 2021, also Februar dieses Jahr, wo das wohl schon mal irgendwie so der Fall war, aber ich hab nichts Aktuelles gefunden an dem Tag oder an dem Vormittag.

00:18:06.480 --> 00:18:08.140
 Es kann sein, dass du früh dran warst.

00:18:08.140 --> 00:18:15.760
 Dann hab ich wohl als einer der Ersten das so mitbekommen und dann gab's da, vielleicht hast du da irgendwie Heise oder Golem-Links, die wir dann noch in die Shownotes posten.

00:18:15.760 --> 00:18:21.820
 Ich suche, ich suche gerade, ja, da gibt's auf jeden Fall was, äh, es war diese Web-View, System-Web-View, ja.

00:18:21.820 --> 00:18:27.880
 System-Web-View, ich guck gerade, ja, keine Ahnung, müssen wir mal gucken, gibt's auf jeden Fall was.

00:18:27.880 --> 00:18:35.500
 Gut, das heißt also, ähm, es scheint nicht nur ich empfindlich zu sein und irgendwie da so eine Ausnahme gewesen zu sein, sondern das hat wohl schon, schon Wellen geschlagen.

00:18:35.500 --> 00:18:37.840
 Das hat sehr viele Leute betroffen offenbar, ja.

00:18:37.840 --> 00:18:39.280
 Interessant.

00:18:39.280 --> 00:18:51.240
 Ja, das hätte ich vielleicht gar nicht jetzt als Retro-Punkt, wenn das eh irgendwie die Hälfte der Leute sowieso hautnah mitbekommen haben, aber ich, wie gesagt, an dem Tag war ich wohl einer der Ersten oder sogar gab halt noch nix, äh, noch nix in den Veröffentlichungen.

00:18:52.520 --> 00:18:56.420
 Ja, okay, also für den Ding reichen wir nach, ähm, und dann darfst du jetzt.

00:18:56.420 --> 00:19:08.360
 Genau, ähm, ich hab nur einen kleinen Retro-Punkt heute, äh, und zwar ist das mein, ich weiß gar nicht, hab ich schon mal drüber gesprochen, über mein neues, äh, Gerät hier, das ich jetzt verwende, auch zum Podcast und so.

00:19:08.360 --> 00:19:10.320
 Also im Stream auf jeden Fall.

00:19:10.320 --> 00:19:12.420
 Im Stream hab ich, glaub ich, drüber gesprochen, ja.

00:19:12.420 --> 00:19:13.600
 Im Podcast weiß ich jetzt gar nicht.

00:19:13.600 --> 00:19:22.500
 Also ich wollte sagen, ähm, ich bin jetzt, äh, der stolze Besitzer eines MacBook Air mit M1-Prozessor, ähm, und, äh, ich, ich, ich,

00:19:22.500 --> 00:19:28.420
 war ja lange, ähm, nicht so unbedingt gut zu sprechen auf Apple, oder früher mal, für eine etwas längere Zeit.

00:19:28.420 --> 00:19:32.260
 Irgendwann hat sich das so neutralisiert und dann irgendwann hab ich gemerkt, ja, vielleicht ist er doch nicht so schlecht.

00:19:32.260 --> 00:19:45.640
 Ähm, und ich war immer ja sehr genervt, äh, von den Geräuschen, die mein alter Laptop gemacht hat, ähm, gerade, also, nee, eigentlich hat er immer Geräusche gemacht, es war halt so ein, äh, Gaming-Laptop von 2011, glaub ich.

00:19:45.640 --> 00:19:48.420
 Ähm, man hatte so das Gefühl, der Lüfter ist quasi nie aus.

00:19:49.600 --> 00:19:58.400
 Aber, ähm, ich hatte auch verschiedene, äh, Geräte letztes Jahr, ähm, mal gekauft, wo es so hieß, das sind jetzt so die, das sind jetzt so die Laptops, die man jetzt haben will.

00:19:58.480 --> 00:20:14.740
 Also, ich hatte mal so ein Dell, äh, XPS da, ähm, und auch mal einen Razer und, äh, keins von den Geräten hat's geschafft, einfach, ähm, vom Lüften her die Schnauze zu halten, wenn wir unsere Podcast-Situation hier hatten.

00:20:15.420 --> 00:20:25.640
 Also, das ging dann irgendwann so weit, dass ich gesagt hab, ähm, ich mach jetzt das Jitsi, über das wir uns jetzt gegenseitig sehen, ähm, einfach übers iPad und stell das nebendran, weil das dann auf jeden Fall still ist.

00:20:25.640 --> 00:20:35.760
 Das hat keinen Lüfter. Ähm, also keins dieser Geräte hat's geschafft, irgendwie leise zu bleiben, wenn ich, äh, hier unser, äh, Reaper am Laufen hab mit der Aufnahme und dann eben noch Video.

00:20:35.880 --> 00:20:38.140
 Aber ich glaub, in erster Linie, das Jitsi war da das Problem.

00:20:38.140 --> 00:20:50.380
 Jo, und jetzt, äh, hab ich dieses wunderbare kleine Gerät. Ich hab, ich hätte nicht gedacht, ähm, dass mir jetzt plötzlich jedes andere Gerät groß vorkommt, aber das hat ja nicht mal einen Lüfter und es läuft trotzdem alles flüssig.

00:20:50.380 --> 00:20:59.020
 Ich hab überhaupt gar kein Problem, ähm, es kann gar kein Geräusch machen und ich liebe diese Stille einfach. Es ist, es ist fantastisch und trotzdem ist dieses Gerät extrem schnell.

00:20:59.020 --> 00:21:07.840
 Also, was ich jetzt hier gerade offen hab, ist, äh, mehrere Browser, äh, Jitsi, äh, Reaper nimmt gerade fleißig auf, äh, über Studio Link schick ich meinen Sound woanders hin.

00:21:07.840 --> 00:21:22.340
 Ähm, und ich hab keinerlei Lags in irgendeiner Art und Weise. Also, ich merke, ich hab das Gefühl, es sind noch Ressourcen da, aber es interessiert mich eigentlich auch gar nicht, ob noch Ressourcen da sind, solange es irgendwie sich schnell verhält, äh, macht das Spaß.

00:21:22.800 --> 00:21:31.440
 Genau. Das ist so mein kleiner Retro-Punkt. Ich hab das Gefühl, ich bin so ein bisschen in einer friedlichen Welt jetzt angekommen, was, äh, Rechner angeht.

00:21:31.440 --> 00:21:32.860
 Genau.

00:21:32.860 --> 00:21:37.240
 Sehr schön. Endlich. Wurde ja Zeit. Hat ja lange genug gedauert.

00:21:37.560 --> 00:21:51.400
 Ich hab ja, also, ich hör vielleicht zur Vorgeschichte, ich such eigentlich schon nach einem Nachfolger für mein altes Laptop seit vier Jahren oder so und hatte schon diverse Geräte zu Hause und hab sie getestet und war am Ende immer unzufrieden.

00:21:51.400 --> 00:22:02.080
 Und, äh, jetzt, jetzt ist es soweit, glaube ich, jetzt, äh, hab ich was gefunden. Keine Ahnung, was passiert, wenn jetzt dann irgendwann im Laufe des Jahres die neuen MacBook Pros rauskommen sollten.

00:22:02.080 --> 00:22:07.600
 Ja, dann willst du wie jeder Apple-Mensch, äh, natürlich sofort das neueste Gerät haben, ist doch ganz klar.

00:22:07.600 --> 00:22:25.760
 Na klar, natürlich will ich das dann. Ähm, weil ich würde mich echt freuen, oder ich bin echt gespannt, was da vielleicht für neue Designs kommen, weil das, das ist irgendwie die, äh, die Leaker, äh, sagen vorher, dass, äh, die neuen MacBook Pros, ähm, dass die auf jeden Fall irgendwie dann mal so ein bisschen weniger Rand am, am Display kriegen.

00:22:25.760 --> 00:22:45.840
 Äh, ich bin da durchaus sehr gespannt, verfolge das, hab aber jetzt gesagt, nee, ich brauche jetzt ein neues Gerät, ich will jetzt was, ich will jetzt was reißen damit und hab jetzt mir das einfach noch schnell gekauft und hab nicht mal die größte Ausstattung, sondern ich hab jetzt, äh, nur irgendwie 8 GB RAM und, äh, 512 GB, äh, SSD.

00:22:45.920 --> 00:23:08.160
 Okay, aber ich hab gedacht, naja, ich probier's jetzt mal wieder mit was Kleinem, also hab mal genau das Gegenteil gemacht von dem, was ich vorher so hatte, wenn du so ein Razer Gaming Laptop dagegen hältst, äh, das hat dann irgendwie eine, eine GeForce RTX Grafikkarte drin und, und 32 GB RAM oder, oder 16, ich weiß nicht genau und so, äh, das heißt, nee, einfach mal jetzt genau das Gegenteil, ich bin echt tatsächlich sehr zufrieden damit, was mich selbst überrascht.

00:23:08.820 --> 00:23:09.180
 Ja.

00:23:09.180 --> 00:23:10.200
 Sehr schön.

00:23:10.200 --> 00:23:11.580
 Und der Nachbar kocht, ich riech es.

00:23:11.580 --> 00:23:12.600
 Mmh.

00:23:12.600 --> 00:23:13.520
 Ist gut?

00:23:13.520 --> 00:23:16.200
 Ich weiß nicht, irgendwas mit Kartoffeln, glaub ich.

00:23:16.200 --> 00:23:16.440
 Okay.

00:23:16.440 --> 00:23:32.580
 Dann, äh, hab ich noch einen, einen Retro-Punkt, der ist eigentlich schon fast, fast eine Property der Woche, aber es ist eine kleine Code-Pen-Bastelei und das stellen wir ja auch immer so gerne hier vor, in den Retros, wenn wir ein bisschen was gebastelt haben und, äh, du kannst auch mal draufgehen auf, äh, wenn du es nicht schon gesehen hast.

00:23:32.580 --> 00:23:33.760
 Nein, ähm.

00:23:33.760 --> 00:23:34.280
 Ähm, ich nicht.

00:23:34.760 --> 00:23:43.060
 Genau, ich hatte das auch, äh, getwittert und zum ersten Mal, ich hab mir jetzt auf dev.to so einen Account angelegt, dachte, teilst das da auch, weil Code-Pen gesagt hat, oh, guck mal, teile doch auf dev.to.

00:23:43.060 --> 00:23:43.940
 Ah, richtig.

00:23:43.940 --> 00:23:45.000
 Hab ich halt mal gemacht, ja.

00:23:45.000 --> 00:23:49.700
 Und darüber kam nämlich dann auch Feedback und da komme ich dann nachher noch dazu, deswegen wird's dann fast schon, schon eine Property der Woche.

00:23:50.220 --> 00:24:00.780
 Aber jedenfalls, ähm, also was man da sieht, ist, äh, so ein grauer Kreis mit einer Prozentzahl drin und da läuft dann so ein außen, so ein farbiger Kreis außenrum, äh, und die Prozentzahl erhöht sich.

00:24:00.840 --> 00:24:07.220
 Also es ist ein End-Progress-Loader, ein, ich hab's mal Single-Element-Circle-Progress-Loader, Loader genannt.

00:24:07.220 --> 00:24:15.040
 Und, äh, das, ich hatte sowas ähnliches mal irgendwo gesehen, schon vor einer Weile, aber wollte ja nicht einfach klauen, sondern ich hab dann gedacht, oh komm, baust du sowas doch mal selber.

00:24:15.040 --> 00:24:20.880
 Und ich wollte's halt vor allem, als ich hatte da gesehen, dass es mit SVG gemacht, ähm, komm ich auch noch dazu, wie man das normalerweise machen würde.

00:24:21.120 --> 00:24:30.380
 Ich wollte aber halt einfach, ne, weil, genauso wie so aus dem Grund, warum man CSS-Art macht, war einfach, man will's halt mal ausprobieren und, äh, testen und einfach nur Proof-of-Concept, Hauptsache es funktioniert.

00:24:30.380 --> 00:24:35.180
 Und ich wollte halt so ein Single-Element-Lösung haben und halt auch gucken, funktioniert das überhaupt oder kommt man da einfach nicht hin.

00:24:35.180 --> 00:24:43.980
 Es gibt ja manche Fälle, du denkst, naja, das muss doch irgendwie Single-Element-mäßig gehen und dann stellst du halt fest, aus dem und dem Grund, äh, kommt man einfach nicht zur Rande, man braucht irgendwie doch noch was.

00:24:43.980 --> 00:24:49.400
 Jedenfalls hab ich das gebastelt und hab das, ähm, ja genau, ich erklär mal ein bisschen, wie ich das gemacht hab.

00:24:49.400 --> 00:25:01.500
 Also das ist, äh, mein klar, Kreis macht man inzwischen einfach mit, mit Border-Radius 50%, ähm, und dann da drin positioniert mit, äh, ich weiß gar nicht, ob es im Before oder im After ist, muss ich jetzt selber nochmal gucken, ähm, die, die Prozentzahl.

00:25:01.500 --> 00:25:05.160
 Und dann hab ich mir die Frage gestellt, ja, wie mach ich das mit diesem äußeren Ring?

00:25:05.160 --> 00:25:19.380
 Und, äh, wie ich's jetzt gelöst hab, ist, ich hab den Radial-Gradient genommen, der in der Mitte transparent ist, bis zu dem grauen Ring, und dann den Rest bis so ein Stückchen drüber hinaus, also das hat dann eine Größe von, ich weiß gar nicht, 105%, oder was ich genau.

00:25:19.400 --> 00:25:27.080
 hab, ähm, also es ist ein bisschen, bisschen größer halt als der, als das eigentliche Element, und, äh, das letzte Stück ist dann eben in einer anderen Farbe.

00:25:27.720 --> 00:25:44.220
 Und das hatte recht schnell funktioniert und war eigentlich recht straightforward, wie ich das machen könnte, ähm, dann hab ich mir gedacht, okay, wie mach ich das jetzt mit, äh, also wie krieg ich den hin, dass der so, äh, rund läuft, und dass der so nach und nach halt sich auffüllt, die kompletten 360 Grad.

00:25:44.280 --> 00:25:51.180
 Und bin dann gelandet bei Mask-Image, ich weiß gar nicht, wir hatten's, glaub ich, auch schon mal drüber in irgendeiner Folge bei Mask-Image.

00:25:51.180 --> 00:26:00.740
 Und dieses Mask-Image ist wiederum kein wirkliches Bild, sondern generiert aus einem Conic-Gradient, auch den hatten wir schon mal, weil der relativ neu ist, soweit ich mich erinnere.

00:26:01.420 --> 00:26:08.780
 Ähm, deswegen, also ich hab auch geschrieben in der Beschreibung hier, äh, vor, vor Modern-Browsers, ja, also mit IE-Browser das Ding gar nicht, gar nicht versuchen anzuschauen.

00:26:08.780 --> 00:26:15.540
 Und wahrscheinlich auch wirklich erst mit so ein, zwei Versionen, oder, ja, paar mehr Versionen, äh, zurück von den aktuellen Evergreen-Browsern.

00:26:16.100 --> 00:26:24.560
 Ähm, jedenfalls ist das, wie gesagt, ein Conic-Gradient, ähm, und dessen Werte wiederum mit Calc aus der Progress-Variablen berechnet.

00:26:24.560 --> 00:26:33.140
 Also das ist eine CSS-Variable Progress, die dann tatsächlich diesen Wert, wie viel Prozent das jetzt fertig ist, ähm, an den, an das Element übergibt.

00:26:33.140 --> 00:26:42.100
 Und das benutze ich dann in Calc entsprechend, äh, auf Prozent ausgerechnet, ähm, also durch 100 und dann mal, äh, 360 Degree.

00:26:42.100 --> 00:26:44.480
 Und dadurch funktioniert das dann.

00:26:45.560 --> 00:26:50.480
 Und, äh, also Farbe, Farbe und Progress, wie gesagt, beides über, ähm, CSS-Variablen gesteuert.

00:26:50.480 --> 00:26:52.540
 Und dann gab's aber noch so einen kleinen Stolperstein.

00:26:52.540 --> 00:26:57.660
 Und zwar wollte ich, ich brauch ja den Progress als Zahl, weil ich muss ja damit rechnen in der, der Calc-Funktion.

00:26:57.660 --> 00:27:06.480
 Das heißt, ich übergebe da einfach mal nur Zahl und wollte dann aber in der Mitte das natürlich über die gleiche Variable befüllen als String, ähm, im Content.

00:27:06.480 --> 00:27:15.020
 Also das ist dann im, im, wie gesagt, ich weiß gar nicht, ob's before oder after ist, äh, warte mal, die Zahl, äh,

00:27:15.020 --> 00:27:20.900
 Also bei after ist so, äh, after ist Content-Counter-Progress.

00:27:21.000 --> 00:27:28.780
 Ja, genau, genau, ah ja, genau. Ähm, da ist eben in dem after ist das, ist das, äh, die Prozentzahl ist im after.

00:27:28.780 --> 00:27:36.800
 Ähm, äh, äh, äh, genau. Äh, das bringe ich mich selber raus.

00:27:37.800 --> 00:27:42.980
 Und da gab's diesen Stolperstein, ich wollte, das wollte eine, äh, eine Variable haben und damit beides abdecken.

00:27:42.980 --> 00:27:54.680
 Und das Problem ist, was ich jetzt festgestellt hab, man kann eine CSS-Variable, die eine Zahl enthält, also nicht in den Anfangstrichen, wirklich eine Strings, sondern wirklich eine Zahl, ähm, kann man nicht im Content-Property verwenden.

00:27:54.680 --> 00:28:01.400
 Also das wird dann nicht automatisch als String gecastet. Ist ein bisschen schade, weil wäre jetzt das, was man erwarten würde, was passiert.

00:28:02.340 --> 00:28:07.400
 Aber zum Glück bin ich dann auf einen Workaround gestoßen, ähm, und zwar Counter-Reset, das Property.

00:28:07.400 --> 00:28:15.480
 Da mach ich dann ein Counter-Reset, äh, auf, stelle da einen CSS-Counter. Ich glaub, über CSS-Counters hatten wir's auch schon mal irgendwann.

00:28:15.480 --> 00:28:16.920
 Ähm, und...

00:28:16.920 --> 00:28:18.260
 Das ist so eine Wissenschaft für sich.

00:28:18.260 --> 00:28:22.000
 Ja, den befürchtet, also damit kann man so Sachen machen wie, ach genau, da hatten wir's mal über Listen.

00:28:22.000 --> 00:28:28.740
 Über Listen, die nicht mit 1, mit 1 anfangen, also so OL-Listen, die nicht mit 1 anfangen, sondern mit einer anderen Zahl.

00:28:28.740 --> 00:28:31.380
 Oder sogar negativ geht, glaub ich, auch. Das macht man mit diesen Countern.

00:28:31.380 --> 00:28:39.220
 Und in dem Fall ist das so ein bisschen ein Hack. Also ich mach den Counter-Reset und setze den CSS-Counter mit dem Namen Progress auf die Progress-CSS-Variable.

00:28:39.780 --> 00:28:54.180
 Und dann kann ich im Content nämlich sagen, Content und dann Counter als CSS-Funktion, Progress, kann ich mir dann den Counter reinladen und den kann ich dann konkatenieren, also zusammenfügen mit dem Prozentzeichen.

00:28:54.180 --> 00:28:55.440
 Und dann funktioniert's.

00:28:55.440 --> 00:29:05.600
 Also da hab ich in diesem kleinen Anwendungsfall wieder jede Menge gelernt und wieder festgestellt, dass so eigentlich simpel erscheinende Dinge halt doch nicht so simpel zu realisieren sind oft.

00:29:05.600 --> 00:29:07.760
 Und man da irgendwie Sachen übersieht.

00:29:08.340 --> 00:29:12.940
 Und jetzt wollte ich auch noch sagen, ja an sich ist das ja nur, ne, das sind zwei Kreise ohne Zahl.

00:29:12.940 --> 00:29:14.820
 Ja gut.

00:29:14.820 --> 00:29:22.980
 Genau, also anderer Ansatz wäre, und so macht man das üblicherweise, ein SVG und dann gibt's da das Property Stroke-Dash-Array.

00:29:22.980 --> 00:29:28.520
 Das heißt, das ist eine Linie, die unterbrochen ist, also wie jetzt Border-Style-Dash.

00:29:28.520 --> 00:29:34.740
 Und die animier ich dann. Also da kann ich sagen, wie lang ist so ein Strich und wie lang ist das dazwischen.

00:29:35.180 --> 00:29:41.200
 Und dann kann ich quasi das so verschieben mit einem Offset, dass die Linie gar nicht sichtbar ist.

00:29:41.200 --> 00:29:45.200
 Und dann schiebe ich die so lange raus, bis quasi der komplette Kreis gefüllt ist.

00:29:45.720 --> 00:29:51.380
 Also so sieht man das öfter, auch wenn irgendwelche Linien animiert werden in SVG, dann ist das oft Stroke-Dash-Array.

00:29:52.780 --> 00:29:58.960
 Und das hat einen Vorteil, und zwar den Vorteil, dass die Bewegung von dem Kreis, der sich dann da aufbaut, schön flüssig ist.

00:29:58.960 --> 00:30:04.840
 Und den Nachteil hat man eben bei meiner Lösung, dass das so ein bisschen, ne, das ist halt wirklich schrittweise.

00:30:04.840 --> 00:30:08.220
 Jedes Mal, wenn der Counter sich erhöht, dann springt es direkt zu dem neuen Zustand.

00:30:08.800 --> 00:30:18.580
 Aber auch dafür gibt es ein Workaround. Und zwar würde man dann einfach den Progress als Float und nicht als Integer übergeben, als CSS-Variable.

00:30:18.580 --> 00:30:20.260
 Und einfach öfter aktualisieren.

00:30:20.620 --> 00:30:26.400
 Ja, sodass ich dann halt 12,253% hab und dann 12,5 und 12,74.

00:30:26.400 --> 00:30:29.560
 Und dann hast du es kleinschrittiger und dann sieht das auch flüssig aus.

00:30:29.560 --> 00:30:31.500
 Musst du halt gucken, dass das so oft aktualisiert wird.

00:30:31.500 --> 00:30:37.920
 Je nachdem, wenn du ein Framework halt von 60 FPS haben willst, musst du halt wirklich 60 Mal die Sekunde das auch aktualisieren.

00:30:37.920 --> 00:30:40.640
 Aber so flüssig muss es ja wahrscheinlich gar nicht sein.

00:30:40.640 --> 00:30:45.880
 Und das hätte dann wiederum auch den Vorteil, dass man für die Darstellung gar keine, also man hat ja eh zwei Variablen dann.

00:30:45.880 --> 00:30:54.220
 Du würdest ja, die Prozentzahl würdest du ja trotzdem runden wollen, weil du willst ja dann nicht 12,374% drinstehen haben, sondern dann halt trotzdem nur 12.

00:30:54.220 --> 00:31:00.820
 Dann hätte man eh wieder zwei CSS-Variablen und dann wäre auch dieser Workaround mit dem Counter nicht mehr, der wäre dann hinfällig.

00:31:00.820 --> 00:31:08.180
 Aber ich wollte das, so weit wollte ich dann doch nicht gehen und hab das jetzt einfach als Proof of Concept mal so in die Runde geschmissen.

00:31:08.180 --> 00:31:15.820
 Und unser ehemaliger Kollege Alex hat dann einen wichtigen oder zwei wichtige Accessibility-Hinweise noch geliefert.

00:31:15.880 --> 00:31:20.160
 Ich bin ja da immer so noch ein bisschen, noch nicht so ganz im Bilde, wie man die Sachen perfekt löst.

00:31:20.160 --> 00:31:22.440
 Und du hättest das wahrscheinlich auch direkt gefunden.

00:31:22.440 --> 00:31:26.700
 Und zwar hat er einmal gesagt, ja mach es doch als Progress Element auch tatsächlich.

00:31:26.700 --> 00:31:28.020
 Es ist jetzt in dem Fall ein Span.

00:31:28.020 --> 00:31:31.020
 Oder füge wenigstens Roll Progress Bar hinzu.

00:31:31.020 --> 00:31:35.120
 Progress Element ging nicht, weil ich das nicht so umgestylt bekommen habe.

00:31:35.120 --> 00:31:37.060
 Das ist wie so ein Select umstylen so ein bisschen.

00:31:37.060 --> 00:31:40.920
 Das ging einfach nicht, das so umzustylen, dass es am Schluss so gepasst hätte.

00:31:41.000 --> 00:31:42.680
 Ich hatte immer irgendwie so einen grauen Hintergrund oder so.

00:31:42.680 --> 00:31:45.980
 Oder vielleicht habe ich einfach nicht genug versucht, das hinzubekommen.

00:31:45.980 --> 00:31:49.020
 Aber wie gesagt, mit Roll Progress Bar, das habe ich direkt noch hinzugefügt.

00:31:49.020 --> 00:31:54.080
 Dann weiß der Screen Reader oder die andere Accessibility-Software, okay, das ist ein Progress.

00:31:54.080 --> 00:31:55.580
 Und dann gibt es noch was.

00:31:55.580 --> 00:31:59.860
 Und da frage ich dich mal, ob du das kennst, ob das dir bekannt ist, ARIA Live.

00:32:01.380 --> 00:32:04.960
 Ja, genau, ARIA Live ist ein Accessibility-Attribut.

00:32:04.960 --> 00:32:07.120
 Du willst natürlich die Updates auch announcen, ne?

00:32:07.120 --> 00:32:08.240
 Richtig, genau.

00:32:08.240 --> 00:32:12.260
 Und in dem Fall gibt es da drei Settings.

00:32:12.260 --> 00:32:13.860
 Also Off ist der Default-Wert.

00:32:13.860 --> 00:32:16.940
 Das heißt, der Screen wieder beachtet das gar nicht, richtig?

00:32:16.940 --> 00:32:19.440
 Wow.

00:32:19.440 --> 00:32:23.640
 Oder fällt der dann auf eine Standardlösung irgendwie zurück?

00:32:23.640 --> 00:32:27.440
 Da muss ich ganz ehrlich sagen, ich habe es selten eingesetzt.

00:32:27.440 --> 00:32:27.720
 Okay.

00:32:27.720 --> 00:32:30.280
 Ich kenne die grobe, also Assertive, glaube ich.

00:32:30.280 --> 00:32:35.920
 Also so, wie ich es verstanden habe, würde das, ja, beziehungsweise, gut, aber komplett ignorieren kann er es nicht.

00:32:35.920 --> 00:32:40.460
 Er würde wahrscheinlich den Standardwert, der initial drin steht, vielleicht vorlesen.

00:32:40.460 --> 00:32:41.700
 Weiß ich jetzt nicht genau.

00:32:41.700 --> 00:32:44.080
 Also er wird es wahrscheinlich nicht, ja genau.

00:32:44.080 --> 00:32:45.500
 Davon gehe ich auch aus.

00:32:45.500 --> 00:32:47.460
 Er würde es wahrscheinlich nicht verstecken.

00:32:47.460 --> 00:32:51.220
 Genau, weil sonst machen die anderen beiden Settings, die anderen beiden Settings machen sonst keinen Sinn.

00:32:51.220 --> 00:32:54.200
 Weil dann wäre eine von den anderen beiden Settings quasi der Default-Fall.

00:32:54.200 --> 00:32:58.140
 Es gibt natürlich noch Polite, das ist das, was er vorgeschlagen hat, was ich auch eingesetzt habe.

00:32:58.140 --> 00:33:07.320
 Das heißt, der Screenreader liest die Änderungen dann vor, wenn der Benutzer idle ist, wenn der gerade keine Aktionen ausführt, sodass er nicht irgendwie ständig da attackiert wird.

00:33:07.320 --> 00:33:09.680
 Achtung, jetzt sind es 74,3 Prozent.

00:33:10.480 --> 00:33:16.620
 Und Assertive, und Assertive macht eben genau das, das ist besonders wichtig, Screenreader liest wirklich jede Änderung vor.

00:33:16.620 --> 00:33:27.500
 Und das wäre natürlich, also das wäre in dem Fall katastrophal, ja, also ich will jetzt wirklich nicht bei, gerade wenn ich jetzt diese, wenn ich das jetzt mit dieser höheren Auflösung der Animation oder des Updates mache, das wäre ja irre.

00:33:27.500 --> 00:33:32.760
 Naja, es kommt, ich würde sagen, es kommt drauf an, was diese Animation macht.

00:33:32.760 --> 00:33:41.820
 Gut, wenn die Animation wirklich den kompletten Zustand einer App oder sowas lädt und sonst nichts zu sehen ist, dann will ich vielleicht tatsächlich jedes Update haben.

00:33:41.820 --> 00:33:44.820
 Wobei, selbst dann wäre ich trotzdem für idle.

00:33:44.820 --> 00:33:52.260
 Also wenn der Benutzer irgendwas macht, weiß nicht, ob er da unbedingt jedes Mal reingekrätscht bekommen muss, dass er jetzt irgendwie, dass er sich da was verändert hat.

00:33:52.940 --> 00:33:59.360
 Wie sinnvoll das ist, naja, dazu müsste man einfach mal einen Test machen und mal gucken, wie es anhört, wie sinnvoll das ist, muss man sich dann überlegen.

00:33:59.360 --> 00:34:09.580
 Ich weiß eh nicht, wie sinnvoll es generell ist, wenn man zu viel über den State irgendwie so anzeigt, keine Ahnung.

00:34:09.580 --> 00:34:17.300
 Aber es kann auf jeden Fall schon interessant sein, ja, ich weiß gar nicht, Progress Bar, also kannst du sagen, wofür du es gebaut hast?

00:34:17.500 --> 00:34:24.360
 Also eigentlich war das gar nicht als Progress Bar gedacht, sondern so ein bisschen, um was anderes prozentual anzuzeigen.

00:34:24.360 --> 00:34:29.820
 Also so ein bisschen wie ein Pie-Chart, aber es gibt quasi immer nur, es gibt nur 0 und 1, ja, es gibt nur zwei Zustände.

00:34:29.820 --> 00:34:37.940
 Und um da nicht jetzt jedes Mal so ein volles Pie-Chart zu haben, war das einfach so quasi, wie viel Prozent sind denn davon betroffen oder so, ja.

00:34:38.600 --> 00:34:52.460
 Dafür war das eigentlich gedacht, gar nicht mal jetzt wirklich als Loader, aber es ist halt eigentlich klassisch eher so ein Loader oder halt wirklich, keine Ahnung, eine WESM-Anwendung, ja, die erstmal irgendwie 50 MB WESM-Datei runterlädt und ansonsten noch nichts machen kann, ja.

00:34:52.460 --> 00:34:58.520
 Was macht man dann? In dem Fall möchte man schon darstellen, was passiert jetzt gerade und es lädt irgendwas und wie lange dauert es noch etwa.

00:34:58.520 --> 00:35:04.420
 Wenn es so ein Widget ist irgendwo, dann möchte ich vielleicht gar nicht, weil da möchte ich vielleicht eigentlich nur announced haben, ist jetzt geladen.

00:35:04.420 --> 00:35:05.340
 Genau, genau.

00:35:05.340 --> 00:35:11.080
 Also da interessiert mich die Zahl zwischendrin wahrscheinlich überhaupt gar nicht, weil wieso muss ich das jetzt wissen, ja.

00:35:11.080 --> 00:35:20.820
 Aber es ist jedenfalls echt interessant, wenn man da nicht so tief drin ist in der Accessibility-Geschichte, wenn man dann mal sieht, wie viele Möglichkeiten es da gibt und was es alles zu beachten gibt.

00:35:20.820 --> 00:35:37.060
 Alter Schwede Hut ab vor jedem, der sich da wirklich gut mit auskennt. Also so Geschichten, ja, da denkt man einfach als sehender Mensch, der nicht betroffen ist und der auch nicht irgendwie Accessibility geschult ist speziell, man denkt da einfach nicht dran und das ist, ja, schade.

00:35:37.060 --> 00:35:49.760
 Ich muss zugeben, auch wenn ich mich viel damit beschäftige, ich beschäftige mich leider auch nicht Vollzeit damit. Also ich mache auch viel, viel normalen Webkram in Anführungsstrichen, sag ich mal. Und ich denke oft auch manchmal nicht dran.

00:35:49.760 --> 00:36:02.280
 Ich habe so verschiedene, ich habe das Gefühl, ich habe immer so verschiedene Persönlichkeiten und ich wechsle zwischen denen hin und her. Und wenn ich gerade nicht die Accessibility-Persönlichkeit habe, dann vergesse ich sowas auch.

00:36:03.380 --> 00:36:11.040
 Oder denk nicht an die einfachsten Dinge manchmal. Es ist, ja, vielleicht ist es auch einfach nur das Alter und mein dahin siechendes Gehirn.

00:36:11.040 --> 00:36:11.360
 Ach je.

00:36:11.360 --> 00:36:12.040
 Keine Ahnung.

00:36:12.040 --> 00:36:23.220
 Nee, ich glaube, es ist einfach so, wenn man, wenn man, ja, Accessibility besteht oder sich mit Accessibility damit auseinandersetzen, besteht meistens darin, dass man sich was genau anguckt.

00:36:24.500 --> 00:36:42.320
 Aber manchmal muss man auch einfach vorankommen mit dem Code und sich dann hinterher nochmal den Accessibility-Hut aufsetzen und dann sich, auch wenn ich was baue, ist das nicht immer sofort gleich mit dabei, sondern manchmal brauche ich schnell Ergebnisse, baue dann was und gucke es mir hinterher nochmal an und sage, okay, jetzt gehe ich nochmal mit dem Screenreader drüber und schaue mal, wie sie es anhört.

00:36:42.320 --> 00:36:49.300
 Ich kenne auch, wenn ich, ich bin ganz ehrlich, ich kenne nicht jede ARIA-Eigenschaft und weiß ganz genau, wie sie funktioniert.

00:36:49.300 --> 00:36:50.780
 Jetzt bin ich aber enttäuscht.

00:36:51.300 --> 00:36:56.920
 Weil mit manchen, mit manchen davon, nö, also bin ich, bin ich ganz offen, überhaupt kein Problem.

00:36:56.920 --> 00:37:14.320
 Ja, wie könntest du auch, also das ist wie jemand, der, der sagt, er kann, er kennt alles aus, er kennt alles von JavaScript, ja, er kennt, das ist ja immer auf so, ja, auf so Dev-Portfolios oder auch auf Bewerbungsschreiben so, so und so viel Prozent JavaScript, so und so viel Prozent CSS, so und so viel Prozent HTML5, also, ist ja Quatsch.

00:37:14.660 --> 00:37:22.940
 Also jetzt gerade, was du jetzt erwähnt hast, ähm, was war das, ARIA-Progress oder irgendwie ARIA-Roll-Progress und, äh, und ARIA-Live.

00:37:22.940 --> 00:37:41.220
 Also, das hätte ich jetzt zum Beispiel nicht gewusst, dass es das gibt, aber, ähm, ich hätte es mir denken können, dass es das gibt, weil eigentlich so ziemlich alles, was du in HTML mit Semantik abbilden kannst, dafür gibt es auch eine ARIA-Entsprechung, weil eben genau dafür ARIA da ist, dass man, wenn ich keinen Einfluss darauf habe, was für ein HTML-Element verwendet wird,

00:37:41.440 --> 00:37:46.280
 ich eben dem trotzdem die semantische Information so notfallmäßig noch dran tackern kann.

00:37:46.280 --> 00:37:46.660
 Ja.

00:37:46.660 --> 00:37:49.960
 Wenn ich irgendwie kann, sollte ich aber immer das native HTML verwenden.

00:37:49.960 --> 00:37:50.080
 Naja, klar.

00:37:50.080 --> 00:37:50.380
 Naja, klar.

00:37:50.380 --> 00:38:00.680
 Und deswegen, äh, das ist auch einer der Gründe, warum ich mich, glaub ich, äh, mit, mit, mit viel ARIA, ähm, Geschichten nicht kenne, weil ich sie, versuche, sie nicht zu verwenden.

00:38:00.680 --> 00:38:01.160
 Naja, klar.

00:38:01.160 --> 00:38:08.920
 Also, ich versuche immer, semantisches HTML zu verwenden, soweit es geht, weil da die Rollen einfach, äh, schon fest mit eingebaut sind. Ich muss mich da gar nicht drum kümmern.

00:38:09.440 --> 00:38:15.420
 Und dieses ARIA Live, das ist aber was, was einem immer mal wieder begegnet, weil man hat immer mal wieder so den Fall, dass ein State Change irgendwie ist.

00:38:15.820 --> 00:38:22.600
 Oder es wird jetzt, äh, Klassiker wäre, äh, ich hab irgendwie, ich krieg eine Errormeldung rein, die aber asynchron geladen wird.

00:38:22.600 --> 00:38:32.080
 Da möchte ich unbedingt, äh, unbedingt, äh, da würde ich dann auch assertive nehmen, da muss ich unbedingt dem Nutzer Bescheid sagen jetzt, äh, du, da ist jetzt grad irgendwie, da ist jetzt grad ein Fehler passiert.

00:38:32.300 --> 00:38:33.200
 Was machen wir jetzt damit?

00:38:33.200 --> 00:38:43.820
 So, ne, ähm, aber in deinem Fall würde ich wahrscheinlich sogar fast sagen, je nachdem, was es ist, ähm, gar nicht announcen oder nur sagen, ähm, übrigens, ich muss da jetzt was runterladen und dann, ach ja, ich bin jetzt fertig, ich weiß nicht.

00:38:44.240 --> 00:38:48.180
 Gut, aber, äh, ich bin auch niemand, der, der den Screenreader nutzen muss.

00:38:48.180 --> 00:38:54.320
 Falls jetzt jemand den Podcast hört und sagt, ey, für mich wäre das eine total wichtige Information, dann bitte mal in die Kommentare schreiben.

00:38:54.320 --> 00:38:56.920
 Ähm, ich glaub, da braucht doch jeder was anderes.

00:38:57.060 --> 00:39:05.760
 Und ich, ich find's, äh, auch, auch wenn ich mich mit Accessibility beschäftige, ähm, oft schwer, mich zu 100 Prozent in jemanden reinzuversetzen, der diese Technologie wirklich braucht.

00:39:05.760 --> 00:39:07.180
 Klar, kannst du, glaub ich, auch nicht.

00:39:07.180 --> 00:39:21.100
 Genau, ich bin da immer drauf angewiesen, auf Feedback, äh, von Leuten, die Screenreader benutzen und ich bin da auch immer sehr dankbar, wenn die dann sagen, ey, ähm, da an der Stelle, da ist das noch nicht so optimal, mach, mach doch mal, da bräuchte ich irgendwie das und dann, äh, kann man da auch irgendwie drauf reagieren.

00:39:21.100 --> 00:39:28.420
 Also, ich seh mich da mehr so als Advocate, weniger als, äh, weniger als der betroffene Anwender. Ich bin da immer sehr dankbar, äh, über Feedback an der Stelle.

00:39:28.420 --> 00:39:37.940
 Also, wenn ihr mal was findet, auch auf unserer Seite oder so und, äh, ihr Screenreader-Nutzer seid und da ist irgendwas komisch, ähm, dann bitte mal Bescheid sagen, weil ich hab nicht immer alle Hüte auf.

00:39:37.940 --> 00:39:40.880
 Ich hab manchmal viele auf, aber nicht immer alle.

00:39:40.880 --> 00:39:49.660
 Genau, ja, aber cool. Ähm, was mich jetzt noch interessieren würde an der Stelle, also, ich find, ich find die technische Lösung total interessant.

00:39:49.660 --> 00:40:01.040
 Ähm, ich hab mir das angeguckt und hab erstmal gedacht, wow, gar nicht mal so einfach. Ähm, diese DevTO-Geschichte, ähm, was für eine, wie, wie, was für eine Erfahrung hast du da gemacht?

00:40:01.040 --> 00:40:03.620
 Hast du da jetzt dann irgendwie sofort Community-Feedback gekriegt oder wie?

00:40:03.620 --> 00:40:14.320
 Äh, tatsächlich mehr, als ich jetzt so gedacht hätte. Ähm, mal gucken, also, das ist natürlich nicht viel, aber, beziehungsweise, ich hab hier irgendwelche Notifications, das ist doch mehr, als ich dachte.

00:40:14.320 --> 00:40:22.500
 Ähm, also, man kann da irgendwie so Einhörner vergeben. Ich hab das vorher noch nie, ich hab ein paar Mal Beiträge da drauf gefunden, die auch ganz interessant waren.

00:40:22.500 --> 00:40:25.980
 Aber warte mal, ganz kurz, also, wie war jetzt dein Workflow?

00:40:26.080 --> 00:40:31.000
 Du hast dieses Code-Pen, äh, erstellt und hast dann auf den Dev-Link geklickt?

00:40:31.000 --> 00:40:37.700
 Also, ich bin auf diese, auf diese, äh, Details-View gegangen, weil ich die halt auch teilen wollte, damit man unten dann die Description sieht.

00:40:38.080 --> 00:40:43.000
 Und dann war hier so Share, Twitter, äh, und eben Dev.to und halt einfach den Link kopieren.

00:40:43.000 --> 00:40:44.800
 Und dann dachte ich so, okay, also, auf Twitter wollte ich's eh.

00:40:44.800 --> 00:40:51.220
 Dann dachte ich, na gut, Dev.to, ähm, war ich schon ein paar Mal drauf, wie gesagt, hab da interessante Sachen gelesen, dachte, ach komm, warum eigentlich nicht?

00:40:51.220 --> 00:40:56.120
 Vielleicht erreicht man damit mehr Leute, die es vielleicht interessiert, die es benutzen wollen oder halt eben Feedback geben.

00:40:56.120 --> 00:41:02.980
 Ähm, bin da einfach drauf, schnell ein Account, äh, registriert und das dann schnell gepostet.

00:41:03.300 --> 00:41:19.620
 Also, das war, ging ruckzuck, es baut automatisch das Code-Pen auch ein, ähm, ja, und dann kam, also, echt innerhalb so von einer Stunde oder, oder so, äh, kam dann, wie gesagt, es kam ein Herzchen und es kam ein Einhorn und zwei Leute haben das sich gespeichert in den Bookmarks.

00:41:19.620 --> 00:41:28.560
 Und das war, obwohl ich ja dort niemandem vorher, also, ich bin ja, war ja frisch drauf, ich bin da niemandem gefolgt, ich bin dann irgendwie so ein, zwei Leuten, äh, die ich vom Namen her kannte, bin ich dann gefolgt.

00:41:29.220 --> 00:41:37.460
 Ähm, aber ich glaube, außer eben Alex war da sonst niemand dabei von denen, die das dann auch am Schluss geherzt haben und so, also, muss da irgendjemand zufällig drauf gekommen sein.

00:41:37.460 --> 00:41:52.860
 Aber, ja, also, fand ich, fand ich ganz nett und wenn man so, so kleine Basteleien hat und so, die vielleicht für andere interessant sein könnten, äh, ist einfach, ja, auch ein bisschen SEO, ne, du findest es dann unter dem Stichwort halt da und auf Twitter und, äh, das Code-Pen wird halt vielleicht ein bisschen gehypt oder so dadurch, also.

00:41:52.980 --> 00:41:55.820
 Okay, aber jetzt, äh, schreibst du da dann quasi ein Artikel?

00:41:55.820 --> 00:42:01.220
 Du schreibst da, du kannst da Text reinschreiben, du kannst ein Code-Pack rein, äh, ein Code-Pack, ein Code-Pen reinpacken.

00:42:01.220 --> 00:42:03.260
 Also, du hast da jetzt einen kleinen Artikel geschrieben, weil der ist jetzt, glaube ich.

00:42:03.260 --> 00:42:10.720
 Genau, also, es ist im Endeffekt, es packt automatisch das, was du als Description für das, äh, Code-Pen eingibst, das packt's da auch automatisch oben drüber.

00:42:10.720 --> 00:42:11.940
 Ah.

00:42:12.440 --> 00:42:20.460
 Und mehr ist es nicht in dem Fall, also ich hab, ähm, ja, ist genau das, was ich da, was ich da reingeschrieben hab und das Code-Pen selbst und mehr nicht.

00:42:20.460 --> 00:42:23.600
 Mensch, das muss ich, ey, das, das muss ich auch mal machen.

00:42:23.600 --> 00:42:25.660
 Wenn das so einfach ist.

00:42:25.660 --> 00:42:34.500
 Ja, und das ist halt, ich mein, ja, es ist wieder ein zusätzlicher Account irgendwo, aber, äh, das war dann eh mit, mit, mit, mit OAuth, ähm, glaube ich, also, ja, warum nicht?

00:42:35.260 --> 00:42:51.420
 Ich hab grad mal auf den Link geklickt, ähm, und hab, ich, ich find's ja, da, da, da mag ich jetzt wieder Apple, äh, weil ich könnte mich da jetzt nämlich mit Apple einloggen, äh, was nämlich ja dann auch meine E-Mail-Adresse schützt, sozusagen, vor, vor bösen Sachen, ähm, fänd ich ja irgendwie nett.

00:42:51.420 --> 00:43:05.240
 Ich könnte mich auch mit Twitter oder mit GitHub einloggen, ich find ja solche, äh, Logins dann immer cool, würd ich jetzt wahrscheinlich mit GitHub machen, aber total cool, weil ich hab ja so die eine oder andere Demo, äh, gemacht, die auch so ein bisschen, ähm, ähm, irgendwo mal gelandet ist, hab ich ja auch im Podcast.

00:43:05.240 --> 00:43:10.040
 schon mal drüber gesprochen und wenn man das jetzt irgendwie nochmal da so ganz easy zweitverwerten könnte.

00:43:10.040 --> 00:43:10.420
 Ja, richtig.

00:43:10.420 --> 00:43:21.480
 Vielleicht kriegt man da noch ein bisschen, noch ein bisschen cooles Feedback, so im Sinne von, äh, hast du das bedacht oder so, wie jetzt grad bei dir, ähm, wenn diese Community da cool ist, dann, äh, vielleicht probier ich das auch mal.

00:43:21.480 --> 00:43:22.360
 Mach das.

00:43:22.360 --> 00:43:22.980
 Cool.

00:43:22.980 --> 00:43:24.060
 Kannst mir dann gleich mal folgen.

00:43:24.060 --> 00:43:28.220
 Äh, ja, warte, ich continue with, äh, das mach ich später, aber ja.

00:43:28.220 --> 00:43:28.800
 Ja, alles klar.

00:43:28.800 --> 00:43:30.440
 Cool, yo.

00:43:30.440 --> 00:43:32.080
 Dann kommt jetzt.

00:43:35.220 --> 00:43:37.600
 Ah, das hat funktioniert.

00:43:37.600 --> 00:43:40.440
 Yeah, endlich hab ich mal nicht reingelabert.

00:43:40.440 --> 00:43:47.200
 Nee, auch nicht reingelabert und auch wirklich grammatikalisch, dass der, dass das, was da gesprochen wird, dann auch mit dem Satzende, ne?

00:43:47.200 --> 00:43:53.520
 Ja, das hab ja ich immer kaputt gemacht, von daher, ähm, ich hab einfach jetzt, ich wusste, jetzt kommt was, ich halt mal die Schnauze, sonst mach ich's wieder kaputt.

00:43:53.520 --> 00:43:58.320
 Jetzt bin schon immer ich am reden, also ich hab heute hier irgendwie 80% Redeanteil, ne?

00:43:58.320 --> 00:43:58.580
 Ja.

00:43:58.580 --> 00:43:59.040
 Ja.

00:43:59.040 --> 00:44:04.440
 Ja, ich hab's ja angekündigt, ich hab ja gesagt, hier mysteriöse Entdeckungen in SVG-Elementen, hier ist heute ein Fall für Galileo Mystery.

00:44:04.440 --> 00:44:07.300
 Ähm, ich hab, ich hab ein UFO gesehen.

00:44:08.240 --> 00:44:11.760
 Ein, ein, ein, ja, ein unbekanntes Foreign-Object.

00:44:12.300 --> 00:44:23.680
 Ähm, und zwar bin ich über einen Tweet, äh, auf, äh, einem Repository gelandet, äh, mit einem animierten SVG-Header in, in der Readme.

00:44:23.680 --> 00:44:29.860
 Und ich, ich weiß gar nicht, der Tweet ging, glaub ich, expliziv von wegen, oh, cool, was, was sie da gebastelt haben, oder so.

00:44:29.860 --> 00:44:40.280
 Ähm, und ich dachte zuerst auch, wow, cool, und dann dachte ich, aber kann man nicht eh schon Style in SVGs benutzen und Dinge animieren?

00:44:41.180 --> 00:45:07.160
 Und dann hab ich das probiert, also ich hab dieses SVG genommen und ich hab dann, also ich, ich komm gleich noch dazu zu erklären, was denn dieses Foreign-Object, was da drin war und so, aber ich hab das mal rausgemacht und hab nur das Style-Tag reingemacht und dann hab ich sogar auf GitHub hochgeladen in, in Repositories zum Testen und da hat's auch funktioniert und dann dachte ich irgendwie, okay, also unten hatte noch jemand kommentiert sogar, oh, mit Foreign-Object ist das gemacht und so.

00:45:07.440 --> 00:45:17.720
 Und dann war ich irgendwie so ein bisschen, hä, Fragezeichen, weil ich nicht ganz verstanden hab, was denn jetzt dann das Großartige daran ist, wenn's auch mit einfach nur Style-Tag rein funktioniert.

00:45:18.720 --> 00:45:29.900
 Also jetzt kurz erklärt, das ist ein SVG, ne, da wobbeln so ein paar Sachen, ich weiß gar nicht, hab ich den, den, äh, Link rein, da ist jetzt auch nicht, äh, ich, äh, ja.

00:45:30.120 --> 00:45:37.140
 Ich kann ihn dir schnell, schnell da ins Trailer hauen, dass du wenigstens weißt, wovon, äh, ich weiß, wo er ist, ich weiß, wo er ist, ich find ihn, ich find ihn.

00:45:37.140 --> 00:45:45.880
 Ich hab ihn schon drin, zah, ähm, äh, äh, jedenfalls ist das ein SVG und da ist so ein, so ein, da ist ein Element drin, Foreign-Object.

00:45:46.560 --> 00:45:54.220
 Und das SVG ist halt, ja, da ist ein Text, der wabbelt so ein bisschen hoch und runter und so Kreise, die wabbeln hoch und runter, so ein Viereck, das sich dreht und so.

00:45:54.220 --> 00:45:59.200
 Also es sieht echt, es sieht hübsch aus und man denkt so, oh, cool, weil man das halt einfach nicht so oft sieht.

00:45:59.200 --> 00:46:04.260
 Zuerst denkt man so, okay, animiert das GIF, aber es sieht so scharf aus und es ist halt tatsächlich ein SVG.

00:46:04.940 --> 00:46:14.000
 Wie ihm auch sei, also da ist ein, wenn man in den, in den Quellcode reinguckt von dem SVG, ist ja ganz normal das SVG-Opening-Tag und dann Foreign-Object als Opening-Tag.

00:46:14.000 --> 00:46:20.540
 Und da drin ist dann ein Diff, äh, dem ein expliziter XML-Namespace von XHTML angegeben ist.

00:46:20.540 --> 00:46:27.580
 Und da drin ist dann ein Style-Tag mit den, mit den Keyframes und mit den Selektoren, wo die Keyframes zugewiesen werden an die Animation.

00:46:27.580 --> 00:46:34.140
 Und dann wieder ein SVG drin und da drin dann eben die Gruppe, Circle, Line, Path, so.

00:46:34.480 --> 00:46:38.800
 Und dann natürlich wieder hier SVG zu, Diff zu, Foreign-Object zu und dann das eigentliche SVG zu.

00:46:38.800 --> 00:46:47.580
 Und wie gesagt, ich hab das probiert, ich hab, ähm, einfach komplett diesen ganzen Rapper hier mit nochmal Foreign-Object, mit nochmal Diff und mit nochmal SVG raus.

00:46:47.580 --> 00:46:54.100
 Und hatte also nur öffnendes SVG-Style-Element und hatte dann die Gruppe mit dem Pfaden und so drin.

00:46:54.100 --> 00:47:01.580
 Und das hat funktioniert, das hat in Firefox funktioniert, das hat in Chrome funktioniert, das hat wie gesagt in einem Git-Repository als Readme funktioniert.

00:47:02.020 --> 00:47:03.300
 Und dann war ich irgendwie ein bisschen baff.

00:47:03.720 --> 00:47:11.960
 Weil, es gibt nämlich sogar einen CSS-Tricks-Artikel darüber, ähm, nicht genau zu dem Hedder, aber zu einem anderen, der auch einfach nur so Text so ein bisschen animiert.

00:47:11.960 --> 00:47:15.800
 Ähm, also CSS-Tricks von Chris Coyer, wie wir jetzt wissen.

00:47:16.360 --> 00:47:24.760
 Dank unserem Hörer Lars, der uns darauf hingewiesen hat, dass das nicht Chris Coyer ist, sondern dass Coyer sich auf Lawyer reimt.

00:47:24.760 --> 00:47:27.640
 Also jetzt sprechen wir es hoffentlich in Zukunft richtig aus.

00:47:27.640 --> 00:47:30.180
 Genau, danke, danke nochmal an den Kommentar.

00:47:30.180 --> 00:47:37.040
 Ähm, was ich dann daraufhin rausgefunden hab, ähm, war, dass es tatsächlich eine Seite gibt, die heißt howtopronounce.com.

00:47:37.440 --> 00:47:45.260
 Und da gibt es tatsächlich den Namen Chris Coyer und da kannst du auf Play drücken und dann kriegst du es sogar irgendwie, äh, kriegst du es einmal vorgelesen sozusagen.

00:47:45.260 --> 00:47:48.840
 Also es gibt, äh, howtopronounce.com slash Chris Coyer.

00:47:51.220 --> 00:47:53.560
 Wieder was, äh, was gelernt, bloß nicht blöd sterben.

00:47:53.560 --> 00:47:56.160
 Ja, fantastisch. Genau, also Lars, danke.

00:47:56.160 --> 00:47:59.260
 Vielen Dank für den Hinweis, ja. Immer dankend angenommen.

00:47:59.260 --> 00:48:19.920
 Ja, jedenfalls dachte ich dann, okay, also auch Chris Coyer, ähm, preist das da irgendwie an und er hat's dann so, also er hat dann, da stand auch eine Erklärung dabei, nach der ich dann aber doch nicht schlauer war und er schreibt, dass, äh, Markdown, also grundsätzlich HTML unterstützt, soweit auch nix Neues, ähm, aber dass halt Style und Script-Text, äh, gestrippt werden.

00:48:20.220 --> 00:48:28.960
 Ich weiß nicht, ob das generell Markup macht, aber wahrscheinlich eher halt GitHub aus Gründen, damit man nicht, äh, da die Styles überschreibt und irgendwelche, natürlich nicht einfach irgendwelche Skripte ausführen kann.

00:48:28.960 --> 00:48:38.940
 Ähm, das heißt, ich kann kein Inline-SVG nehmen und dann mit, mit Style-Tag irgendwie animieren, ähm, sondern ich muss es halt einbetten über einen Image-Tag.

00:48:38.940 --> 00:48:47.280
 So weit, so gut, aber das erklärt mir jetzt trotzdem nicht, warum ich nicht einfach in dem SVG selbst dann einen Style haben kann.

00:48:49.220 --> 00:49:00.900
 Und, äh, noch dazu kommt, dass Foreign-Object, ich post natürlich auch die Kenner-Uselinks wieder, äh, Foreign-Object im EE nicht unterstützt wird, aber normale Style-Tags im CSVG schon.

00:49:01.860 --> 00:49:12.860
 Also irgendwie leuchtet mir das nicht ein, warum, also man findet auch noch andere Artikel und, und Zeiten zu, es gibt sogar eine, eine, äh, Sammlung, so ein, ein Git-Repository, wo so, so, so Header so animiert und so gesammelt werden.

00:49:13.200 --> 00:49:24.820
 Und überall so, oh, voll cool, mit, mit dem Foreign-Object irgendwie und ich, also ich verstehe den Hype nicht, weil mir immer noch nicht klar ist, was das denn jetzt genau in dem Fall macht und was das mit der Animation zu tun hat, die ja so auch funktioniert.

00:49:25.660 --> 00:49:49.540
 Ähm, ja, keine Ahnung, vielleicht kann mich da jemand auf, auf, aufklären, ich hab's nicht verstanden, also vielleicht ist es irgendwas mit Browser-Kompatibilität doch, wobei, wie gesagt, man sich, äh, den IE nimmt, wenn man das tut, ähm, vielleicht die Unterstützung in irgendwelchen Clients oder Apps, also dass man halt nicht auf GitHub.com, sondern in irgendwelchen, äh, Apps und, und, und, und nativen Anwendungen, keine Ahnung, dass, das dann da nicht funktioniert, aber mit Foreign-Object doch, ich weiß es nicht.

00:49:49.660 --> 00:50:11.300
 Und hab's auch irgendwie nicht herausgefunden bei meiner Recherche. Also vielleicht hab ich auch sonst noch irgendwas übersehen, aber trotzdem noch zum Foreign-Object, weil an sich hat es nämlich einen großen Vorteil für mich und das ist das, wofür es eigentlich ursprünglich gedacht ist und, äh, es gibt auch auf Self-HTML einen Artikel zum Foreign-Object und darüber ist mir das dann nochmal so ein bisschen klar geworden.

00:50:12.220 --> 00:50:29.420
 Also, man kann damit wirklich XHTML in SVGs einbinden. Und da fallen mir jetzt zwei Sachen ein, also eins ist, man kann nicht alle CSS-Properties auf SVG anwenden, also Text-Shadow zum Beispiel funktioniert, glaub ich nicht, glaub, da muss ich einen, äh, SVG-Filter dafür nehmen.

00:50:29.820 --> 00:50:39.080
 Das wäre eine Sache und vor allem, was wichtig ist, weil ich den Fall tatsächlich schon mal hatte, ähm, in SVGs generell gibt's keinen, keinen automatischen Textumbruch.

00:50:40.580 --> 00:50:49.600
 Sondern du platzierst T-Spans und wenn du willst, dass das dann ein Umbruch ist, dann machst du halt einen neuen T-Span, den du da drunter, äh, da drunter positionierst.

00:50:49.600 --> 00:51:03.620
 Und wir hatten mal den Fall, ähm, wo wir für den Kunden ganz viele, äh, es waren so technische Zeichnungen quasi, die dabei animiert waren, so zum, zum tatsächlich durchklicken auf SVG-Basis und animiert, allerdings mit JavaScript über die GreenSock-Library.

00:51:04.340 --> 00:51:09.940
 Ähm, und da waren, war zusätzlich auch noch gegeben, dass die SVGs lokalisiert waren in verschiedene Sprachen.

00:51:09.940 --> 00:51:27.600
 Und dann mussten wir halt, da ging halt nicht einfach nur, hier ist der String auf Deutsch, hier ist der String auf Französisch, sondern weil das halt nicht richtig umbricht, mussten wir für jede einzelne Sprache, auch wenn wir die Sprache gar nicht sprechen, äh, gucken, wie fließt das und mussten dann händisch die T-Spans setzen und für manche Sprachen mehr und für manche Sprachen weniger.

00:51:28.180 --> 00:51:41.940
 Und wenn ich das damals gewusst hätte, hätte das da einiges an Arbeit gespart, weil ich dann halt einfach über ForeignObject mir da ein P-Element reinhaue und dem eine Breite gebe und dann bricht der Text da drin einfach automatisch um.

00:51:41.940 --> 00:51:43.820
 Crazy.

00:51:43.980 --> 00:51:55.660
 Und, äh, es gibt noch andere Beispiele, da habe ich was gefunden, auch ein CodePen, das ich verlinke, da hat jemand, äh, das poste ich dir jetzt auch schon natürlich schnell noch, habe ich jetzt schlecht vorbereitet, ähm, auch noch hier schnell ins Trello.

00:51:55.660 --> 00:51:58.860
 Ach, das ist so angenehm, dass du auch mal schlecht vorbereitet bist.

00:51:59.580 --> 00:52:13.700
 Und da hat jemand ein, auch ein SVG genommen, also ein Inline-SVG dann in dem Fall und da drin aber dann eben dieses ForeignObject und darin wiederum dann ein Canvas eingebunden.

00:52:14.620 --> 00:52:18.440
 Und dadurch kann er SVG-Filter auf dem Canvas anwenden.

00:52:18.440 --> 00:52:20.980
 Also das ist ein bisschen pervers, finde ich.

00:52:20.980 --> 00:52:22.040
 Das ist schon pervers, ja.

00:52:22.040 --> 00:52:32.480
 Also das ist dann im Endeffekt auf dem Canvas, das ist jetzt in dem Fall einfach nur gelb eingefärbt, aber da könnte jetzt ein Video drin liegen oder was auch immer man mit Canvas machen will, irgendwas WebGL-Gerendertes.

00:52:32.780 --> 00:52:34.680
 Und darauf dann ein SVG-Filter.

00:52:34.680 --> 00:52:37.900
 Also das ist jetzt in dem Fall so ein gezackter Rahmen und so.

00:52:37.900 --> 00:52:41.380
 Sicherheitsexperten lieben dieses Tag, äh, SVG.

00:52:41.380 --> 00:52:45.840
 Ähm, weil du kannst ja damit quasi alles machen.

00:52:45.840 --> 00:52:47.100
 Alles, alles.

00:52:47.100 --> 00:52:52.040
 Äh, das ist, äh, ich weiß jetzt, ja, ich weiß jetzt warum.

00:52:52.040 --> 00:52:59.620
 Gut, in dem Fall ist das natürlich nicht, also du würdest jetzt nicht dieses SVG mit einem Canvas dann in einem Image-Tag einbinden.

00:53:00.300 --> 00:53:03.620
 Also ich glaube, das, weiß ich gar nicht, ob das überhaupt funktionieren würde.

00:53:03.620 --> 00:53:05.120
 Das glaube ich fast sogar nicht.

00:53:05.120 --> 00:53:11.020
 Aber du würdest das halt in eine Seite reinmachen, damit du dann diesen SVG-Filter darauf anwenden kannst.

00:53:11.020 --> 00:53:16.000
 Ja, ich meine, wenn ich ein Canvas reinpacken kann, dann kann ich auch ein Script-Tag reinpacken, oder?

00:53:16.000 --> 00:53:18.340
 Vermutlich schon, ja.

00:53:18.340 --> 00:53:19.500
 Ja.

00:53:19.500 --> 00:53:27.400
 Aber wie der dann im Image-Kontext, wenn ich das jetzt wirklich als Image-Source angebe, wie das dann ausgeführt wird und ob das ausgeführt wird, weiß ich nicht.

00:53:27.400 --> 00:53:28.640
 Müsste man jetzt mal ausprobieren.

00:53:29.920 --> 00:53:33.120
 Ja, aber das wird ja nicht ausgeführt im Dokument.

00:53:33.120 --> 00:53:38.560
 Also es wäre schlimm, wenn es das täte, sondern das ist ja quasi gesandboxed in so einem Image-Tag.

00:53:38.560 --> 00:53:42.160
 Ähm, ja, ich weiß es nicht.

00:53:42.160 --> 00:53:46.940
 Ich meine nur, ähm, mir kommen da lauter komische Sachen in den Kopf, die man damit machen könnte.

00:53:46.940 --> 00:53:51.840
 Wir haben ja schon gesagt, wir machen einen Spin-Off-Podcast, wo wir krumme Dinger drehen, wo wir solche Dinger ausprobieren.

00:53:54.160 --> 00:53:58.380
 Krumme Dinger, der, der kriminellen Podcast.

00:53:58.380 --> 00:53:59.140
 Genau.

00:53:59.140 --> 00:54:01.340
 Ganz schlecht verpixelt unsere Gesichter dann.

00:54:01.340 --> 00:54:02.240
 Der kriminellen Podcast.

00:54:02.240 --> 00:54:03.420
 Aber jeder weiß, dass wir das sind.

00:54:03.420 --> 00:54:05.000
 Für Leute mit krummen Dingern.

00:54:06.280 --> 00:54:06.840
 Oh je.

00:54:06.840 --> 00:54:10.360
 Ähm, ja, schnell, schnell überspielen.

00:54:10.360 --> 00:54:12.020
 Ähm, nee, das war's eigentlich auch.

00:54:12.020 --> 00:54:15.280
 Ja, das war meine Erfahrung mit diesem Ufo.

00:54:15.860 --> 00:54:18.580
 Ja, das fand ich, also ich fand das Wortspiel übrigens auch sehr gut.

00:54:18.580 --> 00:54:18.880
 Danke.

00:54:18.880 --> 00:54:20.420
 Mir ist sehr viel Mühe gegeben.

00:54:20.420 --> 00:54:22.500
 Ja, das hast du vorbereitet, oder?

00:54:22.500 --> 00:54:23.840
 Das war ganz spontan.

00:54:23.840 --> 00:54:25.860
 Ich habe das noch vor der Sendung kurz reingetippt, so ha ha.

00:54:25.860 --> 00:54:27.040
 Hab Ufo gesehen.

00:54:27.040 --> 00:54:28.420
 Also ich fand's gut.

00:54:28.420 --> 00:54:31.340
 Also von mir kriegst du auf jeden Fall Props dafür.

00:54:31.340 --> 00:54:33.500
 Jo, dann.

00:54:33.500 --> 00:54:36.820
 Also wenn du da nichts mehr dazu hast, dann sind wir tatsächlich schon unter einer Stunde bei.

00:54:36.820 --> 00:54:41.220
 Hier ist WWS IV mit dem Tagesthema.

00:54:45.860 --> 00:54:47.300
 Bei hier ist WWS IV.

00:54:47.300 --> 00:54:47.900
 Ja, okay.

00:54:47.900 --> 00:54:48.580
 Ja, genau.

00:54:48.580 --> 00:54:51.840
 Gut, danke, dass du es auch mal verkackt hast.

00:54:51.840 --> 00:54:52.340
 Na klar doch.

00:54:52.340 --> 00:55:04.280
 Ähm, ja, wie schon angekündigt von Konstantin ganz am Anfang, es geht heute um IDEs und Editoren und Tools.

00:55:04.280 --> 00:55:06.460
 Aber ich glaube vor allem IDEs und Editoren.

00:55:06.460 --> 00:55:09.100
 Ich habe nämlich auch mal ein paar Tools auf die Liste geschrieben und habe dann gemerkt,

00:55:09.100 --> 00:55:12.920
 ah, ich glaube bei so anderen Tools könnte man vielleicht auch mal eine eigene Sendung machen.

00:55:12.920 --> 00:55:14.360
 Das führt vielleicht ein bisschen zu weit.

00:55:15.400 --> 00:55:17.460
 Es ist übrigens eine Anregung aus dem Stream.

00:55:17.460 --> 00:55:20.920
 Ich weiß jetzt leider nicht mehr, wer es genau war, aber wir haben im Stream so gefragt.

00:55:20.920 --> 00:55:23.660
 Ja, wir haben noch nichts für die nächste Folge.

00:55:23.660 --> 00:55:24.920
 Sag doch mal, was würde euch interessieren.

00:55:24.920 --> 00:55:28.400
 Da kam das mit den IDEs und Editoren.

00:55:28.400 --> 00:55:34.460
 Und das kam auch, glaube ich, schon mal irgendwie auf Twitter auch, wo jemand meint, ja, stellt doch mal vor, so euer Setup und so.

00:55:34.460 --> 00:55:36.500
 Deswegen machen wir das jetzt.

00:55:36.500 --> 00:55:41.880
 Ja, ich befürchte, unsere Setups, also zumindest meins, sind relativ unspektakulär.

00:55:41.880 --> 00:55:45.100
 Vielleicht, aber das denkt man ja über sein eigenes Setup immer.

00:55:45.100 --> 00:55:51.280
 Dass das irgendwie jeder genauso hat und dann am Ende stimmt es vielleicht gar nicht und dann ist doch noch vielleicht irgendwie was dabei, was man davon lernen kann.

00:55:51.280 --> 00:55:52.360
 Und deswegen machen wir das hier auch.

00:55:53.380 --> 00:55:55.900
 Wollen wir mal früh anfangen?

00:55:55.900 --> 00:55:57.920
 Wollen wir mal in die Geschichte einsteigen?

00:55:57.920 --> 00:55:58.560
 Können wir gerne.

00:55:58.560 --> 00:56:08.540
 Ich wollte ganz kurz nochmal, weil ich meine, nicht jeder ist irgendwie so tief drin und vielleicht haben wir auch Zuhörerinnen, die so komplett neue Einsteiger sind und irgendwie IDE, Bahnhof, IDE.

00:56:09.540 --> 00:56:15.580
 Was das überhaupt ist, kurze Begriffserklärung, also Integrated Developer Environment, also eine integrierte Entwicklungsumgebung.

00:56:16.800 --> 00:56:24.060
 Das heißt, das ist nicht nur ein einfacher Editor, sondern da ist noch ein bisschen mehr drin, also ein Compiler, eine Bildintegration, Debugging teilweise.

00:56:25.720 --> 00:56:30.180
 Und die IDEs sind auch oft spezialisiert auf eine bestimmte Programmiersprache.

00:56:30.820 --> 00:56:35.840
 Also es gibt dann irgendwie für Java was und für PHP gibt es nochmal einen spezialisierten.

00:56:37.100 --> 00:56:49.300
 VS Code ist zum Beispiel sowas jetzt im Web-Bereich, das relativ breit aufgestellt ist, da kann man relativ viel mitmachen, also theoretisch könnte man damit auch wohl irgendwelche C-Sharp- und C++-Geschichten machen, oder?

00:56:49.300 --> 00:56:58.100
 Wenn man das entsprechend anbindet, aber weiß ich nicht, ob man das unbedingt jetzt tun sollte, aber es gibt bestimmt Leute, die damit entwickeln und nicht irgendwie Visual Studio tatsächlich.

00:56:58.100 --> 00:57:05.100
 Also bei VS Code ist dann halt, glaube ich, oft so das Zauberwort, die Plugins, wie du dir das eben zusammenbaust.

00:57:05.180 --> 00:57:09.380
 Da kommen wir auch noch drauf, also ich habe mal so ein paar rausgepickt bei mir, kommen wir gleich auch noch drauf.

00:57:09.380 --> 00:57:11.100
 Aber genau die, ja?

00:57:11.100 --> 00:57:23.280
 Ja, ich glaube, ich habe meinen VS Code vorhin extra auch mal parallel noch geöffnet, damit ich direkt live nachgucken kann, aber fangen wir mal, gehen wir mal in die dunkle Vergangenheit.

00:57:23.280 --> 00:57:30.200
 Was war denn, wie ist es denn, was bei dir passiert? Wie hast du angefangen und wo bist du hin? Ich glaube, du hast es sogar schon mal erwähnt, aber wir machen es an der Stelle jetzt nochmal.

00:57:30.600 --> 00:57:40.220
 Genau, ich habe mich erinnert, dass, ja, wir haben, glaube ich, in der 0. Folge drüber gesprochen, glaube ich, auch so ein bisschen, was wir früher gemacht haben.

00:57:40.880 --> 00:58:00.720
 Genau, und ich habe auch mal, da gab es mal im 2019 im Sommer, nee, im April, nicht im Sommer, also eigentlich, ja, stimmt, also ziemlich genau, vor zwei Jahren, gab es mal so ein, bei Twitter so ein Trend, so, ich, my Code Editor Journey.

00:58:00.720 --> 00:58:01.460
 Aha, genau.

00:58:01.460 --> 00:58:16.020
 Und da haben dann Leute geschrieben, welche Code Editoren sie schon verwendet haben und quasi so einmal von vorne nach hinten durch, was, was, ja, was für Code Editoren, was war mein erster und so weiter und wo bin ich jetzt gelandet.

00:58:16.720 --> 00:58:32.860
 Und da habe ich mal aufgeschrieben, ich lese einfach mal vor, also das ist jetzt, also der Älteste zuerst, Frontpage, Dreamweaver, Notepad++, Eclipse, Aptana, Komodo Edit, Sublime, Text, IntelliJ und VS Code.

00:58:32.860 --> 00:58:38.240
 Und VS Code ist jetzt, also das stimmt auch noch, obwohl es jetzt zwei Jahre her ist, also ich bin immer noch bei VS Code.

00:58:39.200 --> 00:58:44.680
 Da hat sich jetzt auch, glaube ich, nee, da hat sich nichts getan jetzt zwischenzeitlich, das ist jetzt gerade der aktuelle Stand.

00:58:44.680 --> 00:58:51.620
 Ja, ähm, ich weiß nicht, ob ich, soll ich was zu den Alten sagen?

00:58:51.620 --> 00:58:57.900
 Zu den ganz, ganz Alten. Ach, ich würde sagen, die Leute sollen, sollen die Folge Nummer Null nochmal anhören, wenn sie es nicht getan haben schon, oder?

00:58:57.900 --> 00:58:59.060
 Ach, so ein bisschen, komm, so ein bisschen.

00:58:59.060 --> 00:59:00.100
 Oder, ja, okay, dann erzähl doch mal.

00:59:00.100 --> 00:59:06.120
 Weil, äh, weil es ist, äh, da ist kein, äh, man muss sich nicht schämen für irgendeinen alten Editor, den man mal verwendet hat.

00:59:06.120 --> 00:59:14.840
 Und Frontpage war tatsächlich so mein Einstieg in, in Web überhaupt, als ich noch überhaupt gar keine Ahnung davon hatte und, aber irgendwie eine Webseite bauen wollte.

00:59:14.840 --> 00:59:18.100
 Da, ich glaube, wiederhole ich mich jetzt ein bisschen zur Folge Null, aber das macht nichts.

00:59:18.100 --> 00:59:22.620
 Und Frontpage war halt so ein klassischer What-You-See-Is-What-You-Get-Editor.

00:59:22.620 --> 00:59:25.500
 Oder, naja, ich sage immer gern What-You-Might-Get-Editor.

00:59:25.500 --> 00:59:37.340
 Das war ja auch damals noch so die, die, die grimmige Zeit, ähm, wo es zwei Browser gab, die komplett unterschiedlich funktioniert haben.

00:59:37.340 --> 00:59:41.320
 Und in dem einen hat es dann irgendwie halbwegs gepasst und in dem anderen hat es gar nicht gepasst.

00:59:42.040 --> 00:59:47.320
 Ähm, aber ist auch egal, das war so die Zeit, ähm, um 2000, 2001 rum bei mir.

00:59:47.320 --> 00:59:50.060
 Und, äh, ja, da, da war das dann so mein Einstieg.

00:59:50.060 --> 00:59:58.160
 Ähm, ich, ich versuche irgendwie grafisch was mir so zusammenzubasteln und dann irgendwann merkt man, man kommt an die Grenzen und, äh, will dann mal, verändert mal so einen Wert.

00:59:58.420 --> 01:00:00.080
 Und, äh, genau, das war so der Einstieg.

01:00:00.080 --> 01:00:04.700
 Und das nächste war auch ein What-You-See-Is-What-You-Might-Get-Editor, äh, Dreamweaver.

01:00:04.700 --> 01:00:11.580
 Aber schon deutlich, den fand ich schon deutlich besser, weil der einem viel mehr, viel mehr Tools gegeben hat, auch wirklich im Code rumzuschreiben.

01:00:11.580 --> 01:00:16.860
 Dann Notepad++ ist ja so ein, äh, so ein Windows-Tool, das man sich auch sehr viel mit Plugins aufbauen kann.

01:00:16.860 --> 01:00:17.880
 Gibt's auch immer noch.

01:00:17.880 --> 01:00:21.200
 Ich glaube, Dreamweaver gibt es nicht mehr. Frontpage gibt's sowieso schon lange nicht mehr.

01:00:21.200 --> 01:00:24.720
 Ähm, dann, äh, Eclipse.

01:00:25.800 --> 01:00:28.380
 Aber das ist, äh, das war dann, das ist schon so eine richtige Idee.

01:00:28.380 --> 01:00:30.980
 Die anderen, äh, jetzt bin ich schwierig.

01:00:30.980 --> 01:00:34.880
 Also Frontpage ist ein Editor, aber so ein bisschen What-You-See-Is-What-You-Get.

01:00:34.880 --> 01:00:39.040
 Dreamweaver auch ein Editor, aber auch schon noch mit viel mehr What-You-See-Is-What-You-Get.

01:00:39.040 --> 01:00:44.060
 Und ich glaube, Dreamweaver konnte auch, hatte auch so eigene Widgets, die man einbauen konnte.

01:00:44.060 --> 01:00:46.400
 So eigenes JavaScript hat das, glaube ich, mitgebracht.

01:00:46.400 --> 01:00:50.460
 So hier, du möchtest hier, ähm, eine kleine, äh, kleine Galerie haben.

01:00:50.460 --> 01:00:52.680
 Hier, tu die, tu die mal rein. Ich glaube, sowas gab's damals.

01:00:52.680 --> 01:00:55.560
 Notepad++ ist super minimalistisch, wenn man keine Plugins drin hat.

01:00:55.620 --> 01:00:57.940
 Das ist im Prinzip nicht viel mehr als Text-Edit.

01:00:57.940 --> 01:01:01.940
 Das ist wirklich, ja, Editor, ganz, ganz klar abgegrenzt, ja.

01:01:01.940 --> 01:01:05.140
 Aber gibt's extrem viele sehr mächtige Plugins.

01:01:05.140 --> 01:01:06.820
 Man kann das, man kann es ziemlich aufbohren.

01:01:06.820 --> 01:01:07.940
 Zumindest war das damals so.

01:01:07.940 --> 01:01:08.700
 Gibt's auch immer noch.

01:01:08.700 --> 01:01:09.960
 Eclipse gibt's, glaube ich, auch immer noch.

01:01:09.960 --> 01:01:11.980
 Das war damals, das ist schon so eine richtige Idee.

01:01:13.180 --> 01:01:23.820
 So mit diversen Zusatzfunktionen, äh, abtana ist, glaube ich, sehr, ist, glaube ich, sehr ähnlich wie Eclipse oder kommt sogar aus dem selben Code, war nur so ein bisschen mehr für Web und weniger für PHP.

01:01:23.820 --> 01:01:29.900
 Ich glaube, viele haben Eclipse für PHP verwendet früher, aber ich glaube auch Java, oder liege ich da jetzt ganz falsch?

01:01:29.900 --> 01:01:31.700
 Äh, weiß ich nicht.

01:01:31.700 --> 01:01:32.400
 Ich bin nicht raus.

01:01:33.600 --> 01:01:41.040
 In meiner Reihe, äh, wo ich das Gefühl hab, ich bin der Einzige von den Leuten, die ich kenne, der den Deal verwendet hat.

01:01:41.040 --> 01:01:42.380
 Und ich hab den wirklich ein paar Jahre verwendet.

01:01:42.380 --> 01:01:43.160
 Komodo Edit.

01:01:43.660 --> 01:01:46.960
 Und da gab auch Komodo IDE und das war dann irgendwie kostenpflichtig.

01:01:46.960 --> 01:01:59.780
 Und Komodo Edit, ähm, war so, ich fand den so toll damals, weil der, also der hatte erstens schon ein Dark Theme, das war so 2009 oder so, glaube ich.

01:01:59.780 --> 01:02:04.940
 Äh, und da war Dark Theme in Editoren, wobei ich Dark Theme in Editoren schon in Dreamweaver verwendet hab, muss ich dazu sagen.

01:02:04.940 --> 01:02:11.820
 Das konnte man sich damals da irgendwie so reinpatchen mit irgendwelchen fiesen, äh, ich, ich leg Files irgendwo da ab und dann, äh, keine Ahnung.

01:02:11.820 --> 01:02:15.760
 Da gab's offiziell kein Dark Theme und dann irgendwann gab's das, äh, zum reinpatchen, genau.

01:02:15.760 --> 01:02:22.620
 Komodo Edit hatte einfach, war für die damaligen Verhältnisse super schnelle, ähm, Vervollständigung von HTML und CSS.

01:02:22.620 --> 01:02:29.360
 Äh, und das war, ähm, das war so bei Uptana und Eclipse, was ich vorher benutzt hab, extrem lahm gefühlt.

01:02:29.360 --> 01:02:33.780
 Da hat man irgendwie immer so eine Sekunde warten müssen, bis was kommt und bei Komodo Edit war es sofort da.

01:02:33.780 --> 01:02:37.920
 Und das hat dann, dann, das nächste war es ab Lime Text und da war das Ganze noch schneller.

01:02:38.080 --> 01:02:45.400
 Und noch so ein cooles, ähm, sehr, sehr zurückgehaltenes minimalistisches Interface.

01:02:45.400 --> 01:02:47.100
 Aber da kannst du vielleicht auch noch was dazu sagen.

01:02:47.100 --> 01:02:52.040
 Du hast, äh, ich hab, ich hab rausgehört, dass du noch so ein bisschen dran hängst an Sublime, aber es nicht mehr benutzt.

01:02:52.420 --> 01:02:55.660
 Ja, ähm, das war, äh, ich muss mal den Tweet nochmal öffnen.

01:02:55.660 --> 01:03:00.120
 Irgendjemand hatte drunter geschrieben, äh, also genau, wir haben noch gar nicht gesagt, wir haben eine Umfrage ja gemacht.

01:03:00.120 --> 01:03:04.560
 Wir haben ja heute eine Umfrage auf Twitter gemacht und dachten noch, naja, ein bisschen kurzfristig, vielleicht kommt da ja nichts bei rum.

01:03:04.560 --> 01:03:10.600
 Aber, äh, es wurde fleißig abgestimmt und es ging darum, welche, welche Editoren oder IDEs nutzt ihr denn?

01:03:10.600 --> 01:03:13.760
 Über 60 Leute haben abgestimmt, war echt irgendwie ziemlich cool.

01:03:13.820 --> 01:03:17.580
 Ähm, du wolltest, du wolltest die, äh, deine Antwort da drauf.

01:03:17.580 --> 01:03:22.860
 Genau, jemand hat geschrieben, äh, ich komme von Sublime und bin noch emotionally attached.

01:03:22.860 --> 01:03:29.800
 Und dann hat er auch geschrieben, äh, ja, die Extension für Sublime Keyboard Shortcuts ist so das Erste, was ich mir in VS Code installiere.

01:03:30.340 --> 01:03:37.600
 Also es gibt, ähm, also Steuerung Shift D zum Duplizieren der aktuellen Zeile oder auch zum Duplizieren von dem, was ich gerade markiert habe.

01:03:37.600 --> 01:03:42.740
 Das ist sowas, das, das brauche ich und das nutze ich auch ganz viel und das, das fehlt mir immer.

01:03:42.740 --> 01:03:44.820
 Und deswegen ist das für mich so ein Muss.

01:03:44.820 --> 01:03:53.140
 Also man kann das auch mit, mit, wenn man die Config, also VS Code ist ja richtig mächtig, was man da alles konfigurieren kann, äh, dann kann man sich das auch selber einstellen.

01:03:53.140 --> 01:03:59.240
 Aber so eine Extension ist schnell installiert und, äh, ja, ist für mich einfach wichtig, das zu haben.

01:03:59.240 --> 01:03:59.540
 Ja.

01:03:59.540 --> 01:04:09.800
 Ansonsten muss ich sagen, also es gibt, glaube ich, eine Extension, die holt einem komplett alle Shortcuts von, also die richtet dir VS Code von den Shortcuts her so ein, als wär's nur noch in Sublime.

01:04:09.800 --> 01:04:22.740
 Die hatte ich eine Zeit lang auch, aber nachdem ich dann VS Code neu aufsetzen musste, hab ich das dann nicht mehr so, ja, irgendwie hab ich dann gedacht, na komm jetzt, du willst eh nicht mehr zurück zu Sublime, sondern du willst VS Code nutzen, gewöhnlich an die neuen Sachen.

01:04:22.740 --> 01:04:26.760
 Und da hab ich dann eben diese, äh, gibt es noch eine andere Erweiterung, da kommen wir nachher noch dazu.

01:04:26.760 --> 01:04:34.340
 Ich hab ja wie gesagt meine Liste mal so ein bisschen durchgegangen, ähm, die halt genau dieses, dieses Duplizieren von, von Lines, äh, ermöglicht.

01:04:34.740 --> 01:04:50.340
 Okay, also ich bin, äh, auch auf Sublime gewesen, dann hab ich ja vorhin schon gesagt IntelliJ, ähm, das war tatsächlich, äh, team, äh, bezogen, weil in diesem Team eine große Java-Applikation entwickelt wurde und da hatte jeder IntelliJ, da war das quasi gesetzt.

01:04:50.720 --> 01:04:57.520
 Da bin ich dann zum ersten Mal so mit dieser, äh, JetBrains-Welt in Verbindung gekommen und fand das eigentlich auch, äh, ganz gut.

01:04:57.520 --> 01:05:08.480
 Ich meine, gut, ich konnte mich damals quasi nicht entscheiden, aber ich fand's gut, weil das war mal, mal so eine Idee, so richtig kennenzulernen und was sie so alles kann, weil das hatte ich zwar vorher schon, aber hab's nie wirklich benutzt.

01:05:08.900 --> 01:05:22.360
 Das war dann irgendwie schon auch, äh, ganz nett und ich fand auch, äh, zum Beispiel die Git-Integration in IntelliJ ziemlich gut, ähm, da, da gibt's einige nette Sachen, die man da machen kann, wenn man irgendwie mal einen alten Commit sucht oder so, dann, äh, fand ich das irgendwie ganz, ganz gut.

01:05:22.440 --> 01:05:38.360
 Das geht natürlich alles auch mit irgendwie mit Git-Bordmitteln, aber ich, ähm, wenn, wenn man ein gutes, äh, GUI hat für was, dann ist das auch meiner Meinung nach viel wert, zumindest also für mich, ähm, nicht, ich nicht Kommandozahlen-Purist, ähm, sowas es natürlich auch gibt.

01:05:38.360 --> 01:05:43.540
 Genau, äh, so, und dann jetzt aktuell, ähm, seit, äh, ein paar Jahren, wie ist Code?

01:05:43.540 --> 01:05:46.280
 Genau, so.

01:05:46.280 --> 01:05:58.240
 Wie so viele, ja, muss man sagen, also 72,1 Prozent, die Umfrage läuft noch, aber 72,1 Prozent aktuell schon für Wiers Code, also ich glaub, das ist schon im, im Web-Bereich so zum quasi Standard geworden.

01:05:58.240 --> 01:06:13.280
 Ja, ich muss mal dazu sagen, damit man das mal, äh, für die, die die Umfrage nicht gesehen haben, was für Auswahlmöglichkeiten gab's denn, also ich mein, bei Twitter hat man immer maximal vier Antworten nur, mehr gibt's nicht, das heißt, äh, ich musste mich da jetzt sehr beschränken, äh, in was, was gebe ich denn da jetzt zur Auswahl?

01:06:13.280 --> 01:06:42.960
 Und ich hab einfach mal, äh, äh, versucht zu raten, was vielleicht die Leute sagen könnten, ähm, und hab aber auch die Möglichkeit gegeben, noch einen Kommentar zu schreiben, also ich hab eingetragen, wie ist Code als Möglichkeit, Sublime Text, ähm, Wim, beziehungsweise ich hab mir gedacht, naja, wenn jemand, äh, Wim, VI, zähl ich da auch dazu, ähm, oder halt eben siehe Kommentar, und da kamen auch ein paar Kommentare rein, ähm, aber wenn ich's richtig sehe, also wenn ich mir überlege, wie viele Stimmen wir bekommen haben, also wir haben 72,1 Prozent, wie ist Code?

01:06:43.260 --> 01:07:09.900
 Sublime Text 6,6 Prozent, Wim 6,6 Prozent und siehe Kommentar 14,8, also es sind ein paar, kamen auch ein paar Kommentare rein, aber ein paar Kommentare bezogen sich dann auch darauf, dass jemand zum Beispiel, ähm, eine andere Variante von Wim verwendet, nämlich in dem Fall, äh, Neo Wim, ähm, oder, äh, oder Notepad++ wurde auch genannt, oder ich benutze viele dieser Editoren, je nachdem, was ich gerade mache.

01:07:09.900 --> 01:07:33.840
 Genau, also, da muss ich sagen, da hab ich mir auch ein bisschen wiedererkannt, also ich hab Sublime tatsächlich immer noch drauf, und wenn ich jetzt wirklich irgendwie nur schnell eine Textdatei, also ich mein, VS Code, ne, das dauert halt schon ein bisschen, also nicht jetzt arg lang, aber das dauert halt schon, bis das aufgebaut ist, ist nicht sofort da, gerade wenn's dann irgendwie versucht halt alle Projekte, die man zuletzt offen hatte, dann zu öffnen, deswegen, wenn ich jetzt nur schnell irgendwie eine Readme oder sowas lesen will, dann öffne ich die über Sublime.

01:07:33.900 --> 01:07:38.720
 Ähm, und, äh, für, wenn ich wirklich an Projekten arbeite, dann, wie ist Code?

01:07:39.340 --> 01:07:55.940
 Das wäre bei mir jetzt tatsächlich Textedit, äh, auf dem Mac, oder tatsächlich, was ich mir auch mal eingerichtet hatte und was dann, wo ich dann gemerkt hab, das ist gar nicht so schlecht, ähm, äh, auch VS Code tatsächlich, äh, für, für eben mal eine Readme oder irgendwie so ein, so eine einfache Textdatei, irgendwie eine Markdown-Datei oder sowas.

01:07:56.360 --> 01:08:04.100
 Hab gemerkt, äh, es lädt nicht wirklich, äh, langsamer oder so, aber ich hab auch kein Sublime mehr, weil Sublime, das war ja auch immer stark, das war immer alles extrem schnell.

01:08:04.100 --> 01:08:04.460
 Mhm.

01:08:04.460 --> 01:08:06.160
 Hatte ich so den Eindruck.

01:08:06.160 --> 01:08:12.000
 Soll ich mal kurz meinen, meinen Werdegang, Editor-Werdegang ganz kurz, oder warst du, du warst durch, ne?

01:08:12.000 --> 01:08:21.940
 Äh, äh, ja, ich, ich würde, ich würde, mich würde das auf jeden Fall, also ich, äh, wir, ich glaube, wir packen den Tweet nochmal, meinen alten Tweeter in die Shownotes, also ich hatte diese Aktion nicht erfunden, ich hab da nur so mitgemacht.

01:08:22.680 --> 01:08:49.200
 Ähm, würde, würde mich extrem interessieren, was hattet ihr denn so für obskure Editoren in eurer Historie, also so wie es jetzt bei mir Komodo Edit war und ich hab auch noch 25 Millionen andere ausprobiert, also gerade in meiner Zeit, als ich noch viel auf Linux irgendwie Sachen gemacht hab, äh, Genie, Giri, keine Ahnung, wie sie alle hießen, also ich hab bestimmt, bestimmt schon 50 verschiedene Editoren ausprobiert, aber ich hab jetzt da nur die aufgelistet, die ich wirklich mal für längere Zeit verwendet hab.

01:08:49.600 --> 01:08:56.300
 Also mich würde es auf jeden Fall interessieren, ich, ich bin ein Freund obskurer Editoren, äh, schreibt mal rein, was ihr so noch verwendet habt.

01:08:56.300 --> 01:08:58.720
 Aber mach mal du, genau.

01:08:58.720 --> 01:09:08.500
 Okay, ja, also ich, äh, hab angefangen tatsächlich mit Notepad unter Windows, mit dem klassischen Notepad und ich hab das tatsächlich auch, glaub ich, länger benutzt, als es vernünftig gewesen wäre.

01:09:08.880 --> 01:09:21.900
 Also da war dann Code-Highlighting schon längst an der Tagesordnung und ich hab immer noch mit, äh, mit Notepad rumgewerkelt, ähm, und bin dann tatsächlich auf Notepad++, vielleicht weil mir, weil ich mich vom Namen her nicht umgewöhnen musste, äh, umgestiegen.

01:09:22.400 --> 01:09:30.240
 Ähm, auch relativ lange, also ich bin da ja, äh, hatten wir das, glaub ich, schon mal drüber, was das Software und so angeht, da gewöhne ich mich relativ langsam um, bin da kein Early Adopter.

01:09:30.240 --> 01:09:37.860
 Ähm, dann hab ich, jetzt weiß ich nicht von der Reihenfolge her, ob ich da vorher schon Sublime dann genutzt hatte, ich, ja, so war's, glaub ich.

01:09:38.340 --> 01:09:55.940
 Sublime und dann ganz kurz mal PHP-Storm für eine Weile, aber das hat sich irgendwie bei mir nicht so manifestiert und deswegen dann wieder zurück zu Sublime oder wie gesagt, weiß ich nicht mehr die Reihenfolge genau, ähm, und dann letztendlich auch vor einigen Jahren bei, bei VS Code dann gelandet und damit auch zufrieden und, äh, ja.

01:09:56.680 --> 01:10:13.000
 Ich hab, ja, bei VS Code, äh, so das Gefühl, dass es immer mehr, äh, zu, ähm, Visual Studio umgebaut wird, also es wird immer dicker, immer mächtiger, es kann immer mehr, das ist irgendwie cool, aber eigentlich war das Coole bei VS Code, als es rauskam, eben, dass es das nicht ist.

01:10:13.000 --> 01:10:26.560
 Dass es keine riesige, fette Idee ist, sondern dass es sehr schlank war und es, also, äh, als es rauskam, eigentlich ähnlich schlank gefühlt, äh, wie Sublime Text, aber es, es hatte dann irgendwann relativ schnell, äh,

01:10:26.560 --> 01:10:35.860
 finde ich die cooleren Plugins und deswegen hat's mich da auch irgendwie so ein bisschen, wie gesagt, ich hatte auch IntelliJ dazwischen, aber hat's, deswegen, äh, war das nicht mehr mein schlanker Zweit-Editor, sondern, ähm,

01:10:35.860 --> 01:10:43.420
 ähm, VS Code, weil's eben ähnlich schlank war und das wird's, davon geht's irgendwie gerade weg, hab ich das Gefühl und das ist so, ich seh das so mit gemischten Gefühlen.

01:10:43.420 --> 01:10:56.440
 Auf der einen Seite freu ich mich tatsächlich und ich lese nicht oft Release Notes, also es gibt nicht viele Tools, von denen ich Release Notes lese, aber bei VS Code lese ich sie meistens, weil da kommt, glaub ich, jedes, äh, jeden Monat, glaub ich, äh, kommt eine neue Version raus,

01:10:56.440 --> 01:11:03.920
 oder jeden zweiten, ich bin mir grad nicht sicher, ähm, aber ich lese die tatsächlich, weil es sind oft wirklich coole, neue Sachen dabei, es lohnt sich.

01:11:03.920 --> 01:11:08.460
 Man kriegt sich auch ins Gesicht geklatscht, ne, nach jedem Update hast du die Release Notes in den Browserfenster auf dem Browserfenster.

01:11:08.460 --> 01:11:12.940
 Ja, kann man ja wegklicken und vielleicht gibt's auch ein Setting, dass man die nicht sieht, was weiß ich, aber ich find's tatsächlich interessant.

01:11:12.940 --> 01:11:15.140
 Also ich lese auch immer drüber und guck so.

01:11:15.700 --> 01:11:21.800
 Wo ich denk, ah, äh, echt cool jetzt, ähm, und es wird immer dicker.

01:11:22.340 --> 01:11:24.240
 Ja, das stimmt schon, das stimmt schon.

01:11:24.240 --> 01:11:34.460
 Und ja, trotzdem, ich hab noch nicht das Gefühl, dass es langsam geworden ist, aber, äh, ich, ich befürchte das, oder vielleicht wird's einfach immer ganz langsam, langsamer und dann merkt man's nicht.

01:11:35.180 --> 01:11:38.720
 Ja, das ist wie der Frosch im Kochtopf, wenn man das Wasser langsam erhitzt.

01:11:38.720 --> 01:11:40.400
 Richtig, ja.

01:11:40.400 --> 01:11:48.560
 Der bleibt einfach drin sitzen, bis er kocht und, äh, vielleicht ist das die Taktik von Microsoft, uns wieder in ein Visual Studio reinzubringen hier.

01:11:48.560 --> 01:11:55.400
 Ähm, oder dann am Ende zu sagen, ja, Visual Studio Code, das brauchen wir jetzt nicht mehr, wir machen jetzt hier, ladet doch mal Visual Studio runter, das ist doch genauso cool.

01:11:55.720 --> 01:11:59.220
 Das, äh, das hatte ich tatsächlich, äh, letztes Jahr mal installiert.

01:11:59.220 --> 01:12:00.380
 Okay.

01:12:00.380 --> 01:12:06.480
 Äh, für die, für die ganzen 3D, äh, Geschichten da, also ein bisschen C-Sharp, äh, mit Unity.

01:12:06.480 --> 01:12:09.080
 Ah ja, da hast du rumgebastelt, stimmt, ja.

01:12:09.080 --> 01:12:10.800
 Genau, da haben wir ja, haben wir, glaub ich, auch schon.

01:12:10.800 --> 01:12:11.580
 Auch drüber gesprochen, ja.

01:12:11.580 --> 01:12:16.200
 Ja, ähm, gut, dann gehen wir noch weiter zu den Extensions, ähm.

01:12:16.200 --> 01:12:25.660
 Also ich, ganz kurz, wir haben, glaub ich, klargemacht, wir sind beide, äh, gerade intensive Visual Studio Code Nutzer und nutzen gerade nichts, nichts, nichts groß nebenher, sondern nur so ein bisschen.

01:12:26.560 --> 01:12:30.640
 Ähm, also wir reden jetzt über Visual Studio Code Extensions und ich hab's auch bei mir mal aufgemacht.

01:12:30.640 --> 01:12:35.300
 Äh, genau, also ich glaub, das ist mit ein Grund bei mir, warum das so langsam ist beim Öffnen.

01:12:35.300 --> 01:12:40.600
 Äh, ich bin diese Liste durchgegangen und bin echt erschrocken, wie viel ich hab und ich muss da auch echt mal ausmisten.

01:12:40.600 --> 01:12:53.480
 Also ich hab jetzt mal nur die rausgepickt, die ich tatsächlich nutze und das sind doch schon einige, aber keine Angst, ich werd die jetzt nicht alle durchkauen, sondern einfach mal nennen, was ich wirklich so täglich benutze und einfach nur den Namen sagen und kurz, was es macht.

01:12:54.120 --> 01:13:00.920
 Und, äh, wer es ausprobieren will, soll es im Detail ausprobieren, aber ich werd mir jetzt da keine Abhandlung halten, weil sonst knacken wir die drei Stunden wieder.

01:13:00.920 --> 01:13:01.940
 Ja.

01:13:01.940 --> 01:13:03.040
 Ja.

01:13:03.040 --> 01:13:04.540
 Soll ich anfangen, magst du?

01:13:04.540 --> 01:13:12.720
 Ähm, äh, ich will gerade überlegen, wir können abwechselnd oder, ach, fang einfach an.

01:13:12.840 --> 01:13:27.280
 Ich fang einfach mal an. Ähm, ach genau, eine Sache noch zu, zu VS Code Extensions, wollte ich noch sagen, und zwar, man kann je Projekt Vorschläge für Extensions anlegen, sodass jemand, wenn man jetzt mit mehreren, äh, Kollaboratoren, da hatten wir es im Stream auch drüber,

01:13:27.640 --> 01:13:42.520
 Collaborators, äh, zusammenarbeitet, dass da alle auf dem gleichen Level sind. Oder manchmal ist ja vielleicht auch eine Extension quasi so im Workflow verankert, ähm, komme ich nachher zu einem Beispiel, ähm, dass man die auf jeden Fall braucht, um da mitarbeiten zu können, sinnvoll.

01:13:42.600 --> 01:14:07.540
 Und das macht man, indem man einen, in dem Projektordner einen Ordner .vscode anlegt und darin einen Ordner Extensions .json. Und dann kann ich nämlich angeben, ich glaube, ich kann sogar unterscheiden, Recommendations und was man wirklich vielleicht verpflichtend sogar installieren muss, ähm, und da gebe ich dann einfach den Namen, das ist ja so mit, mit Punkten getrennt, die, die Kürzel von den, von den Plugins, äh, die kann ich dann da einfach auflisten in, in einem Array.

01:14:07.740 --> 01:14:28.980
 Und dann kriege ich, wenn ich das Projekt öffne in vscode initial, kriege ich dann einmal angezeigt, hey, hier sind die vorgeschlagenen Erweiterungen, kann die auch mit einem Klick dann alle installieren. Und das finde ich schon ganz cool. Also wenn ich irgendwas, äh, hauptsächlich anlege bei uns meistens, bin ich das, und mein Bruder will dann auch mal damit arbeiten, ähm, dann ist das ganz gut, wenn er sieht, was ich da so an Extensions nutze und er die dann auch benutzen kann.

01:14:29.520 --> 01:14:44.240
 Ich hab mich übrigens grad umentschieden, ähm, du hast vorhin gesagt, du hast heute schon so viel geredet, und, äh, ich hab, äh, die Befürchtung, dass wir bei unseren Extensions viele Doppelungen haben, und wenn du jetzt anfängst, dann hab, äh, dann nimmst du mir quasi ganz viele weg, und dann redest du wieder mehr als ich.

01:14:44.240 --> 01:14:51.680
 Und deswegen hab ich grad gedacht, äh, also wenn's dir nichts ausmacht, dann würd ich anfangen, ähm, und du machst dann quasi nur noch, äh, das Diff, das Diff dazu.

01:14:51.680 --> 01:15:13.420
 Ähm, genau, also meine erste, die sind jetzt, äh, ja genau, die sind nach, die sind alphabetisch sortiert, ähm, und ich erwähne jetzt nicht die extra, die, ähm, die quasi schon standardmäßig installiert sind, von, äh, die, die, die, die einfach, ja, es gibt welche, die standardmäßig einfach schon mit drin sind, das ist irgendwie so ne C-Extension, die hab ich nie von Hand installiert,

01:15:13.420 --> 01:15:17.240
 zum Beispiel, ähm, die erwähne ich jetzt nicht extra.

01:15:17.240 --> 01:15:21.780
 So, ähm, genau, also es fängt bei mir an mit Auto-Close-Tag.

01:15:21.780 --> 01:15:22.020
 Ja.

01:15:22.020 --> 01:15:23.900
 Ähm, hast du auch?

01:15:23.900 --> 01:15:27.460
 Ist die vielleicht auch standardmäßig installiert? Weil ich weiß gar nicht, ob ich sie installiert hab.

01:15:27.460 --> 01:15:35.680
 Da bin ich mir tatsächlich nicht sicher, aber, äh, äh, ich glaube, die hab ich tatsächlich, ich hab mich nämlich grad schon gefragt, wieso braucht man für sowas eigentlich eine extra Extension?

01:15:35.680 --> 01:15:36.400
 Vielleicht ist sie mit an Bord.

01:15:36.400 --> 01:15:42.600
 Die hat 4,4 Millionen, ähm, Installationen, ähm, oder Downloads, das ist schon...

01:15:42.600 --> 01:15:48.180
 Ist ja eigentlich auch wurscht, aber, also, jedenfalls ist das sowas, ne, man öffnet ein Tag und das wird automatisch geschlossen. Ist praktisch.

01:15:48.180 --> 01:15:48.920
 Genau.

01:15:48.920 --> 01:15:49.840
 Kann man, glaube ich, nicht drüber streiten.

01:15:49.840 --> 01:15:55.220
 Bin ich zwar blöd, dass man, dass man's braucht, dass es eine Extension ist, aber, nun, nun gut.

01:15:55.780 --> 01:16:02.960
 Ähm, als nächstes Auto-Complete-Tag, äh, äh, das ist, äh, aber warum hab ich das eigentlich?

01:16:02.960 --> 01:16:13.960
 Ja, eigentlich ist das halt um HTML, um HTML zu Auto-Completen. Ähm, ich bin mir grad nicht sicher, der hat auch relativ viele Downloads, äh, weiß gar nicht, ob ich's wirklich brauche, äh, ehrlich gesagt.

01:16:14.020 --> 01:16:32.100
 Und dann geht's noch, nochmal Auto kommt bei mir, Auto-Rename-Tag. Und das finde ich tatsächlich, äh, das nutze ich tatsächlich relativ häufig. Ähm, also, was das macht, ist, dass ich, äh, wenn ich jetzt ein Tag, wenn ich jetzt den Tag-Namen verändere, dass auch das schließende Tag gleich mit verändert wird.

01:16:32.100 --> 01:16:44.700
 Also, ich kann, ich tipp da drin rum, ich sag jetzt, aus dem Diff wird jetzt, äh, blödes Beispiel, ne, aus dem Diff wird jetzt ein Artikel, ähm, und dann, äh, wird das schließende Tag gleich mit verändert.

01:16:44.700 --> 01:16:48.140
 Das ist sehr praktisch, weil ich muss mich dann, ich muss nur einmal das dann schreiben.

01:16:48.140 --> 01:16:54.700
 Gut, ich mach halt dann Doppelklick auf Start-Tag, äh, äh, Steuerung D, dass das Enter markiert wird, ne, aber es erspart einem halt diesen Schritt.

01:16:54.700 --> 01:17:01.260
 Aber so, genau, so erspart's dir das, weil du, du, es läuft quasi automatisch sofort mit, du musst gar nichts weitermachen.

01:17:01.940 --> 01:17:15.820
 Ähm, jetzt kann man sich natürlich fragen, warum, äh, benennt man denn Tags so oft um, aber bei mir ist das tatsächlich so, in meinem, in meinem Workflow ist es oft so, ähm, dass ich versuche, relativ schnell was hinzuhacken, ähm, damit es irgendwie so aussieht, wie ich es haben will.

01:17:15.820 --> 01:17:20.240
 Und dann guckst du doch mal mit dem Semantiker-Auge drauf und stellst fest, vielleicht.

01:17:20.240 --> 01:17:31.780
 Genau, genau, genau, dann kommt, dann kommt, dann setze ich den Semantik-Hut auf und sag, was hab ich denn jetzt eigentlich gerade für einen Käse gemacht, ich hab hier ganz viele Diffs, ähm, was ist denn da jetzt, was, äh, was ist denn da jetzt vielleicht,

01:17:31.780 --> 01:17:39.120
 vielleicht irgendwie ein Artikel, was ist denn da jetzt vielleicht, keine Ahnung, ne, also, so geh ich da nochmal drüber und ändere dann tatsächlich meistens nochmal relativ viele Tags.

01:17:39.120 --> 01:17:39.520
 Ja.

01:17:40.100 --> 01:17:42.680
 Und dafür ist es extrem, äh, hilfreich.

01:17:42.680 --> 01:17:47.100
 So, ähm, dann als nächstes, da bin ich mir tatsächlich nicht sicher, warum ich das hab.

01:17:47.100 --> 01:17:50.080
 Beautify, CSS, Sass, Less.

01:17:50.080 --> 01:17:58.440
 Also quasi so ein, so ein Linter, aber halt nicht im Bildprozess, sondern als ...

01:17:58.440 --> 01:18:06.460
 Genau, also wahrscheinlich beim Schreiben, ähm, ich guck grad nochmal rein, also ich hab mich, ich hab mir die vorher jetzt nicht angeguckt nochmal.

01:18:07.660 --> 01:18:08.460
 Ähm, genau.

01:18:08.460 --> 01:18:09.420
 Ja.

01:18:09.420 --> 01:18:13.600
 Dann Better Comments kommt als nächstes.

01:18:13.600 --> 01:18:34.580
 Ähm, wenn ich's richtig weiß, ohne jetzt das nochmal nachzulesen, ist das, wenn ich jetzt zum Beispiel, äh, in CSS schreibe, äh, Slash Stern Stern und dann Enter, dass dann, ähm, der Kommentar unten weiter fortgeführt wird und ich dann quasi Stern Leerzeichen krieg in die nächste Zeile und da dann weiterschreiben kann.

01:18:34.680 --> 01:18:35.960
 Und das schließen wir dann auch automatisch.

01:18:35.960 --> 01:18:48.020
 Bis ich ihn wieder schließe, genau. Also dass man da so schöne, so schöne Kommentare kriegt. Also ich lese hier nochmal, also hier steht auch Alerts, Queries, To-Dos, äh, genau, To-Do, äh, hilft es, dabei hilft es einem auch, wenn man so To-Do-Kommentare schreibt.

01:18:48.020 --> 01:19:07.860
 Ähm, Highlights, ich, ich, ich, wahrscheinlich nutze ich nur einen ganz kleinen Teil davon, ähm, aber diese, diese Geschichte, äh, Slash Stern Stern zu drücken und dann Enter und dann, äh, dann macht er mir den schönen Kommentar und macht den unten schon wieder zu und ich kann dann Zeile für Zeile weiterspringen und ich krieg immer wieder den Stern dahin, dafür lohnt sich das schon.

01:19:08.020 --> 01:19:13.300
 Also ich hab witzigerweise die Extension nicht, aber ich hab die Funktionalität, aber ich glaub, die kommt bei mir, ähm, von einem anderen Plugin.

01:19:13.300 --> 01:19:19.100
 Kann ja sein, die, das Interessante bei VS Code ist ja, dass Plugins auch Dependencies haben oft.

01:19:19.500 --> 01:19:21.840
 Also, dass ein Plugin ein anderes haben kann.

01:19:21.840 --> 01:19:22.140
 Mhm.

01:19:22.140 --> 01:19:25.560
 Ähm, vielleicht hast du's quasi mitinstalliert, das gleiche.

01:19:25.560 --> 01:19:28.000
 Bei mir ist es, glaub ich, von den Dockblocks von, von PHP.

01:19:28.000 --> 01:19:29.180
 Ah ja, okay.

01:19:29.180 --> 01:19:36.080
 Und das macht aber nicht nur für PHP-Files, sondern das macht dann, glaub ich, auch automatisch, äh, bei allen, die halt diese Art von Kommentaren unterstützen, quasi.

01:19:36.080 --> 01:19:37.600
 Vermute ich jetzt mal.

01:19:37.600 --> 01:19:44.140
 So, genau, also nächstes bei mir, äh, Bracket-Pair-Colorizer-2.

01:19:44.140 --> 01:19:45.920
 Ist immer noch bei B, wohlgemerkt.

01:19:46.500 --> 01:19:48.680
 Es, es, es sind nicht, es sind nicht so viele.

01:19:48.680 --> 01:19:52.700
 Ich weiß nicht, ob ich, ich bin mir doch nicht mehr so sicher, ob du, äh, ob du mehr als ich hast, vielleicht.

01:19:52.700 --> 01:20:06.680
 Äh, ja, kann sein, nee, da kommen aber auch noch einige, die ich überspringe gleich, also, äh, die, die, die irgendwie standardmäßig schon da sind, oder die ich jetzt arbeitsbezogen installiert hab, aber die ich jetzt nicht extra erwähnen würde, weil ich jetzt grad ein bestimmtes Projekt in einer bestimmten Sprache hab, die würde ich jetzt nicht erwähnen.

01:20:06.680 --> 01:20:16.300
 Ähm, genau, also Bracket-Pair-Colorizer-2, warum auch immer zwei, ich weiß nicht genau, ähm, äh, nimmt halt die, äh, verschiedene Klammern und,

01:20:16.300 --> 01:20:19.980
 färbt die in verschiedenen Farben ein, sodass man sehen kann, was zu, was zueinander gehört.

01:20:19.980 --> 01:20:21.660
 Das ist eigentlich ganz nice.

01:20:21.660 --> 01:20:24.540
 Und jetzt kommt das, das Allerschlimmste, mein Theme.

01:20:24.540 --> 01:20:26.720
 Nämlich Cyberpunk.

01:20:26.720 --> 01:20:32.220
 Und das, das hab ich, glaube ich, jetzt schon seit, seit, das, das ist echt wild, wenn man's zum ersten Mal sieht.

01:20:32.220 --> 01:20:36.780
 Das ist nämlich so lilaner Hintergrund und dann kommt da so eine hellgrüne, schlimme Schrift drauf.

01:20:36.780 --> 01:20:40.140
 Ähm, und ich hab das jetzt bestimmt schon seit, seit zwei Jahren oder so.

01:20:40.180 --> 01:20:45.380
 Ich hab das damals mal zum Spaß installiert und dachte so, ja, das mach ich jetzt mal so für eine Woche.

01:20:45.380 --> 01:20:46.320
 Mal gucken, wie lange ich das aushalte.

01:20:46.320 --> 01:20:48.300
 Total drauf hängen geblieben.

01:20:48.300 --> 01:20:48.680
 Ja, krass.

01:20:48.680 --> 01:20:51.440
 Wirklich, und ich, ich liebe es, ich liebe es.

01:20:51.440 --> 01:20:57.760
 Es ging sogar so weit, dass ich, ähm, auf diesem, basierend auf diesem Theme ein eigenes Firefox-Theme für mich gebastelt hab,

01:20:57.800 --> 01:20:59.700
 weil ich diese Farben einfach mag.

01:20:59.700 --> 01:21:00.280
 Verrückt.

01:21:00.280 --> 01:21:01.720
 Also, das Theme heißt Cyberpunk.

01:21:01.720 --> 01:21:03.480
 Es macht, es macht mir mega fun.

01:21:03.480 --> 01:21:09.800
 Also, es ist, es tut am Anfang echt in den Augen weh und dann, ähm, da macht's Spaß.

01:21:09.800 --> 01:21:13.420
 So, jetzt kommen, jetzt kommen wir als nächstes, jetzt springen wir direkt zu E.

01:21:13.420 --> 01:21:19.940
 Äh, und jetzt, äh, kommt noch was, worüber wir vielleicht auch noch in einem extra eigenen Blog sprechen wollten, nämlich Editor-Config.

01:21:19.940 --> 01:21:22.440
 Genau, das hab ich auch, äh, genau, da sprechen wir nachher nochmal drüber.

01:21:22.440 --> 01:21:24.520
 Okay, dann heben wir uns das auf.

01:21:25.640 --> 01:21:34.420
 So, dann, ähm, Git-Lens, äh, ist super mächtig, ähm, so, für, für Git in, in, in VS Code direkt so machen zu können.

01:21:34.420 --> 01:21:40.840
 Ähm, und ich glaub, die Hauptfunktionalität davon, die ich regelmäßig nutze, und jetzt mittlerweile schon ohne drüber nachzudenken,

01:21:40.840 --> 01:21:47.700
 ist, dass ich bei jeder Zeile, die ich, äh, wo mein Cursor ist im Code, die letzte Commit-Message dazu sehen kann.

01:21:47.700 --> 01:21:51.040
 Und sehen kann, ähm, wer hat's committet und wann.

01:21:51.040 --> 01:21:52.580
 Das ist so genial.

01:21:52.580 --> 01:21:54.280
 Das ist so cool, das ist so cool.

01:21:54.280 --> 01:22:00.880
 Also, ich mein, du arbeitest ja mit vielen Leuten zusammen, bei mir bin's ja tatsächlich meistens nur ich und da alleine schon, ja.

01:22:00.880 --> 01:22:02.260
 Was hab ich mir dabei gedacht?

01:22:02.260 --> 01:22:07.080
 Und ich muss es nicht erraten, weil ich vielleicht das auch nicht kommentiert hab, obwohl's nicht offensichtlich ist,

01:22:07.080 --> 01:22:13.800
 sondern ich seh's in der Commit-Message und weiß, oder weiß zumindest, wo gehört das denn dazu, zu welchem Feature und was hab ich denn da genau gemacht?

01:22:13.800 --> 01:22:14.740
 Also, das ist echt sehr cool.

01:22:14.740 --> 01:22:30.540
 Also, bei mir ist es so geil, also ich arbeite ja wirklich mit ein paar, also wir arbeiten, äh, zu, weiß ich nicht, zu fünft oder so an der gleichen Code-Basis, ähm, und da ist es total nützlich, weil ich dann auch genau weiß, wen ich fragen kann, äh, warum hast du eigentlich das so gemacht, ähm, und der mir dann sehr schnell antwortet.

01:22:30.540 --> 01:22:38.140
 Oder auch bei Open-Source-Projekten, wo halt relativ schnell mal vielleicht auch hundert Leute da irgendwas gemacht haben, äh, ist auch einfach gut zu sehen.

01:22:38.140 --> 01:22:53.780
 Also, um's visuell nochmal, äh, zu, zu erklären, äh, ich krieg dann in der Zeile rechts so ein bisschen ausgekraut, seh ich dann immer den Text sofort und kann dann aber auch, glaub ich, wenn ich mit der Maus drüber bleibe, seh ich dann auch noch weitere Informationen dazu, da geht so ein kleines Fenster auf.

01:22:53.780 --> 01:22:59.920
 Also, du kannst dann zu dem Commit hinspringen und dann alle, äh, Sachen da sehen, also das ist echt cool.

01:23:01.380 --> 01:23:04.440
 So, äh, nächstes, Highlight-Matching-Tag.

01:23:04.440 --> 01:23:30.200
 Also, im Namen steckt eigentlich schon drin, was es ist, ähm, aber man kriegt dann, äh, wenn ich auf ein, auf ein HTML-Tag gehe, seh ich das schließende Tag dazu, dass da wird dann Unterstrich drunter gemacht und, ähm, sogar in der, ähm, in der Scroll-Leiste, äh, gehen dann auch Highlights auf, dass ich sehe, wo wird denn dieses Tag eigentlich geschlossen, weil manchmal kann da relativ viel Code dazwischen sein, dann hat man nicht so gut modularisiert, aber sowas habe ich auch.

01:23:30.200 --> 01:23:48.080
 manchmal. Äh, also wirklich sehr viel Code, sodass der außerhalb der Scroll-Reichweite ist, ähm, zwischen öffnendem und schließendem Tag. Also, wie gesagt, das ist ein Zeichen dafür, dass man besser modularisieren sollte, glaube ich. Ähm, aber das hilft extrem zu sehen, wie weit geht denn, wie weit geht denn ein Tag. Hast du das auch?

01:23:48.540 --> 01:23:50.180
 Nee, das habe ich nicht, tatsächlich.

01:23:50.180 --> 01:23:55.260
 Jetzt kommt eins meiner Lieblings, das mag ich allein schon wegen dem Namen, Indent Rainbow.

01:23:55.260 --> 01:24:06.220
 Und zwar macht das Folgendes, dass, ähm, äh, wir fangen, wir fangen jetzt nicht den Flame War an, ähm, Spaces vs. Tabs, das machen wir nicht.

01:24:06.220 --> 01:24:08.280
 Oh, da habe ich ja mal letztens was Interessantes gelesen.

01:24:08.280 --> 01:24:09.640
 Nein, nein, nein, das machen wir jetzt nicht.

01:24:09.640 --> 01:24:12.440
 Nee, doch, nee, doch, doch, doch, warum?

01:24:12.440 --> 01:24:13.480
 Warum eins doch besser ist.

01:24:13.480 --> 01:24:30.160
 Weil du, weil du Accessibility Advocate bist. Und da ging's drum, um Tabs vs. Spaces und warum Spaces aus Accessibility-Sicht nicht gut sind. Weil die Tab-Wid, die kannst du dir einstellen im Editor.

01:24:30.160 --> 01:24:31.940
 Ah, ja.

01:24:31.940 --> 01:25:01.920
 Und, und, und er hatte dann ein Beispiel, er hat gesagt, das war das Beispiel, was ihn, er war immer Advokat für Spaces, wie es ja viele sind, das ist ja fast überall, sieht man nur noch Spaces, bis er auf der Arbeit dann zwei Kollegen hatte, die, die, äh, hier seh eingeschränkt waren und die gesagt haben, sie strugglen damit immer, sie, sie konvertieren, wenn sie an einem Projekt arbeiten oder mit anfangen oder an einer Datei was bearbeiten, erst alles in Tabs um und um es wieder einzuchecken, konvertieren sie es dann wieder zurück in Spaces.

01:25:01.920 --> 01:25:31.900
 Ja, weil die, weil die quasi Schriftgröße auf halt irgendwie, keine Ahnung, 40 Pixel, 80 Pixel, was weiß ich, weil die halt wirklich fast, fast erblindet waren und dann aber auch die entsprechend, nur mit den, mit der höheren Schriftgröße natürlich auch extrem riesige Tabs hatten und das aber wiederum nicht wollten. Also, da gibt's tatsächlich Gründe für Tabs. Aber das jetzt wirklich nur kurz als Einschub, wir wollen jetzt keine Seite uns festlegen, nur, dass man sich mal Gedanken

01:25:31.900 --> 01:26:01.880
 drum macht, warum denn eigentlich, ja? Ja. Und was vielleicht ein Vorteil sein könnte. Damit schon wieder Einschub, Ende. Okay, also, ähm, genau, Indent, Rainbow, äh, macht folgendes, jede, also, je nachdem, wie viel man halt jetzt eingestellt hat, zum Beispiel in der Editor-Config, wo wir gleich noch draufkommen, ähm, wenn ich jetzt Einrückungen mache, halt auf zwei Spaces oder einen Tab oder was auch immer, jede dieser Einheiten, sag ich mal, also, wenn ich jetzt zum Beispiel zwei Spaces eingestellt habe, als eine Einrückung, ähm, dann kriegt, kriegen die ersten zwei Spaces,

01:26:01.880 --> 01:26:16.680
 eine bestimmte Hintergrundfarbe, sehr dezent, aber die nächsten zwei Spaces kriegen eine andere Hintergrundfarbe, auch sehr dezent und so kriegt, äh, baut sich quasi so ein kleiner Regenbogen auf und da, das hilft einem, das hilft dem Auge zu sehen, wo, in welcher Ebene bin ich denn jetzt gerade?

01:26:17.340 --> 01:26:30.680
 Ich weiß nicht, ob man's wirklich braucht, aber ich find's nett und es ist wirklich nicht aufdringlich, also, Rainbow klingt jetzt sehr, sehr hart, es ist aber wirklich sehr dezent gehalten von den Farben her, hilft mir aber, äh, offenbar, äh, dass ich's jetzt, äh, gut finde und hier erwähnen wollte.

01:26:30.920 --> 01:26:31.520
 Ja, klingt gut.

01:26:31.520 --> 01:26:39.460
 Genau, so, und jetzt kommen wir wahrscheinlich zum magischsten, jetzt bin ich schon bei L, ich hab doch gesagt, das geht jetzt dann auch, geht jetzt dann auch schnell, und zwar Live Share.

01:26:40.220 --> 01:26:46.600
 Oh ja, das hab ich, hab ich gar nicht bei mir aufgeführt, weil das irgendwie so, für mich schon so als Feature dazugehört, ja, aber ist ne Extension.

01:26:46.600 --> 01:27:15.920
 Nicht vorinstalliert, es ist keins, es ist aber, ähm, es ist von Microsoft selbst und es ist, es bietet einem die Möglichkeit, dass man zu mehreren am gleichen Code arbeitet gleichzeitig, also so klassisches wie, wie bei, äh, Google Docs zum Beispiel, dass man dann den Cursor vom anderen sieht, ähm, und man gleichzeitig tatsächlich am gleichen File auch editieren kann und sieht, was der andere gerade macht, wo, äh, wo ist der, wo ist der Cursor vom anderen gerade, oder auch am gleichen Projekt in unterschiedlichen Files gleichzeitig geht auch,

01:27:15.920 --> 01:27:45.240
 und man sieht trotzdem, wo der andere gerade unterwegs ist, also wir haben es meistens nur zu zweit genutzt, ich glaube, es gehen aber auch noch mehr Leute, und, ähm, das ist, das funktioniert folgendermaßen, man muss da sich entweder mit dem Microsoft- oder, glaube ich, GitHub-Konto, was letzten Endes ja wahrscheinlich jetzt dann auch ein Microsoft-Konto ist, in irgendeiner Art, ähm, einloggen, ähm, dann kriegt man einen, also als derjenige, der hostet, äh, kriegt einen Share-Link, den schickt man dem anderen, der kann sich dann damit einloggen, muss sich auch eben Microsoft- oder GitHub-Konto einloggen,

01:27:45.240 --> 01:28:01.160
 und dann, ähm, sieht der, kriegt der quasi den Editor und den aktuellen Zustand zu sich gespiegelt, und es gibt dann noch so diverse Features, wie, ähm, jemand darf irgendwie machen, was er will, oder man kann auch, äh, äh, äh, festlegen, auf was der Zugriff hat,

01:28:01.240 --> 01:28:13.260
 es wird teilweise sogar das integrierte, man kann sogar das integrierte Terminal sharen, und man kann, wenn man ganz wild ist, auch den anderen da rein tippen lassen, was natürlich, äh, Security-mäßig, sollte man sich genau überlegen,

01:28:13.260 --> 01:28:31.260
 wem man das machen lässt, bei meinen Kollegen habe ich da keine Bedenken, ähm, aber das ist halt tatsächlich aufschlussreich, also wenn man jetzt hier gerade irgendwie, ähm, Docker-Container laufen hat, äh, mit, mit irgendwelchen, äh, Ausgaben, und dann, äh, dass man da sieht, was da irgendwie gerade reinläuft, ähm, durchaus interessant, ähm, dass man auch die Kommandozeile,

01:28:31.260 --> 01:28:47.940
 also das Terminal mitshared, und noch verrückter, und da wird es dann wirklich abgefahren, und ich frage mich echt, was für eine verrückte Software dahinter steckt, ist, man kann sogar seinen Localhost mit dem anderen sharen, den er dann im Browser sehen kann, also, da wird man gefragt, möchtest du, ja, du hast doch hier einen Localhost.

01:28:47.940 --> 01:28:50.160
 Das ist wahrscheinlich Engrock, was da dahinter steckt.

01:28:50.160 --> 01:28:51.060
 Bestimmt.

01:28:51.060 --> 01:28:55.060
 Das ist ja so ein, das baut so einen Tunnel auf, und dann kann man dann einfach teilen, auch mit Kunden und so, also das ist gut.

01:28:55.060 --> 01:29:00.620
 Also das ist einfach der Wahn, also das, äh, wirklich der Localhost auch mitgeshared wird, also im Prinzip,

01:29:00.980 --> 01:29:10.640
 Es ist so, als ob man selbst auf der Maschine wäre, äh, und das ist jetzt gerade in, äh, in unseren Zeiten, wo man, äh, nicht mehr zusammen im Büro am Rechner sitzt,

01:29:10.640 --> 01:29:17.920
 ist das eine wahnsinnige Hilfe, wenn man gemeinsam irgendwie was angucken will, und, äh, das kann ich auf jeden Fall nur empfehlen.

01:29:17.920 --> 01:29:24.580
 Ich hab zwar ein bisschen Angst vor der schwarzen Magie, die da im Hintergrund passiert, und hab ein bisschen Angst davor, dass Microsoft das alles mitschneidet heimlich.

01:29:24.580 --> 01:29:30.700
 Weil da kommen wir nachher auch noch, das ist ein gutes Stichwort, da kommen wir nämlich nachher auch noch, äh, dazu, was Microsoft denn da so macht.

01:29:30.700 --> 01:29:35.640
 Ja, das ist, ähm, das ist wirklich total krass und mächtig und hilft extrem.

01:29:35.780 --> 01:29:42.580
 Und für uns wird's zugutekommen beim Streamen tatsächlich, wenn wir dann beide da drin arbeiten können, aber wir werden das, äh, machen.

01:29:42.580 --> 01:29:47.460
 Ähm, sag mal am Schluss vielleicht noch, was wir so beim Stream vielleicht so ein bisschen geplant haben, dass wir noch ein paar Leute anlocken.

01:29:48.640 --> 01:29:49.520
 Ja, genau.

01:29:49.520 --> 01:29:58.700
 So, äh, dann bin ich jetzt auch dann schon bei R angekommen, ähm, und das schneide ich jetzt nur kurz an, weil ich glaub, da könnte man eine ganze Sendung drüber machen.

01:29:58.700 --> 01:30:00.520
 Ähm, ähm, Remote-Containers.

01:30:00.520 --> 01:30:07.280
 Ich brauch's mittlerweile nicht mehr, weil ich hab's mal, äh, sehr, äh, intensiv benutzt, oder ich glaub, es heißt einfach nur Remote, Remote-Development.

01:30:07.440 --> 01:30:08.600
 Falsch, Remote-Development.

01:30:08.600 --> 01:30:09.580
 Und dann gibt es verschiedene.

01:30:09.580 --> 01:30:11.320
 Das, das macht Folgendes.

01:30:11.320 --> 01:30:20.100
 Ähm, man braucht für Remote-Development noch, äh, noch ein extra, äh, entsprechendes Plugin für, wo will ich denn mich hier Remote-Connecten?

01:30:20.500 --> 01:30:33.960
 Also zum Beispiel gibt es noch Remote-SSH, ähm, oder Remote-Containers, und, ähm, da, eben, wenn ich mich zum Beispiel, also SSH, wenn ich mich per SSH auf den Server verbinden will und da was editieren will, oder eben in den Docker-Container.

01:30:33.960 --> 01:30:50.480
 Ähm, die SSH-Variante habe ich relativ lang intensiv genutzt, und zwar macht das Folgendes, das öffnet quasi in dem, in dem Remote, in der Remote-Verbindung, also auf dem Server, oder es tut so, als ob auf dem Server ich Files direkt editieren kann.

01:30:50.500 --> 01:30:56.660
 Und auch ein Terminal auf dem Server benutzen kann, aber ich bin nur per SSH dorthin verbunden.

01:30:56.660 --> 01:31:10.580
 Das heißt, ähm, ich kann tatsächlich dann auf dem Server direkt Sachen anfassen und speichern, ohne, dass ich jetzt, äh, das irgendwie über Nano oder Wim oder irgendwie sowas machen muss, sondern ich kann das über VSCode machen.

01:31:10.580 --> 01:31:16.960
 Und das zieht dann einfach, also du hast die Dateien wirklich offen als Dateien, und dein Terminal unten ist aber quasi das, das, äh, SSH-Terminal.

01:31:16.960 --> 01:31:26.940
 Der Terminal unten ist der SSH-Terminal, ist das Server, ist das Server-Terminal, und ich kann da drin sogar Extensions benutzen, die dann quasi nochmal extra tatsächlich auch das, äh, also, äh, also VSCode-Extensions.

01:31:27.160 --> 01:31:39.440
 Ich glaub, denen muss man dann extra nochmal sagen, ja, jetzt auch bitte hier in diesem Remote-Container installieren, und dann funktionieren die da drin auch. Also zum Beispiel sowas wie, wenn da jetzt irgendwie ein Git-Repository liegt, Git-Lens funktioniert dann da drin zum Beispiel auch.

01:31:39.700 --> 01:31:40.020
 Krass.

01:31:40.020 --> 01:31:54.160
 Äh, das ist wirklich total crazy. Also ich hab das verwendet weniger, um direkt auf Servern zu, äh, zu arbeiten, sondern um in einer Virtual-Box zu arbeiten, die, äh, wo unsere Entwicklungsumgebung drin war, und hab mich da per SSH aber rein connectet.

01:31:54.160 --> 01:32:06.460
 Äh, und konnte dann darin direkt arbeiten, ohne irgendwie einen Share zu brauchen, der dann irgendwie wieder, wieder das, das File-System nach draußen, ähm, äh, irgendwie verfügbar macht.

01:32:06.460 --> 01:32:19.020
 Ich konnte direkt darin arbeiten. Und das ist auch so ein bisschen, das ist auch von Microsoft direkt, ähm, und das ist auch so ein bisschen Magie. Ähm, also ich weiß auch nicht, ob das auf jedem Server geht, und das installiert tatsächlich auch auf dem Server dann was.

01:32:19.020 --> 01:32:36.440
 Da, da muss man sich dann überlegen, ob man das möchte, dass Microsoft das darf, auf dem Server was installieren. Ähm, aber das ist total verrückt. Ähm, ja, also das kann ich auch für jeden, der in so einer Situation ist, dass er irgendwie extern, ähm, warte mal, ich glaub, es gibt SSH, es gibt Docker-Content,

01:32:36.440 --> 01:32:52.320
 Trainer und WSL gibt's auch noch. Also wer das Windows-Subsystem, äh, für Linux verwendet, ähm, da rein kann man sich auch connecten damit. Cool. Und kann dann direkt da drin Sachen machen. Also es ist wirklich, und es ist so, als ob du einfach, äh, das VSCode dann da drin hättest. Und das, äh, das macht echt Fun.

01:32:52.320 --> 01:33:05.720
 So, machen wir weiter. Äh, Style-Lint habe ich noch. Ähm, das ist einfach nur damit Style-Lint, falls man ein Style-Lint-File in seinem Projekt hat, also, ähm, bestimmte Regeln, wie CSS auszusehen hat.

01:33:06.420 --> 01:33:13.740
 Ähm, dass das einem die Fehler dann auch direkt im Browser schon anzeigen kann. Äh, sowas kann man natürlich auch in seine Build-Chain integrieren.

01:33:13.740 --> 01:33:27.420
 Direkt im Code meinst du, ne? Direkt im Code anzeigen. Äh, genau. Im VSCode kriege ich, im Code, im Editor kriege ich direkt die Fehler angezeigt. Also es läuft dann immer direkt rüber, wenn ich speicher. Äh, dann, also brauche ich, glaube ich, nicht noch mehr drüber zu erzählen.

01:33:27.420 --> 01:33:35.820
 Wer Style-Lint kennt, äh, da, da, man kann es auch in VSCode direkt, äh, einbinden. Äh, was, was ich sehr schätze und immer wieder benutze, SVG-Preview.

01:33:36.240 --> 01:33:49.320
 Wenn ich ein SVG im Code offen hab, ähm, kann ich mir direkt eine Preview aufklappen, wie das Bild aussieht und kann auch, äh, dann, wenn ich jetzt am SVG selbst Änderungen mach, kann ich die auch dann direkt live sehen. Äh, direkt nebendran in der Ansicht.

01:33:49.760 --> 01:33:55.140
 Äh, und jetzt das Nächste, das nehm ich dir nicht vorweg, das hast du nämlich schon mal erwähnt. Tab 9 hab ich nämlich mittlerweile im Einsatz.

01:33:55.140 --> 01:33:57.140
 Ja, hast du auch, okay, ja. Ähm, das darfst du...

01:33:57.140 --> 01:34:09.580
 Ja gut, das brauchen wir, äh, werde ich nachher auch nicht mehr was dazu erzählen, weil, das ist so geil, dass das mal das Geilteil war in Folge 6. Also wer wissen will, was, äh, Tab 9 ist, ähm, ganz kurz, es ist ein Autocomplete mit künstlicher Intelligenz.

01:34:09.580 --> 01:34:13.260
 Aber wer mehr Details will, Folge Nummer 6, äh, das Geilteil anhören.

01:34:13.260 --> 01:34:19.580
 Genau. So, dann, äh, wir sind auch jetzt gleich fertig. Ich hab noch To-Do-Highlight. Ähm, wenn man in Kommentaren...

01:34:19.580 --> 01:34:27.880
 ...so To-Do reinschreibt, ähm, dann, oder Fix Me, das ist auch noch so ein Klassiker, dann kriegt man das farblich gehighlighted, so, nach dem Motto, mach mal was.

01:34:27.880 --> 01:34:35.100
 Also es wird dann richtig aggressiv, irgendwie gelb oder pink hinterlegt, äh, so nach dem Motto, hier, hier ist was zu tun, mach mal, mach mal, mach mal.

01:34:35.100 --> 01:34:36.260
 Ja, sehr gut.

01:34:36.260 --> 01:34:38.160
 Müssen wir mal aufschreiben hier.

01:34:38.160 --> 01:34:38.960
 Ja.

01:34:38.960 --> 01:34:49.400
 Und dann, äh, das Letzte auf der Liste, was ich hier noch hab, ist To-Do-Tree. Ähm, das, äh, legt einem über das ganze Projekt hinweg,

01:34:49.400 --> 01:34:57.540
 hinweg, was man geöffnet hat, äh, so ein, ähm, in dieser linken Spalte, da gibt es ja so einzelne Reiter, nenn ich das jetzt mal,

01:34:57.540 --> 01:35:06.220
 so einzelne aufklappbare Bereiche, sind eigentlich keine Reiter, ähm, wie zum Beispiel, äh, äh, was wär denn jetzt ein Beispiel?

01:35:07.220 --> 01:35:11.660
 Also du hast oben den Explorer und unten hast du ein Outline, Timeline, NPM-Scripts hab ich da.

01:35:11.660 --> 01:35:28.960
 Genau. Und das legt mir dann eben auf meinem Projekt, ähm, ein, ein Bereich To-Do-Tree an, wo alle To-Dos, oder ich weiß nicht, ob er Fix-Me's auch nimmt, da bin ich mir jetzt grad nicht sicher, aber auf jeden Fall alle To-Dos, die, was ich gerade angesprochen hab, ähm, auflistet.

01:35:29.160 --> 01:35:43.620
 Und in welchem Pfeil das ist. Und ich kann draufklicken und dann öffnet er direkt das Pfeil und springt zu dem To-Do hin. Das heißt, wenn ich, äh, also, ich glaube, man könnte sagen, so To-Dos sind eine bad practice, weil, wenn es ein To-Do gibt, warum, warum, warum, ja genau, warum macht man es dann nicht?

01:35:43.620 --> 01:35:47.720
 Das ist wie das Schild, Achtung, Straßenschäden, also bevor du ein Schild hinstellst, beheb doch einfach die Schäden.

01:35:47.720 --> 01:35:57.880
 Genau, aber manchmal, ähm, manchmal geht's nicht anders, oder ich, ich mach sowas tatsächlich, ich bekenn mich schuldig, äh, ich schreib manchmal To-Dos, Fix-Me hab ich, glaube ich, selten geschrieben, aber To-Dos.

01:35:57.960 --> 01:36:27.200
 Nee, Fix-Me, also, wenn ich weiß, okay, das funktioniert definitiv nicht, dann beheb ich's, also, so kommt das bei mir nicht, wird das nicht released. Aber To-Dos schreib ich tatsächlich doch häufig, weil ich denk, okay, das ist auf dem, auf dem Schirm und ich weiß auch, das muss an die Stelle, weil das ist halt schon, äh, die To-Dos hat man üblicherweise hoffentlich in, in, in, äh, woanders noch notiert und weiß, was, was, was ansteht, aber dass man wirklich an der Stelle weiß, okay, da muss das hin und da muss ich nicht lang suchen und kann einfach auch durchgehen, ne, ich suche alle To-Dos und dann seh ich das, äh, schnell, wo ich da noch was zu legen hab, also.

01:36:27.200 --> 01:36:27.720
 Das ist sehr praktisch.

01:36:27.720 --> 01:36:31.240
 Das war's, äh, von meinen Extensions.

01:36:31.240 --> 01:36:44.120
 Okay, ich hab, äh, eine schlechte Nachricht für die Zuhörerinnen, wir haben nicht so viele Überschneidungen, aber, äh, ich hätte eh vorgehabt, das ganz schnell zu machen und ich mach's jetzt auch ganz schnell, versprochen, weil wir, äh, wollen wir ja nicht schon wieder die, die, den Zeitrekord knacken.

01:36:44.120 --> 01:36:56.440
 Also, ich hab, äh, Apache-Conf, äh, Syntax-Highlightung für HT-Access-Dateien, weil ich da doch recht häufig mal was, äh, machen muss, ähm, Autoklosterk hatten wir, äh, äh, Duplicate-Section hab ich vorhin schon erwähnt, was

01:36:56.440 --> 01:37:00.760
 was genau das macht. Ich markier was und es wird dupliziert oder die Linie wird, äh, die Line wird dupliziert.

01:37:00.760 --> 01:37:12.480
 Easy-Less. Das ist auch sowas wie deine Lint-Geschichten, ähm, normalerweise hat man, hat man das im Bildsystem integriert, aber wenn ich jetzt ein einzeln einfaches Projekt hab, wo ich kein, kein Bildsystem aufsetzen will,

01:37:12.480 --> 01:37:20.500
 dann, äh, kann ich auch einfach sagen, sobald ich eine Lest-Datei abspeichere, wird die, äh, kompiliert in eine, in eine CSS-Datei und automatisch

01:37:20.500 --> 01:37:28.460
 abgelegt unter dem gleichen Dateinamen. Ähm, Editor-Config kommen wir gleich noch drauf. Äh, ES6-String-HTML

01:37:28.460 --> 01:37:30.420
 ist Syntax-Highlighting

01:37:30.420 --> 01:37:32.220
 für HTML und SQL

01:37:32.220 --> 01:37:34.100
 in Template-Literals, also

01:37:34.100 --> 01:37:36.500
 die Backticks, ne, das, was man kennt, diese Multi-Line

01:37:36.500 --> 01:37:38.900
 in ESX, diese Multi-Line-Strings, ähm,

01:37:38.980 --> 01:38:04.140
 Folge Nummer 17 dreht sich bei uns um, um, äh, Tagged Template-Literals, wenn das interessiert, äh, und da ist einfach, wenn man da so hat, also man braucht das nicht, wenn man View oder React nutzt, um da Templates zu bauen, wobei bei View kann man die Templates theoretisch auch als, als, äh, Property direkt übergeben, wenn man keine, äh, Single-File-Components benutzen will, aber wenn man das häufig hat, dass man irgendwie so, das reicht auch schon für kleine HTML-Schnipsel, ist das eigentlich ganz, äh, ganz interessant.

01:38:04.140 --> 01:38:33.080
 und das basiert einfach darauf, indem man, äh, den entsprechenden Kommentar, also mit Slash-Sternchen, HTML-Sternchen-Slash, setzt man vorne dran, ähm, damit das Plugin weiß, da ist HTML drin, und es schadet ja nicht, wenn das da drin ist, die paar Byte, äh, und dann hat man ein Syntax-Highlighting da drin, das ist ganz praktisch, ähm, File-Utils als nächstes, äh, Steuerungsschiff-P, da hat man ja, kann man ja dann suchen nach seinen Plugins und was die da alles bieten, also wenn man eben Git-Lens hat oder eine Git-Integration,

01:38:33.080 --> 01:38:41.240
 kann man, äh, Steuerungsschiff-P und dann sieht man alle Git-Commands, ähm, und generell alle Plugins können da irgendwie was, was reinlegen, äh, und

01:38:41.240 --> 01:39:06.200
 mit File-Utils, kann ich jetzt einfach sagen, File, äh, Delete, Move, Rename, Duplicate, und muss dann nicht dafür in Explorer oder muss nicht hier im, im, im, im Baum links, rechtsklick machen und so, und das ist ganz praktisch, wenn ich wirklich eine Datei umbenennen will, dann muss ich nicht die, äh, schließen im Editor, und weil sonst sagt er, ne, die wurde gelöscht, die gibt's nicht mehr, und muss die dann händisch umbenennen und dann wieder neu öffnen, sondern, oder halt links das machen, sondern, äh, das geht recht schnell.

01:39:06.200 --> 01:39:21.420
 Ähm, Git-Lens hatten wir, Markdown-Preview, GitHub-Styling, ähm, ist ganz nett, wenn man öfter an Open-Source-Projekten arbeitet und dann doch öfter mal so Readme-MDs ablegt, äh, ist das ganz cool, dann zu sehen, was dabei rauskommt.

01:39:21.480 --> 01:39:36.740
 Weil mir dann manchmal schon passiert ist, ich mach was, dann hab ich mich irgendwie vertippt mit der, mit der, äh, Headline, äh, mit der Anzahl der Ist-Gleichzeichen oder sowas, mir fällt das nicht auf, ist committed, und dann müsste ich jetzt extra ein Commit machen, um das wieder zu fixen, und so kann man einfach kurz gucken, passt die Readme, sieht die gut aus.

01:39:38.360 --> 01:39:52.400
 NPM und NPM-Intellicense, äh, sind einfach so Tools und Commands, eben auch wieder STRG-SHIFT-P, dann kann ich hier NPM-Run-Script, dann seh ich meine Scripts aufgelistet, die ich in dem, in der Package-JSON angegeben hab, zum Beispiel, äh, kann den Build starten, oder

01:39:52.400 --> 01:39:58.080
 Init-Command und so weiter, ähm, einfach auch, wenn man mit NPM arbeitet, ist es einfach hilfreich, das zu haben.

01:39:58.080 --> 01:40:14.420
 Ähm, und Intellicense ist nochmal irgendwie mit, mit Autocomplete speziell für, also der erkennt dann, welche Node-Module sind installiert, und wenn ich dann Require anfange zu tippen, dann zeigt er mir schon, kann ich auswählen aus einer Suggestion, ähm, welche, welches, äh, Package ich da benutzen will.

01:40:14.420 --> 01:40:27.540
 Path-Intellicense ist auch, im Endeffekt das gleiche, nur eben für Pfade, für alle Pfade, also Build-Pfade, CSS-Pfade und so weiter, schlägt es mir einfach automatisch vor, ähm, relativ von dem ausgehend, wo ich mich gerade befinde,

01:40:28.040 --> 01:40:34.320
 was ich da für Dateien, oder wenn ich halt mit, mit Punkt, Punkt, äh, zurückgehe, entsprechend die Pfade von Dateien, die es da drin gibt.

01:40:34.320 --> 01:40:42.840
 Ähm, dann hab ich diverse PHP-Extensions, die zählen jetzt nicht alle auf, äh, Intellifense, Namespace, Reserver, Debugging, Doc-Blocks, und so weiter.

01:40:42.840 --> 01:40:58.000
 Wenn man mit PHP arbeitet, äh, Tab9, wie gesagt, haben wir vorhin gehabt, dann für Vue hab ich für Tooling und für Snippets, einfach auch, damit man schneller, so Sachen, die man häufig braucht, ähm, müsste ich mal jetzt aktualisieren, weiß nicht für, für, für Vue 3, ob das da schon mit drin ist,

01:40:58.000 --> 01:41:07.980
 ähm, WordPress-Snippets, genau das gleiche, einfach, ja, fertige Snippets, äh, die halt relativ schnell erscheinen als Suggest, wenn ich anfange, was einzutippen, was man häufig braucht.

01:41:08.720 --> 01:41:09.460
 Puh, das war's.

01:41:09.460 --> 01:41:11.340
 Ach, das war's schon?

01:41:11.340 --> 01:41:11.520
 Ja.

01:41:11.520 --> 01:41:12.300
 Ah.

01:41:12.300 --> 01:41:29.400
 Ähm, an der Stelle, äh, sei vielleicht noch kurz erwähnt, äh, ich hatte jetzt, äh, bis eben nicht, also bis kurz vor der Sendung, ähm, nicht meine ganz normalen Extensions, äh, installiert, weil der Rechner ja, wie gesagt, noch relativ neu ist, ähm, jetzt hab ich sie aber alle, die ich auch bei der Arbeit benutze.

01:41:29.440 --> 01:41:30.480
 Wie habe ich das gemacht?

01:41:30.480 --> 01:41:32.080
 Ding, ding, ding, ding, ding, Magie.

01:41:32.080 --> 01:41:45.780
 Äh, was auch ganz cool ist, und da bin ich auch wieder überfragt, wie es genau hinten dran funktioniert, und wahrscheinlich, äh, liegen bei Microsoft jetzt wieder irgendwelche geheimen Daten, die, die da, die wissen alles über mich wahrscheinlich jetzt wieder.

01:41:46.220 --> 01:42:01.300
 Ähm, aber ich nutze da Settings Sync, das ist, äh, fest in VS Code eingebaut, das heißt, man kann sich da, wenn man sich da einmal einloggt oder, äh, anmeldet, ähm, dann kann man diese, die Settings, äh, von VS Code, äh, also alle, soweit ich das weiß, so ziemlich alles, äh, wird da synchronisiert.

01:42:01.300 --> 01:42:12.220
 Äh, also wenn ich irgendwie Standard, äh, Tastatur-Shortcuts hab oder, äh, irgendwas, was ich mir so selbst angelegt hab, und aber auch eben Extensions und alles mögliche, äh, weitere Themen und alles wird dann, äh, synchronisiert.

01:42:12.220 --> 01:42:25.100
 Und, äh, wenn ich dann irgendwo anders mich wieder anmelde, hab ich eben wieder genau dieselbe Konfiguration, das hab ich vorhin gemacht, und hab jetzt auch hier wieder mein schönes Cyberpunk-Theme, obwohl ich es nicht jetzt direkt, äh, selbst installiert hab, sondern hab einfach nur gesagt, hier einfach synchronisieren wir mal wieder alles.

01:42:25.100 --> 01:42:35.200
 Äh, genau, und ich glaub, man kann auch sogar sagen, ähm, was alles synchronisiert werden soll, also man kann jetzt zum Beispiel sagen, lass mal das Theme weg, oder so, ich will hier, will hier ein anderes Theme haben, oder so.

01:42:35.200 --> 01:42:54.800
 Genau, äh, das, das wollte ich noch kurz erwähnen, ähm, das ist eigentlich, das ist echt nice, weil das war früher immer so ein Ding, ich hab irgendwie einen Arbeitsrechner und ich hab einen privaten Rechner, und die sollen zwar vielleicht nicht exakt gleich sein, aber irgendwie dann doch ähnlich, und ich will nicht alles, und da hab ich jetzt das installiert, jetzt muss ich's da auch noch installieren, und dann ist, da, brauch ich da wieder das, und

01:42:54.800 --> 01:43:13.840
 das behiebt dieses Problem, also ich hab schon obskure Sachen früher gemacht, bei Sublime Text zum Beispiel, dass ich, äh, mir Simlinks gemacht hab, in die Dropbox, äh, von beiden Editoren aus, und die dann quasi, äh, die Konfiguration über die Dropbox gesynkt wurde, und so, aber das, das Problem gibt's jetzt nicht mehr, mit Settings Sync, das wollte ich noch kurz erwähnen an der Stelle.

01:43:13.840 --> 01:43:15.080
 Ja, sehr gut.

01:43:15.080 --> 01:43:18.320
 Hast du gerade eigentlich wieder Settings Sync weggeklickt, und ich hab auch gleichzeitig geklickt?

01:43:18.320 --> 01:43:25.260
 Äh, nee, nee, aber ich hab's hochgeschoben, weil das eigentlich erst, äh, drei, vier Punkte unten dran kam, und ich hab's da schnell hochgezogen, weil du's jetzt, äh, da erwähnt hast.

01:43:25.260 --> 01:43:36.540
 Genau, ähm, aber weil du gerade sagst, äh, wer weiß, was Microsoft da macht, ähm, und das vorhin auch schon mal an einer anderen Stelle gesagt hast, äh, unter der Umfrage hat jemand kommentiert, also, er nutzt, wie ist Code, genauer gesagt, wie ist Codium.

01:43:37.080 --> 01:43:41.540
 Und das musste ich erst mal, äh, suchen, das wusste ich gar nicht, was das ist, und das ist...

01:43:41.540 --> 01:43:41.960
 Ich kenn das.

01:43:41.960 --> 01:43:46.140
 Ähm, aber willst du's erklären? Dann hab ich nicht so viel Redezeit wieder.

01:43:46.140 --> 01:43:52.880
 Äh, ich, oh Gott, am, am Ende sag ich was Falsches. Das ist die Open-Source-Variante von VS Code, ne? Also, so, ohne Microsoft.

01:43:52.880 --> 01:44:05.780
 Ja, nee, also Open-Soft, äh, Open-Soft, oh Gott, ähm, VS Code ist ja generell, ist ja generell Open-Source, aber Microsoft stellt die Binaries wieder unter einer leicht anderen Lizenz zur Verfügung,

01:44:05.780 --> 01:44:13.800
 und, wenn die das bilden, haben die halt eine Config, die dann entsprechende Endpunkte setzt für Telemetrie und Tracking, ganz kurz gesagt.

01:44:13.800 --> 01:44:14.060
 Ja.

01:44:14.060 --> 01:44:28.560
 Und man kann natürlich VS Code sich selber vom Source bilden, wenn man das denn möchte, und dann ist es auch MIT-License, also wirklich so, ne, offener geht's eigentlich nicht, ähm, und da ist das ganze Telemetriezeug natürlich dann nicht enthalten.

01:44:28.560 --> 01:44:46.580
 Wenn man das jetzt aber nicht machen möchte, den Aufwand mit den Bilden jedes Mal, dann stellt eben VS Code, das ist ein Repository, die stellen, ähm, auf GitHub unter den Releases fertige Binaries für Windows, für Linux, für macOS, ähm, einfach breit, die auf MIT-Basis auf diesem selbstkompilierten Source-Code basieren.

01:44:47.280 --> 01:45:00.000
 An sich nur nette Sache, kannte ich jetzt noch nicht, ähm, coole Idee, aber ein bisschen auch mit Vorsicht zu genießen, ich hab da mal so ein bisschen durch die Issues, ich hab gesehen, okay, da gibt's, weiß gar nicht wie viel, 90 Issues oder so waren da offen, äh, mal so ein bisschen durchgeklickt,

01:45:00.100 --> 01:45:06.800
 Ja, und so manche Sachen sind wohl dann doch Bugs, die in VS Codeium auftreten, aber halt im Default-Bild nicht.

01:45:06.800 --> 01:45:08.300
 Ja, genau, das hatten wir bei uns im Team schon.

01:45:08.300 --> 01:45:18.320
 Ne, also wirklich halt so Sachen wie, dass halt einfach irgendwas nicht funktioniert, also ein Feature ist halt einfach kaputt, und wenn man dann ausprobiert, ob's mit dem Default-Bild dann vielleicht funktioniert, dann funktioniert's.

01:45:18.700 --> 01:45:36.520
 Ist ein bisschen schade, dass Microsoft da halt doch wohl ein bisschen mehr rumfuscht, als sie so sagen, und das dann eben halt nicht geht, weil das müsste ja dann vom, selber vom Source-Bild auch müsste das auftreten, ähm, und das sollte man halt wissen, wenn man sich darauf einlässt, ja, und dass man halt vielleicht ein bisschen Zeit dafür opfert, solche Sachen halt rauszufinden und dahinter zu kommen.

01:45:36.520 --> 01:45:48.680
 Ja, also der Klassiker dafür ist, ähm, man hat jetzt irgendwie eine Linux-Distribution, die vielleicht in ihrem Paketmanager nur bestimmte, äh, Lizenzen duldet, das, das gibt's ja immer wieder, also Linux-Distribution.

01:45:48.700 --> 01:45:57.440
 Die sagen, hey, ähm, was nicht mindestens Lizenz-Bla hat, ähm, das, das gibt's bei uns nicht standardmäßig zu installieren, weil wir wollen, dass alles irgendwie frei ist.

01:45:57.440 --> 01:46:18.020
 Ähm, und, äh, genau diesen Fall, oder ich, ich glaub, das war in dem Fall ein Kollege, der, äh, Arch Linux hatte, und eben auch Vs-Codium, ähm, und da wollten wir eben mal, äh, genau live, äh, äh, äh, Live-Share benutzen, äh, also ich mit meinem normalen Vs-Code und er mit Vs-Codium, und das hat nicht funktioniert.

01:46:18.020 --> 01:46:21.240
 Gut, das basiert halt wahrscheinlich wirklich auf irgendwelchen Microsoft-Geschichten, ja.

01:46:21.240 --> 01:46:37.160
 Genau, das ist eben, das ist eben so eins von den, deswegen habe ich es vorhin noch extra dazu gesagt, das ist eins von den Microsoft-Plug-Ins, und, äh, ebenso auch Remote-Containers hat auch mal nicht richtig funktioniert bei einem Kollegen, ähm, und da war dann tatsächlich die Lösung, nimm halt das echte Vs-Code und dann ging das.

01:46:37.620 --> 01:46:46.240
 Kann man jetzt drüber streiten, ist das gut, ist das schlecht, das, äh, ich find's ein bisschen merkwürdig, dass das nicht geht, wenn das quasi nur ein alternativer Bildweg ist, sozusagen.

01:46:46.240 --> 01:46:52.340
 Ja, also, äh, irgendwas scheint da anders zu sein, und man weiß es nicht so ganz genau.

01:46:54.080 --> 01:47:02.620
 Ja, also ich hab diese Probleme schon, ähm, miterleben dürfen und hab dann, äh, auch schon mal sagen können, ah ja, guck mal, nimm mal das Normale und damit geht's und dann ging's auch.

01:47:02.620 --> 01:47:04.020
 Also, das war jetzt schon mehrfach der Fall.

01:47:04.240 --> 01:47:11.920
 Ja, sollte man halt einfach wissen, worauf man sich dann halt auch einlässt und was man sich für diese Unabhängigkeit dann halt erkauft, quasi.

01:47:11.920 --> 01:47:12.480
 Genau.

01:47:12.480 --> 01:47:13.720
 Gut.

01:47:13.720 --> 01:47:14.940
 Machen wir jetzt Editor-Config.

01:47:14.940 --> 01:47:15.980
 Editor-Config, genau.

01:47:15.980 --> 01:47:25.100
 Ja, äh, Editor-Config generell, äh, vielleicht mal kurz erklärt, was es überhaupt ist, und wir nutzen das, glaube ich, beide auch in Vs-Code.

01:47:25.100 --> 01:47:26.960
 Ich hab vorhin gesagt, ich hab da ein Plugin für.

01:47:26.960 --> 01:47:36.740
 Äh, Editor-Config ist, äh, ein, ein relativ einfaches Format, äh, wofür man ein, äh, File, äh, im, im Projekt ablegt.

01:47:36.740 --> 01:47:40.140
 Also, das ist Punkt-Editor-Config, heißt, heißt das File auch.

01:47:40.140 --> 01:47:42.580
 Genau, Punkt-Editor-Config sollte normalerweise im Root liegen, ne?

01:47:42.580 --> 01:47:48.080
 Die Syntax ist so ähnlich wie eine Indie-Datei, also vom Aufbau her ist das eigentlich relativ ähnlich.

01:47:48.080 --> 01:47:48.360
 Genau.

01:47:48.360 --> 01:47:53.860
 Und was da drin steht, ist, ähm, so, so ein bisschen, wie, Editor, wie verhältst du dich jetzt?

01:47:53.980 --> 01:47:58.100
 Also, zum Beispiel, äh, wie viel, äh, haben wir irgendwie Tabs oder Spaces?

01:47:58.100 --> 01:48:01.320
 Ähm, wie, wie groß ist denn die Indent-Size?

01:48:01.320 --> 01:48:05.940
 Und dann bestimmt, dann kann man das auch für bestimmte Programmiersprachen eben nochmal, äh, genauer definieren.

01:48:05.940 --> 01:48:09.020
 Genau, also für die Dateiendungen, für die Dateiendungen kann man dann angeben.

01:48:09.020 --> 01:48:09.340
 Genau, für die Dateiendungen, ja, genau.

01:48:09.340 --> 01:48:14.180
 Also, so wie diese Indie-Sections gibt man da halt dann die Dateiendungen an und da kann man dann das nochmal überschreiben.

01:48:14.180 --> 01:48:21.520
 Also, man kann es einmal für alle festlegen mit Sternchen und dann sagen, für MD-Files will ich aber das nicht und, äh, für JavaScript nochmal anders und so, ja.

01:48:21.740 --> 01:48:28.360
 Also, warum das cool ist, äh, gerade wenn man im Team arbeitet, ähm, und man, oder gerade bei Open-Source-Projekten stelle ich mir das extrem wichtig vor.

01:48:28.360 --> 01:48:33.600
 Man möchte einen bestimmten Code-Style haben, ähm, ähm, dann, damit kann man den quasi forcieren.

01:48:33.600 --> 01:48:46.900
 Natürlich kann jemand was committen, was nicht dem Style entspricht, aber, äh, man kann ja sagen, hey, du musst, äh, Editor, äh, Config bei dir installieren, äh, und dann, äh, dann hilft einem, äh, die IDE oder der Editor eben dabei, genau das einzuhalten.

01:48:46.900 --> 01:49:00.000
 Also, der Standard, äh, wenn, wenn jetzt hier zum Beispiel steht indent-size und wir machen zwei und wir machen Spaces zum Beispiel, dann macht das dein Editor, der, äh, das Editor-Config-File liest und erkennt eben genauso, wie das Projekt das vorschreibt.

01:49:00.360 --> 01:49:07.440
 Und man kann wild zwischen Projekten hin und her springen und der passt sich immer anders an, was in der Editor-Config-Datei drinsteht und das finde ich ziemlich cool.

01:49:07.440 --> 01:49:14.460
 Kann ich auf jeden Fall nur empfehlen, wenn man nicht ganz alleine arbeitet nur an, äh, Dateien, dann, ähm, ist es auf jeden Fall cool.

01:49:14.700 --> 01:49:35.300
 Also, bei uns war das schon mal, ähm, bei einem Projekt, wo die Line-Endings, also die Line-Break-Types da was, was kaputt gemacht haben und zwar, also, da läuft da ein Bild, Bildskript drüber, ich, zu komplizieren, das genau zu erklären, warum es das macht, aber das erstellt für die Dateien dann ein Hash und, äh, gleicht das dann irgendwie ab mit einem Cache und so.

01:49:35.700 --> 01:49:45.140
 Und da war halt das Problem, dass je nachdem, wer das eingecheckt hat, dann manchmal, äh, die CR-LF-File-Endings waren und manchmal halt nur die LF-Line-Endings.

01:49:45.140 --> 01:49:46.360
 Oh ja, wunderschön.

01:49:46.360 --> 01:50:05.200
 Also, man kennt das aus, aus JavaScript oder auch anderen, äh, Sprachen mit dem Backslash-R und Backslash-N, ja, also Backslash-N sind ja normale Line-Breaks und manchmal sieht man aber auch Backslash-R, Backslash-N und zum Beispiel sollte man, wenn man per RegX irgendwie Line-Breaks, äh, berücksichtigen oder ersetzen will oder so, sollte man auch immer berücksichtigen,

01:50:05.200 --> 01:50:17.200
 Und das vielleicht halt nicht nur ein Backslash-N ist, sondern auch ein Backslash-R, Backslash-N, das heißt, das Backslash-R mit einem Fragezeichen dahinter, ne, als optional markieren, aber sollte man nicht vergessen, weil sonst kommt vielleicht mal was bei raus, was man nicht erwartet.

01:50:17.760 --> 01:50:29.240
 Und da ganz kleiner Exkurs dazu, weil ich mir schon ganz oft die Frage gestellt habe, woher kommt das dann eigentlich? Und jetzt habe ich gedacht, als ich das vorbereitet habe, jetzt googel es doch endlich mal, nachdem du dich das schon seit Jahren eigentlich fragst, woher kommt das?

01:50:29.420 --> 01:50:51.640
 Das kommt aus DOS-Tagen und, ähm, also man, es ist generell so, Windows hat oft noch oder inzwischen nicht mehr so oft, aber an manchen Stellen eben diese CRLF, also mit beidem, R und N und, äh, Unix-Systeme oder, oder so, alle anderen, alle normalen, haben das, haben das nicht, haben dann nur das, ähm, das normale, äh, Line-Feed.

01:50:51.700 --> 01:51:03.700
 Und, wie gesagt, es kommt aus DOS-Tagen und manche Geräte brauchten da wohl ein CR und andere brauchten ein LF, also hat Microsoft gesagt, wir machen einfach beides hintereinander, dann sieht's auf allen Geräten gleich richtig aus.

01:51:03.700 --> 01:51:05.820
 Ja, und so kommt das.

01:51:05.820 --> 01:51:13.220
 User-Agents, äh, ja, wir, Mozilla, irgendwie jeder Browser heutzutage ist ja Mozilla-Browser.

01:51:13.220 --> 01:51:21.460
 Mozilla und WebKit auch und hier und da und, äh, ja, genau, äh, ja, User-Agents, können wir mal eine eigene Sendung drüber machen.

01:51:21.700 --> 01:51:22.220
 Richtig, ja.

01:51:22.220 --> 01:51:23.380
 Oh Gott, ja.

01:51:23.380 --> 01:51:35.900
 Das klingt, äh, also, da war das eben, da hat das dann geholfen, dass wir dann diese Editor-Config hatten und dann war klar, ne, der VS Code hat das dann automatisch umgesetzt und wenn jemand was eingecheckt hat, wurde das automatisch beim Einchecken.

01:51:35.900 --> 01:51:47.940
 Man kann das auch mit irgendwelchen Git-Hooks und so, also, ne, da gibt's zig Möglichkeiten oder auch im Build-Skript irgendwie zu sagen, also du musst was, äh, oder im ganzen Prozess, im Ablauf, dass da irgendwas drüber gejagt wird, was sicherstellt, dass, äh, die Line-Endings gleich sind und so.

01:51:48.200 --> 01:51:53.440
 Also, es gibt mehrere Möglichkeiten, aber Editor-Config ist eben eine davon und hat uns in dem Fall recht schnell aus der Patsche geholfen.

01:51:53.440 --> 01:51:57.260
 Genau, passt halt jetzt gut, äh, zu unserer Sendung heute, weil wir über Editoren sprechen.

01:51:57.260 --> 01:51:57.480
 Ja.

01:51:57.480 --> 01:51:59.820
 Äh, fand ich das, äh, cool, das mal irgendwie zu erwähnen.

01:51:59.820 --> 01:52:07.420
 Das ist so eins der Tools und das gibt's in, eigentlich so in jedem gängigen Editor gibt's, ist es entweder fest mit eingebaut oder es gibt ein Plugin dafür und ich kann extrem empfehlen.

01:52:07.740 --> 01:52:13.460
 Wie gesagt, sofern ihr nicht der Einzige seid, der an eurem Code editiert, dann, äh, nutzt das unbedingt.

01:52:13.460 --> 01:52:15.700
 Gibt's ja auch keine Verwirrung.

01:52:15.700 --> 01:52:17.860
 Gut, das war's dann auch schon dazu, ne?

01:52:17.860 --> 01:52:19.800
 Jo, äh, genau.

01:52:19.800 --> 01:52:21.200
 Theme hast du vorhin schon gesagt?

01:52:21.200 --> 01:52:22.800
 Theme hab ich vorhin schon gesagt.

01:52:22.800 --> 01:52:26.720
 Ähm, äh, vielleicht geh ich da nochmal auf einen Tweet ein, den ich mal, äh, geschrieben hab.

01:52:27.360 --> 01:52:39.900
 Ähm, da hab ich auch, da ging's drum, wie sieht denn der Editor aus, der eigene und, äh, was hat man denn da so drin und, äh, wie es Code ist, wisst ihr schon, äh, Cyberpunk-Theme.

01:52:39.900 --> 01:52:43.160
 Ich kann's jedem nur empfehlen, das ist wirklich ein sehr schönes Theme.

01:52:43.160 --> 01:52:50.320
 Wenn man das Theme installiert hat, dann ändert sich automatisch, also zumindest merkt man dann auch, dass man auch seinen Hinterstopp-Hintergrund anpassen möchte.

01:52:51.400 --> 01:52:53.940
 Das, äh, das, äh, das will man dann.

01:52:53.940 --> 01:52:54.360
 Okay.

01:52:54.360 --> 01:52:58.900
 Man will dann so eine isometrisch gebaute Landschaft mit so einer komischen bunten Sonne und, und sowas.

01:52:58.900 --> 01:53:01.760
 Das will man dann automatisch gleichzeitig noch haben.

01:53:01.760 --> 01:53:03.020
 Äh, genau.

01:53:03.020 --> 01:53:09.940
 Ja, eigentlich hab ich's schon alles gesagt, aber diesen Tweet, den packen wir vielleicht noch in die Shownotes, weil da ging's auch noch darum, was für ein, äh, Terminal hat man denn?

01:53:09.940 --> 01:53:12.180
 In dem Fall ist es in meinem Fall, äh, OMIZSH.

01:53:12.180 --> 01:53:20.900
 Also nicht nur, weil das jetzt beim Mac, äh, mit eingebaut ist, sondern das hatte ich vorher auch schon tatsächlich unter Windows mit Siren, äh, ziemlich fies reingefrickt.

01:53:21.400 --> 01:53:28.300
 Ähm, geht aber auch, äh, und da, wenn ich mich noch recht erinnere, das Agnoster-Theme, aber da bin ich mittlerweile umgestiegen.

01:53:28.300 --> 01:53:35.780
 Und als Font im Editor, und deswegen, äh, wollte ich das nochmal aufgreifen, ähm, hab ich, äh, also als Code-Font hab ich Denk Mono.

01:53:35.780 --> 01:53:44.000
 Ähm, das ist ein Font, der kostet was, das ist ein, ein Code-Font, aber den hab ich mir tatsächlich mal gekauft, weil ich den einfach so schick fand.

01:53:44.000 --> 01:53:54.880
 Ähm, der hat so, ähm, diverse Ligaturen, die ganz nett sind, also so diese, der Klassiker irgendwie, äh, so ein, äh, so ein Doppel ist gleich und so ein Dreier ist gleich, wo dann so eine schöne Ligatur draus wird.

01:53:54.880 --> 01:54:09.700
 Ähm, fand ich einfach nett und hat auch, äh, äh, in dem kursiven Schnitt wird der dann so ein, wird der dann so ein bisschen, ähm, äh, Schreibschriftartig, fand ich einfach sehr schön, macht, macht Spaß damit, äh, Code zu schreiben.

01:54:09.900 --> 01:54:20.040
 Äh, äh, ich fand, der war das Geld wert, äh, ich würde jetzt nicht sagen, jeder soll sich den kaufen, ich meine, man muss, ich weiß gar nicht mehr, was er kostet, ich guck grad nochmal, weiß gar nicht, gibt's den noch zu kaufen?

01:54:20.040 --> 01:54:25.580
 Irgendwie meine ich im Kopf zu haben, dass der Entwickler den nicht mehr weiter, äh, entwickelt.

01:54:25.580 --> 01:54:29.480
 Äh, okay, hier sehe ich grad, 24 Pfund kostet er.

01:54:29.480 --> 01:54:31.860
 Also so 30 Euro wahrscheinlich, ne?

01:54:31.860 --> 01:54:47.380
 Da muss man sich überlegen, ob das einem wert, ob es das einem wert ist. Ich hab irgendwann mal beschlossen, ich möchte den haben, äh, mir ist es das wert, ich kauf ihn, äh, Commercial License sehe ich grad 60 Pfund, gut, äh, ich weiß gar nicht, was, eigentlich, vielleicht hätte ich auch Commercial, ich weiß gar nicht, was ich gekauft hab, ich weiß es ehrlich gar nicht.

01:54:48.340 --> 01:55:04.740
 Ähm, find ich persönlich sehr hübsch, kann man auch zu verspielt finden, aber ich find, äh, also ist es der schon seit langem der Pfund meiner Wahl auch im Terminal, ähm, weil, weil das da auch dann irgendwie nett aussieht, wenn man da die schönen Ligaturen hat, die für Code bestimmt sind.

01:55:04.740 --> 01:55:23.980
 Ähm, und der kann auch diese ganzen Powerline-Geschichten, äh, wer weiß, wovon ich spreche, wird sich darüber freuen und ich, äh, da geh ich jetzt aber nicht genauer drauf ein, weil da können wir mal eine Sendung zu Terminals machen. Ähm, das sind so spezielle Erweiterungen, ähm, die dann bestimmte Zeichen im Terminal anders darstellen, sodass da so ein bisschen grafische Darstellung möglich wird.

01:55:23.980 --> 01:55:27.580
 Ich hab jetzt gerade spontan noch was hinzugefügt.

01:55:27.580 --> 01:55:28.800
 Ähm, ich hab's gesehen.

01:55:29.280 --> 01:55:36.560
 Genau, also einfach als kostenlose Alternative, wer, äh, keine 30, äh, Euro in die Hand nehmen möchte, äh, die Vierer-Code ist das, was ich nutze.

01:55:36.560 --> 01:55:55.120
 Und die hat auch, ähm, Support für Powerline, auch wenn ich das, äh, nicht unbedingt brauche, ähm, aber halt auch diese Geschichten mit, mit den Pfeilchen und den Doppelpfeilen, also man, ich, äh, kommt natürlich auch in die Shownotes und man sieht da auch Beispiele, was da wie umgewandelt wird und so, ähm, ja, das hat mir gut gefallen und deswegen nutze ich die.

01:55:56.320 --> 01:56:17.940
 Ich muss tatsächlich sagen, ähm, die Denk-Mono-Seite, die gibt es nicht mehr, die, äh, von der ich das gekauft hab, ähm, wenn, ich würde den heute nicht nochmal kaufen, weil auf der Seite von Denk-Mono, als ich sie gekauft hab, war so ein schöner Editor, wo du also erstens mal die ganzen Zeichen gezeigt bekommen hast und dann konntest du auch selbst noch mit reinschreiben und ausprobieren.

01:56:17.940 --> 01:56:34.560
 Das fand ich ziemlich cool gemacht. Ähm, also nix, nix spektakuläres, aber das hat mir extrem geholfen zu verstehen, was mir dieser Font denn überhaupt bringt. Ähm, das würde ich, ja, heute würde ich es nicht nochmal kaufen. Ähm, ja, also, das ist auch was, was ich als Thema schon mal, äh, auf unsere Liste irgendwann geschrieben hab.

01:56:34.560 --> 01:56:37.660
 Coding-Fonts, vielleicht ist es, reicht's nicht für ein ganzes Thema, aber wir wollen...

01:56:37.660 --> 01:56:40.400
 Dann ist ja gut, dass wir es jetzt, äh, das was jetzt, äh, das was jetzt...

01:56:40.400 --> 01:56:53.380
 Ja, irgendwann, also da gibt's noch einige weitere, über die man sprechen könnte, die man sich im Detail mal angucken könnte. Vielleicht gibt es irgendwann nochmal ein eigenes Thema oder vielleicht eine Property der Woche oder so, ich weiß nicht genau, auch wenn's keine Property ist, aber, ähm, ja.

01:56:53.380 --> 01:57:04.860
 Genau. Ähm, okay. Vierer-Code könnt ihr euch angucken. Es gibt auch noch einige andere, aber die will ich jetzt nicht erwähnen, weil da machen wir vielleicht mal noch was Größeres draus. Oder vielleicht zeigen wir die mal im Stream.

01:57:04.860 --> 01:57:05.840
 Genau, genau.

01:57:05.840 --> 01:57:15.180
 Wo man sich angucken kann. Können wir uns, gucken wir uns mal gemeinsam Coding-Fonts an. Das wäre ja auch eine Idee. Äh, by the way, folgt uns auf twitch.tv slash wwsiv.

01:57:15.180 --> 01:57:28.160
 Genau. Äh, so genau. Den Tweet habe ich, äh, dann wollte ich nochmal übergehen zu, ähm, ähm, ähm, was für andere Editoren gibt's denn noch so oder was wurde denn in der Umfrage noch genannt?

01:57:28.160 --> 01:57:38.900
 Habe ich mir gedacht, auf jeden Fall sollten wir, wir haben nämlich eine Menge Antworten bekommen, ähm, von Leuten, die nicht Vierer-Code benutzen oder, äh, Sublime Text oder Wim, was ich ja aus Spaß noch da reingeschrieben hab.

01:57:40.400 --> 01:57:48.000
 Ähm, genau. Da hatten wir auch das Vierer-Code umher, ähm, wir haben jetzt ganz so ein bisschen, habe ich schon angeschnitten, diese ganze JetBrains-Geschichte.

01:57:48.000 --> 01:57:58.960
 Also ich habe vorhin gesagt IntelliJ, ähm, aber von JetBrains gibt's noch eine Menge mehr. Also es gibt noch, äh, äh, WebStorm, PHPStorm, es gibt auch was für Python.

01:57:58.960 --> 01:58:06.120
 Ähm, da fühlen sich viele Leute auch sehr zu Hause. Und wie gesagt, IntelliJ habe ich auch mal, äh, benutzt und das fand ich echt gut.

01:58:06.120 --> 01:58:09.920
 Jetzt, ich gucke gerade mal noch durch. Okay, Notepad++ haben wir auch schon gesagt.

01:58:10.400 --> 01:58:20.620
 Ähm, Neo-Wim wurde erwähnt. Habe ich jetzt nie verwendet. Ich bin, äh, bei Wim, ich glaube, das Einzige, was ich über Wim weiß, ist, wie man Exit macht.

01:58:20.620 --> 01:58:24.480
 Ey, mal hin, das ist schon mal, da bist du schon mal einigen Leuten uns voraus.

01:58:24.480 --> 01:58:34.680
 Da bist du, wenn man das nicht weiß, kann man unter Umständen sehr verloren sein, weil, wenn man jetzt, äh, wenn man Git öffnet auf dem Server irgendwie mal einfach so ein Wim, wegen Commit-Message.

01:58:34.780 --> 01:58:39.020
 Und wenn man da nicht weiß, wie man rausfindet, dann kann man echt, äh, ein Problem haben.

01:58:39.020 --> 01:58:40.140
 Wir verraten es jetzt aber auch nicht, oder?

01:58:40.140 --> 01:58:41.860
 Nee, wir verraten es nicht.

01:58:41.860 --> 01:58:45.500
 Guck, guck, googelt es mal, wie man aus Wim rauskommt.

01:58:45.500 --> 01:58:52.420
 Das muss man aber, also eigentlich, das muss man wissen, weil man kann echt in blöde Situationen kommen, wenn man nicht weiß, wie man aus Wim rauskommt.

01:58:53.280 --> 01:59:08.500
 Ähm, für die, die nicht wissen, was Wim ist, ich glaube, das ist so, es ist ein extrem, äh, minimalistischer Kommandozeilen-Code-Editor, der aber, äh, glaube ich, auch mit Plugins aufgebaut, extrem mächtig werden kann.

01:59:08.880 --> 01:59:13.320
 Und es gibt Leute, die schwören da drauf, aber man darf den Leuten auf keinen Fall sagen, dass Wim doof ist.

01:59:13.320 --> 01:59:17.780
 Das ist, das ist so wie die Diskussion Tabs versus Spaces, das endet nicht gut.

01:59:17.780 --> 01:59:18.760
 Da gibt's Krieg.

01:59:19.440 --> 01:59:27.420
 Also, ich sage, ich respektiere Leute, die Wim benutzen, weil man muss krass viele verrückte Shortcuts auswendig kennen, um das Ding richtig benutzen zu können.

01:59:27.420 --> 01:59:34.420
 Und ich, ich ziehe wirklich alle Hüte, die ich hab, vor Leuten, die das regelmäßig, oder die, die den, als ihren Standard-Editor benutzen.

01:59:34.420 --> 01:59:35.380
 Ich weiß, das gibt es.

01:59:35.380 --> 01:59:47.160
 Es gibt Leute, die nutzen Wim nicht nur, wenn sie sich mal eben auf dem Server verbinden, weil das offenbar der, ist, glaube ich, der Standard-Editor auf der Kommandozeile, wenn man sich auf Linux-Server verbindet, glaube ich.

01:59:47.160 --> 01:59:51.840
 Da erinnert sich, wenn man da irgendwie ein Text-Pfile öffnen will, dann ist das standardmäßig, glaube ich, wie I oder Wim.

01:59:51.840 --> 01:59:57.420
 Also, man sollte zumindest wissen, wie man da rauskommt, um dann Nano öffnen zu können.

01:59:57.420 --> 01:59:58.800
 Das kann ich an der Stelle nochmal sagen.

01:59:58.800 --> 02:00:06.580
 Also, wer nicht die Wim-Shortcuts alle auswendig lernen will, der sollte Nano auf der Kommandozeile nehmen.

02:00:06.580 --> 02:00:08.900
 Das ist meistens auch auf Linux-Servern installiert.

02:00:08.900 --> 02:00:15.100
 Und das sagt einem auch die Shortcuts, mit denen man zum Beispiel irgendwie speichern oder im Text was suchen kann oder so.

02:00:15.100 --> 02:00:16.340
 Das hilft einem da ein bisschen mehr.

02:00:16.720 --> 02:00:18.680
 Oh Gott, jetzt habe ich es getan, gell?

02:00:18.680 --> 02:00:23.460
 Jetzt kriege ich Ärger von der VI-Wim-Community, die mich jetzt kaputt flamen.

02:00:23.600 --> 02:00:28.920
 Und von den Leuten, die uns gerne unter zwei Stunden sehen wollen, weil die haben jetzt auch wieder geknappt.

02:00:28.920 --> 02:00:33.760
 Kriegen wir einen Shitstorm, einen VI-Shitstorm.

02:00:33.760 --> 02:00:36.600
 Was wird über PHP-Storm haben wir erwähnt?

02:00:36.600 --> 02:00:38.420
 Ich gehe hier gerade nochmal durch die Liste durch.

02:00:38.420 --> 02:00:41.220
 Sublime, VS Code, PHP-Storm.

02:00:41.220 --> 02:00:44.540
 Genau, viele Leute sagen auch, sie nutzen mehrere Sachen, je nach Anwendungsfall.

02:00:44.540 --> 02:00:45.820
 Das haben wir ja auch schon gesagt.

02:00:46.480 --> 02:00:52.960
 Ja, wenn du eh was Spezialisiertes hast und mehrere Programmiersprachen programmierst, dann brauchst du sowieso eine IDE für jede.

02:00:53.220 --> 02:01:05.840
 Ja, nee, ich meine aber auch sowas wie, man nutzt mehrere Sachen je nach Anwendungsfall und jetzt nicht gar nicht mal Programmiersprache, sondern du hast vorhin gesagt, du öffnest ein Markdown-File auch mal in Notepad++.

02:01:06.960 --> 02:01:20.000
 So habe ich das, dass ich eben manchmal ein Markdown-File auch hier in TextEdit öffne, weil ich brauche dafür keine Vervollständigung unbedingt oder allgemein irgendwie Text-Files öffne ich nicht unbedingt in VS Code.

02:01:20.000 --> 02:01:25.880
 Mache ich aber mittlerweile manchmal, weil es dann doch irgendwie noch eine schöne Vorschau hat oder so ein bisschen Highlighting.

02:01:26.700 --> 02:01:36.100
 Auf dem Server, haben wir gerade angesprochen, wenn ihr nicht dran vorbeikommt, wie I oder Wim, aber Nano, tippt mal Nano ein und guckt, ob es installiert ist.

02:01:36.100 --> 02:01:42.860
 Das erspart euch vielleicht Ärger und mir bringt es Ärger, wenn ich euch das empfehle, aber das nehme ich jetzt auf mich aus der Community.

02:01:43.740 --> 02:01:53.280
 Ja, also wie gesagt, da kommt man nicht dran vorbei, außer man installiert, wie wir vorhin schon gesagt haben, VS Code Remote, was ja auch teilweise geht, aber wahrscheinlich nicht auf jedem Server.

02:01:55.000 --> 02:01:58.200
 Und dann eben vielleicht trotzdem noch eine IDE, falls man eine braucht.

02:01:58.200 --> 02:02:04.120
 Also kann durchaus ein normales Setup sein, dass man ab und zu VI oder Nano benutzt auf dem Server.

02:02:04.120 --> 02:02:16.800
 Wie es Code oder Notepad++ für kleinere Sachen und dann eben noch eine IDE hat, weil man eben jetzt ein Python- oder ein Java-Projekt hat, also irgendwie dann, keine Ahnung, IntelliJ noch am Laufen hat oder sowas.

02:02:16.800 --> 02:02:21.080
 Und dann alle drei, je nach Anwendungsfall, kann durchaus auch sein, ist glaube ich gar nicht so unüblich.

02:02:22.760 --> 02:02:31.040
 Ja, vielleicht noch, weil das glaube ich nicht genannt oder wurde, wurde noch Atom genannt? Ich glaube, es wurde auch irgendwo noch Atom genannt, oder?

02:02:31.040 --> 02:02:32.200
 Äh, warte mal.

02:02:32.200 --> 02:02:34.280
 Es gab so in der Zeit, als auch wie es…

02:02:34.280 --> 02:02:37.880
 Ja, ja, für simple Projekte Atom, wenn es so auffällig ist, dass ich eine IDE brauche, PSP-Store.

02:02:37.880 --> 02:02:47.400
 In der Zeit glaube ich jetzt, das ist jetzt nur mein Gefühl, ich habe es nicht recherchiert, als VS Code entstanden ist, gab es noch zwei andere Editoren, die nach einem ähnlichen Prinzip gebaut sind.

02:02:47.400 --> 02:02:51.660
 Ich glaube, das sind alles Elektron-Apps oder zumindest irgendwie so auf Browser-Technologien basierende, ne?

02:02:52.280 --> 02:03:01.540
 Also VS Code ist ja eine Elektron-App, heißt, ist mit Javascript, CSS und HTML gebaut und Brackets und Atom glaube ich auch.

02:03:01.540 --> 02:03:10.340
 Und Brackets ist, glaube ich, von Adobe, wenn ich richtig liege und Atom von GitHub oder ist es umgekehrt?

02:03:11.360 --> 02:03:13.120
 Keine Ahnung, ich bin daraus.

02:03:13.120 --> 02:03:15.860
 Also so irgendwie so, warte mal, ich guck mal, ich glaube, es war Adobe Brackets.

02:03:15.860 --> 02:03:17.380
 Ja, ist ja auch egal, oder?

02:03:17.380 --> 02:03:26.540
 Genau, und das waren beides sehr ähnliche Editoren, die, also das war, auch vom Style her, haben die so ein bisschen an Unsublime erinnert.

02:03:26.540 --> 02:03:27.900
 Ja, es ist Adobe Brackets, genau.

02:03:27.900 --> 02:03:32.580
 An Unsublime erinnert, also relativ minimalistisch, aber halt mit Browser-Technologien irgendwie gebaut.

02:03:32.580 --> 02:03:42.940
 Und ich weiß nicht, ich glaube, beide haben immer noch Anhänger, aber ich befürchte, wir müssen uns damit abfinden, dass da geht es nicht mehr so arg viel weiter.

02:03:43.100 --> 02:03:46.560
 Ich glaube, VS Code frisst das Ganze auf, so diesen Markt.

02:03:46.560 --> 02:03:51.440
 Es gibt einfach so viele coole Plugins und da kommen die anderen nicht mehr so richtig mit.

02:03:51.440 --> 02:03:57.840
 Ich gucke gerade nochmal Atom, Atom, Auf zum Atom.

02:03:57.840 --> 02:03:59.040
 Auf zum Atom, genau.

02:03:59.040 --> 02:04:03.580
 Auf zum Atom, also Atom.io ist von GitHub, genau.

02:04:03.580 --> 02:04:07.600
 Ich sehe jetzt gerade nicht, von wann ist denn die letzte Version da?

02:04:07.600 --> 02:04:10.540
 Hackable Text Editor for the 21st Century.

02:04:12.680 --> 02:04:15.620
 Keine Ahnung, Peter, ich sehe es nicht, egal.

02:04:15.620 --> 02:04:15.980
 Ja, Sommers.

02:04:15.980 --> 02:04:19.580
 Die gibt es noch, ja, wir können das Thema damit jetzt abschließen.

02:04:19.580 --> 02:04:21.460
 Und dann kommt jetzt.

02:04:21.460 --> 02:04:27.320
 Das Geiltein, Geiltein.

02:04:27.320 --> 02:04:32.740
 Nur noch einen Applaus hinterher, weil du es richtig gemacht hast.

02:04:32.740 --> 02:04:38.300
 Wir waren, ja, aber wir waren, ich glaube, das war jetzt so ruckartig, wir haben gar nicht jetzt irgendwie das zu Ende gebracht.

02:04:38.300 --> 02:04:40.280
 Ich habe einfach gelabert, gelabert und jetzt fertig.

02:04:40.280 --> 02:04:43.420
 Ja, ich glaube, wir haben uns jetzt aber auch langsam so ein bisschen im Kreis gedreht.

02:04:43.720 --> 02:04:47.020
 Ja, stimmt.

02:04:47.020 --> 02:04:54.780
 Ich habe beim Geilteil, ich habe ja so eine, ich habe eine relativ lange, oder wir haben gemeinsam eine relativ lange Liste an Geilteilen bei uns in unserem Trello.

02:04:54.780 --> 02:04:56.220
 Die gehen uns so schnell nicht aus, ja.

02:04:56.880 --> 02:05:04.980
 Und ich wollte jetzt heute mal was auswählen, was jetzt nichts mit Code zu tun hat, weil ich dachte einfach, es ist jetzt mal wieder Zeit für was anderes.

02:05:06.060 --> 02:05:10.680
 Und die Geilteile, das ist nicht definiert, dass es mit Code was zu tun haben muss, das kann alles sein.

02:05:10.680 --> 02:05:16.280
 Das kann auch ein Musikstück sein, ihr habt es ja vielleicht auch schon mal gehört, irgendwie ein Künstler oder irgendwas, was einem halt über den Weg gelaufen ist.

02:05:16.440 --> 02:05:35.800
 Und finde ich jetzt auch passend, immer noch zu unseren Zeiten, in denen wir leben, wo wir uns vielleicht treffen wollen, aber nicht unbedingt sollten, ist mir ein Tool empfohlen worden, was ich dann auch mal ausprobiert habe, was ich total cool fand.

02:05:36.800 --> 02:05:42.160
 Und dachte so, damit kommt man so ein bisschen näher zusammen, aber kann trotzdem zu Hause auf seiner Couch sitzen bleiben.

02:05:42.160 --> 02:05:44.820
 Und zwar heißt das Tool Gather.town.

02:05:44.820 --> 02:05:47.620
 Ich glaube, Konstantin, wir haben wir beide das eigentlich mal ausprobiert.

02:05:47.620 --> 02:05:50.160
 Wir haben es mal kurz ausprobiert, ja, so Zwischentür und Angel so kurz.

02:05:50.160 --> 02:05:52.240
 Wir haben es mal kurz getestet.

02:05:52.240 --> 02:05:53.260
 Also, was ist das?

02:05:53.260 --> 02:05:58.640
 Das ist, ihr kennt vielleicht Zelda.

02:05:58.640 --> 02:06:02.560
 Ich finde, mit Zelda kann man es irgendwie gut vergleichen.

02:06:02.600 --> 02:06:09.840
 Ihr kennt vielleicht das Computerspiel Zelda und zwar so in alten Varianten, wo man so eine Draufsicht hat, so von schräg oben, sage ich mal.

02:06:09.840 --> 02:06:11.760
 Es ist in dem Fall, glaube ich, nicht isometrisch.

02:06:11.760 --> 02:06:23.680
 Es ist nicht schräg, aber es ist so von oben, schräg oben sieht man irgendwie so Pixelräume, Pixelmännchen, Pixel, alles Pixel, Pixel.

02:06:23.680 --> 02:06:29.960
 Und man kann da so ein Männchen steuern durch Räume und da können mehrere Männchen sein.

02:06:30.120 --> 02:06:36.320
 Und das sind tatsächlich dann auch andere Menschen, die in dem Raum oder in dieser Welt unterwegs sind.

02:06:36.320 --> 02:06:41.500
 Und wenn man dann noch irgendwie da seine Webcam, also das Ganze funktioniert im Browser.

02:06:41.500 --> 02:06:53.480
 Und wenn man da noch seine Webcam und sein Mikrofon berechtigt, dann kann man, wird direkt ein Videochat geöffnet, wenn man einer anderen Person, die da rumläuft, also dem anderen Avatar, der da rumläuft, näher kommt.

02:06:53.640 --> 02:06:55.040
 Und dann kann man direkt miteinander sprechen.

02:06:55.040 --> 02:07:05.340
 Und dann gibt es noch so Orte, wo so abgeschlossene Orte, abgeschlossene Räume innerhalb von denen jeder den anderen hören kann.

02:07:05.340 --> 02:07:10.520
 Aber wenn man nicht drin ist, hört man nichts davon oder kriegt nichts davon mit, was da drin ist.

02:07:10.520 --> 02:07:15.080
 Oder zum Beispiel einen Spieletisch, an dem man dann Spiele, Online-Spiele gemeinsam spielen kann.

02:07:15.780 --> 02:07:26.060
 Und es ist irgendwie eine ziemlich coole Sache, wenn man irgendwie mal ein Meeting machen möchte, aber man möchte jetzt nicht unbedingt das klassische Online-Meeting über Jitsi oder Teams oder keine Ahnung, Zoom, was man halt verwendet.

02:07:26.420 --> 02:07:39.240
 Sondern man möchte irgendwie das so ein bisschen mehr so wie ein echtes Meeting machen, wo man auch mehr so wie ein echtes Community-Meeting, sage ich mal, so ein Community-Meetup, wo sich dann auch mal Grüppchen bilden können, die über ein Thema sprechen.

02:07:39.800 --> 02:07:44.560
 Also ich habe es tatsächlich in der Form noch nicht verwendet, kann also nicht genau sagen, ob es wirklich auch funktioniert.

02:07:44.560 --> 02:07:46.400
 Aber ich hatte so den Eindruck, das ist cool.

02:07:46.400 --> 02:07:51.280
 Dann kann man sagen, ja, da in der Ecke, da sprechen wir jetzt mal über dies und in der Ecke sprechen wir mal über das.

02:07:51.280 --> 02:07:53.000
 Und da wird noch ein Spiel gespielt.

02:07:53.000 --> 02:07:58.360
 Und man kann diese Welt auch gleichzeitig noch irgendwie mit dem Editor, der da mit eingebaut ist, tatsächlich erweitern.

02:07:58.360 --> 02:08:03.860
 Man kann da irgendwie seine eigenen Pixel-Sachen noch mit reintun und kann, glaube ich, noch Sachen von extern mit reinscheren und so.

02:08:03.860 --> 02:08:04.840
 Das ist total fancy.

02:08:05.980 --> 02:08:25.540
 Und ich fand das einfach eine coole Sache, dass mal jemand weitergedacht hat, wie kann man denn sich treffen online und nicht nur, ich sehe die Gesichter von den anderen und rede jetzt mit denen, sondern wie kann man das dann irgendwie noch ein bisschen weiter treiben und noch so ein bisschen ein besseres Gefühl vielleicht dabei vermitteln.

02:08:27.280 --> 02:08:34.360
 Und drauf gekommen, dass es so was gibt, bin ich eigentlich über, wo ich nicht teilgenommen habe, aber so ein bisschen mitgekriegt habe, den letzten Congress.

02:08:34.360 --> 02:08:38.240
 Und das war eigentlich nicht der Congress, sondern die Remote Chaos Experience oder Chaos Experience.

02:08:39.440 --> 02:08:58.040
 Also so der Ersatz für den Chaos Communication Congress jetzt Ende letztes Jahr war in so, also das war nicht bei Gather Town, aber in so einer Pixel-Welt, wo man den Avatar durchsteuert und wohl auch mit sich sofort öffnenden Jitsi-Räumen und sowas muss ziemlich fancy gewesen sein.

02:08:58.040 --> 02:08:59.820
 Ich finde es eine coole Sache einfach.

02:09:00.040 --> 02:09:09.560
 Also Konstantin und ich haben es mal ausprobiert und es macht Spaß und ich würde gerne mal, weißt du was, wir könnten mal ein HörerInnen treffen da drin.

02:09:09.560 --> 02:09:14.140
 Oh ja, stimmt, das hatten wir ja eh mal vorhin wirklich und jetzt könnte man das mal darüber machen.

02:09:14.140 --> 02:09:18.660
 Ja, dann machen wir das einfach mal darüber, weil das können wir auch jederzeit einfach mal machen.

02:09:19.200 --> 02:09:26.340
 Man muss auch dazu sagen, also das ist kostenlos für bis 25 Personen. Also so im kleinen Freundeskreis kann man das einfach kostenlos nutzen.

02:09:26.340 --> 02:09:37.200
 Wenn man jetzt ein großes Unternehmen ist und da irgendwie und einzelne Räume und was weiß ich, kann man da verschiedene Pakete in verschiedenen Größen buchen und dann kostet das so ein paar Euro stundenweise oder auch monatsweise abgerechnet.

02:09:37.200 --> 02:09:40.540
 Aber so an sich kann man das auf jeden Fall mal kostenlos ausprobieren.

02:09:40.540 --> 02:09:44.680
 Wir machen eine exklusive, genau, 25 und dann.

02:09:44.740 --> 02:09:48.580
 25 und wenn jemand geht, dann darf jemand Neues rein, so wie ihm.

02:09:48.580 --> 02:09:52.660
 Sagt uns doch mal, ob da Interesse besteht, dann machen wir sowas mal.

02:09:52.660 --> 02:09:59.700
 Ja, also gerade, war tatsächlich nicht vorbereitet, gerade aus dem Gedanken geboren, Mensch, wofür könnte man es eigentlich einsetzen?

02:09:59.700 --> 02:10:01.660
 Ja, ein HörerInnen treffen wäre einfach mal geil.

02:10:01.660 --> 02:10:01.980
 Ja.

02:10:01.980 --> 02:10:03.120
 Das könnte man da drin machen.

02:10:03.120 --> 02:10:08.680
 Können wir mal ein bisschen quatschen und ein bisschen Scribble.io spielen oder sowas, man da drin halt spielen kann.

02:10:08.680 --> 02:10:11.160
 Tja, cool.

02:10:11.160 --> 02:10:11.400
 Ja.

02:10:11.400 --> 02:10:12.840
 Dann sind wir jetzt.

02:10:12.860 --> 02:10:14.460
 Das ist jetzt wieder der Nicht-End-Jingle.

02:10:14.460 --> 02:10:16.120
 Der nicht existierende End-Jingle, ja.

02:10:16.120 --> 02:10:18.460
 Der klassische, sehr gut.

02:10:18.460 --> 02:10:20.720
 Aber guck mal, wir sind nur ein bisschen über zwei Stunden.

02:10:20.720 --> 02:10:22.720
 Das ist, glaube ich, jetzt, okay, dafür kriegen wir jetzt vielleicht nichts.

02:10:22.720 --> 02:10:23.620
 Ist das jetzt vertretbar?

02:10:23.620 --> 02:10:27.900
 Also, ganz ehrlich, also unter anderthalb Stunden wird man uns, glaube ich, nicht mehr bekommen.

02:10:27.900 --> 02:10:37.140
 Wenn es nicht gerade eine Ankündigung ist von Wir streamen diese Woche, aber also eine Folge mit Thema und so unter anderthalb Stunden, ich glaube, das ist einfach nicht mit uns.

02:10:37.140 --> 02:10:59.960
 Es geht, es geht, es geht, es ist positiv. Wir reden einfach auch so gerne miteinander, weil ich meine, wir machen das, wir machen das jetzt im Stream jetzt noch viel öfter und uns gehen die Themen nicht aus und wir haben trotzdem Bock, miteinander zu reden und es ist ja, also von diesem Podcast, außer irgendeiner macht mal Spin-Off und macht dann irgendwie alleine, was nur halb so gut wäre, glaube ich, weil das wäre dann die Hälfte von WWS-IV.

02:10:59.960 --> 02:11:07.740
 Es ist einfach ein sehr gutes Zeichen, dass das so gut funktioniert und dass wir eben lange miteinander reden wollen, dass es uns, dass uns die Themen...

02:11:07.740 --> 02:11:09.780
 Ich glaube, es wäre sogar weniger als halb so gut.

02:11:09.780 --> 02:11:10.840
 Wahrscheinlich.

02:11:10.840 --> 02:11:15.580
 Weil die Summe, das ist ja nicht nur die Summe, sondern das Zusammenspiel.

02:11:15.580 --> 02:11:16.980
 Ja, also ich...

02:11:16.980 --> 02:11:23.940
 Aber egal, jetzt reden wir nicht in die letzte dreiviertel Stunde, damit wir wieder auf drei Stunden kommen über Meta.

02:11:24.160 --> 02:11:33.240
 Ich nehme jetzt meinen letzten Schluck aus meinem Glas und ich hatte mal wieder eine gute Zeit mit dir, Mensch.

02:11:33.240 --> 02:11:45.160
 Ja, hat wieder sehr viel Spaß gemacht und vor allem auch in diesem Setting jetzt mal wieder und schauen wir mal nächste Woche, also genau, dann kommen wir doch jetzt schon zur Verabschiedung und sagen noch kurz so Twitch-Pläne.

02:11:45.440 --> 02:11:57.920
 Also wir haben jetzt vorgenommen, uns so jeden Mittwoch fest zu streamen um 8 Uhr, also 20 Uhr abends, nicht 8 Uhr morgens und alle zwei Wochen so im Wechsel mit dem Podcast, auch Freitags.

02:11:57.920 --> 02:11:58.080
 Genau.

02:11:58.080 --> 02:12:04.220
 Wir wissen nicht genau, wie lange wir das durchhalten, weil das ist relativ viel, aber wir wollen das jetzt mal machen, das haben wir jetzt einfach uns mal vorgenommen.

02:12:04.640 --> 02:12:16.120
 Wie gesagt, wir würden gerne Twitch-Affiliate werden, wenn ihr uns helfen würdet dabei, indem ihr uns folgt und auch gerne natürlich zuschaut bei Twitch, würden wir uns sehr drüber freuen.

02:12:16.120 --> 02:12:27.240
 Aber wie gesagt, für alle, die nicht genau zu diesem Zeitpunkt dabei sein können, euch entgeht, dass ihr mit uns dann direkt in Kontakt treten könnt über den Chat, aber ihr könnt das natürlich auch nochmal nachschauen auf Twitch.

02:12:27.320 --> 02:12:30.560
 Und ich glaube auch auf YouTube, so ganz heimlich, oder ist das schon öffentlich?

02:12:30.560 --> 02:12:39.600
 Ja, richtig, das habe ich vorhin schon gesagt. Wir haben da keine Follower und das ist schon die zweite Folge, die erste Folge mit diesen 8,5 Minuten Schnipseln, die verschonen wir euch mal damit.

02:12:39.600 --> 02:12:42.660
 Aber die zweite Folge kann man auch auf YouTube nachschauen, genau.

02:12:42.660 --> 02:12:49.100
 Ja, wir haben noch keine schöne URL, weil da braucht man irgendwie 100 Subscriber. Ich glaube, die kriegen wir so schnell nicht zusammen.

02:12:50.560 --> 02:12:59.980
 Aber erstmal nach, wo wir sind, ist vorne schauen auf YouTube und da sieht man dann die Folge. Da sieht man auch unser Intro in Bewegung.

02:12:59.980 --> 02:13:01.080
 Ja, genau, stimmt.

02:13:01.080 --> 02:13:02.780
 Das ist ja auch für die Podcast-Hörer, die wissen das ja gar nicht.

02:13:02.780 --> 02:13:03.700
 Allein dafür lohnt sich's schon.

02:13:03.700 --> 02:13:12.640
 Ja, und vielleicht stellen wir es auch mal irgendwie so als Clip auf Twitter oder so, mal gucken. Aber wer es sehen will, muss jetzt aktuell den Stream auch wirklich mal angucken.

02:13:12.640 --> 02:13:16.360
 Also ich finde das schon auch, das Intro lohnt sich, das Feedback war auch entsprechend gut.

02:13:16.600 --> 02:13:25.740
 Ja, und wer hat's gemacht? Der Konstantin hat unser grandioses neues Video-Intro gemacht. Natürlich mit dem bekannten Sound, aber mit noch viel geileren und verstörenden Bildern.

02:13:25.740 --> 02:13:26.500
 In Farbe und bunt.

02:13:26.500 --> 02:13:34.900
 In Farbe und bunt, ja. Und sogar bewegt. Nicht nur Farbe und bunt, sondern es geht jetzt richtig zur Sache. Also schaut mal bei Twitch vorbei, wir würden uns wirklich freuen.

02:13:34.900 --> 02:13:46.540
 Genau, und Pläne, also wir haben schon Feedback von euch, also von denen, die zugeschaut haben, bekommen. Was sehr angesagt ist, sind so Seiten-Reviews, dass ihr uns Seiten vorschlagt und wir gucken uns die mal an, was man besser machen könnte, was gut ist.

02:13:46.540 --> 02:13:57.040
 Performance-mäßig, Accessibility, vor allem durch den Moritz und halt Live-Coding. Das ist, glaube ich, auch so das Ding, dass wir uns, dass wir live uns irgendwas, dass wir uns eine neue Technik aneignen zusammen, die wir beide noch nicht können.

02:13:57.100 --> 02:14:05.500
 Oder irgendwie ein Plugin schreiben für OBS, für Twitch, was auch immer. Das sind so die zwei Dinge, die wir, glaube ich, hauptsächlich machen werden auf dem Kanal.

02:14:05.500 --> 02:14:12.240
 Neben halt einfach nur Höreraustausch, Zuschaueraustausch, Zuschauerinnen-Austausch, Hörerinnen-Austausch.

02:14:12.240 --> 02:14:22.180
 Ja, das macht uns auf jeden Fall, das macht uns auf jeden Fall mega Spaß, so in Austausch mit euch zu treten. Und wir haben jetzt auch gemerkt, wir können auch eine Menge von euch lernen, immer wieder.

02:14:22.380 --> 02:14:29.600
 Das fand ich einfach fantastisch. Also es ist nicht nur so wie im Podcast, so ein bisschen Frontalbeschallung, sage ich mal. Es hat ja auch alles seine Berechtigung.

02:14:29.600 --> 02:14:39.680
 Aber so dieser Austausch, so, ja, guck mal, irgendwie da, da kenne ich mich aus, mach doch mal dies hier an der Stelle im Code oder so, ist extrem wertvoll, finde ich total cool.

02:14:39.680 --> 02:14:46.960
 Ich glaube, da können alle, die teilnehmen, inklusive uns, können da noch viel von lernen und es ist einfach eine ganz andere Art der Interaktion.

02:14:46.960 --> 02:14:55.360
 Es ist für uns irgendwie neu. Wir haben das jetzt gerade zweieinhalb Mal gemacht, sage ich mal. Ist auf jeden Fall mega spannend. Wir haben schon gesagt, Multitasking.

02:14:55.360 --> 02:15:01.040
 Unsere Köpfe glühen dabei, aber es macht trotzdem riesen Spaß.

02:15:01.040 --> 02:15:06.500
 Wir haben es ja so im ersten Jahr unseres Podcast-Daseins, haben wir es ja ein bisschen übertrieben mit dem Einfordern von Feedback.

02:15:06.500 --> 02:15:10.460
 Und das erübrigt sich da halt einfach, weil da kriegst du im Chat automatisch Feedback.

02:15:10.460 --> 02:15:17.080
 Und seitdem sind wir auch ein bisschen beruhigt, dass wir was zurückbekommen und merken, es gefällt euch, was wir da so tun.

02:15:18.920 --> 02:15:25.000
 Okay, und damit sind wir am Ende und sehen uns entweder auf Twitch oder hören uns in der nächsten Folge.

02:15:25.000 --> 02:15:27.160
 Macht's gut, bleibt gesund. Bis dann.

02:15:27.160 --> 02:15:27.740
 Bye, bye.

02:15:48.920 --> 02:15:49.420
 Bye, bye.

02:15:49.420 --> 02:15:49.480
 Bye, bye.

02:15:49.480 --> 02:15:49.480
 Bye, bye.

02:15:49.480 --> 02:15:49.860
 Bye, bye.