[Ein Entwickler, der ein blaues T-Shirt trägt, sitzt zu Hause, hinter einem Mikrofon und einem Popschild, das mit GitHub Octocat-Logo verziert ist. Der Entwickler teilt seinen Bildschirm, während er weiterhin in der oberen rechten Ecke der Webcam zu sehen ist. Auf ihrem Bildschirm betrachten sie ein GitHub Repository namens "js-project".]
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 einem weißen Hintergrund wird der Text "Vorbereiten des Codespaces" unter GitHub Octocat-Logo 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, sehen Sie, dass wir in einem Computer landen, der bereits eingerichtet ist, und es verfügt über Python, Node, Docker und noch mehr, sodass es Tools wie Java und Rust und Go und C++ hat.
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 es hier ausführen, und ihr werdet sehen, dass uns mitgeteilt wird, dass unsere App auf Port 3000 läuft und dass wir sie im Browser öffnen und sicher mit einem weitergeleiteten Port verbinden können, auf dem unsere App vollständig betriebsbereit ist.
[Für den weitergeleiteten Port wird ein Popup angezeigt. Im Popup klickt der Entwickler auf eine Schaltfläche mit der Aufschrift „Im Browser öffnen“. Ein neuer Browsertab öffnet sich und zeigt eine Webseite mit dem Titel „Haikus für Mona“ an. 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. Vergiss nicht deinen Regenschirm, sonst wird es trüb.
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.
Und das ist ein kurzer Blick auf GitHub Codespaces.
Ende des Transkripts. Weitere Informationen zu GitHub Codespaces findest du in der GitHub Codespaces-Dokumentation.