[Ein Entwickler im blauen T-Shirt sitzt zu Hause hinter einem Mikrofon und einem Popschutz, der mit dem Octocat-Logo von GitHub verziert ist. Der Entwickler teilt seinen Bildschirm und wird selbst auf der Webcam in der oberen rechten Ecke angezeigt. Auf dem Bildschirm sehen sie sich ein GitHub-Repository namens „js-project“ an.]
Entwickler: Heute führen wir also mein JavaScript-Projekt in GitHub Codespaces aus.
[Auf der Repositoryseite oberhalb der Liste der Dateien wählt der Entwickler die Schaltfläche „Code“ aus, um ein Dropdownmenü zu öffnen. Sie klicken auf „Mit Codespaces öffnen“ und dann auf „Neuer Codespace“.]
Entwickler: Während wir also unseren Codespace erstellen, habt ihr möglicherweise die Frage: „Was ist denn ein Codespace?“
[Im Browser wird der Codespace geladen. Auf weißem Hintergrund wird der Text „Ihr Codespace wird vorbereitet" unter dem Octocat-Logo von GitHub und einem VS Code-Logo angezeigt.]
Entwickler: Ein Codespace ist eine sofortige Cloudentwicklerumgebung, in der wir alles ausführen, testen, debuggen und pushen können: alles, was wir in einer Entwicklungsumgebung gewohnt sind, aber ohne die übliche lokale Computereinrichtung.
[Der Codespace wird im VS Code-Web-Editor im Browser geöffnet und mit dem dunklen Design ausgeführt. Verzeichnisse und Dateien aus dem Repository werden in der linken Randleiste angezeigt. In einem integrierten Terminal lautet die Meldung "Willkommen bei Codespaces", und die enthaltenen Runtimes und Tools werden aufgelistet.]
Entwickler: Wenn wir diesen Codespace erstellen, werdet ihr sehen, dass wir auf einem Computer landen, der bereits eingerichtet ist und über Python, Node, Docker und noch mehr verfügt, sodass er Tools wie Java und Rust sowie Go und C++ enthält.
Ihr werdet jedoch sehen, dass wir im Standardbild gelandet sind. Das Tolle an Codespaces ist, dass ihr euer Setup vollständig anpassen könnt, nicht nur für euch selbst, sondern auch für alle anderen, die an diesem Repository teilnehmen. Daher könnt ihr über ein „Config-as-Code“-Setup verfügen, mit dem ihr euer eigenes Image, Dockerfile oder Docker Compose verwenden könnt.
So beginnen wir jetzt mit unserer App. Ich werde hier npm start ausführen, und ihr werdet sehen, dass wir erfahren, dass unsere App an Port 3000 ausgeführt wird, und wir können sie im Browser öffnen und eine sichere Verbindung mit einem weitergeleiteten Port herstellen, auf dem unsere App vollständig ausgeführt wird.
[Für den weitergeleiteten Port wird ein Popup angezeigt. Im Popup klickt der Entwickler auf eine Schaltfläche mit der Aufschrift „Im Browser öffnen“. Eine neue Browserregisterkarte wird geöffnet, auf der eine Webseite mit dem Titel „Haikus for Mona“ angezeigt wird. Die Webseite zeigt ein Cartoonbild, auf dem Mona, die Octocat, grinsend mit einem violetten Regenschirm über eine Pfütze springt. Unter dem Bild steht ein Haiku: „Rain in Seattle. Don't forget an umbrella, or it will be gloom.“ (Regen in Seattle. Vergiss deinen Regenschirm nicht, sonst wird es hoffnungslos.)]
Entwickler: Hier wird also meine Node-App ausgeführt, verbunden in einem Codespace. Für die Einrichtung in Codespaces haben wir nur etwa 60 Sekunden benötigt.
[Der Entwickler scrollt zu einem Bild von Mona, die mit ihrem Tentakel an einem Plattenspieler herumfummelt.]
Entwickler: Ihr könnt euch also vorstellen, dass dies vollständig angepasst ist, um die Einrichtungszeit für wirklich alle eure Repositorys zu senken.
Das ist ein kurzer Einblick in GitHub Codespaces.
Ende des Transkripts. Weitere Informationen zu GitHub Codespaces findest du in der GitHub Codespaces-Dokumentation.