🚀

GitHub Codespaces で外部ターミナルアプリを使う

2024/04/20に公開1件

GitHub

VS Code

Codespaces

tech

GitHub Codespaces に SSH 接続することで、外部ターミナルアプリを使う

GitHub Codespaces は GitHub リポジトリと統合されたクラウド開発環境です

https://docs.github.com/ja/codespaces

わたしの個人的な好みなのですが、VS Code のエディタスペースは広く使いたいです。
よって、普通にローカルマシンで VS Code で開発する場合、ターミナルは外部アプリ（WezTerm）を使っています。
ただ、GitHub Codespaces を使う場合、ターミナル操作で VS Code や JetBrains IDE の統合ターミナルを使うことになるので、ちょっと苦手でした。

が、外部ターミナルアプリから GitHub Codespaces に SSH 接続することで、外部ターミナルを使えることを知りました！

GitHub CLI を使うことで、簡単に SSH 接続できます。

gh codespace ssh -c <codespace名>

やってみた

1. Codespace を作成する

https://github.com/codespaces で codespace を作成します。
今回は React テンプレートを利用しました。

2. SSH で Codespace に接続する

次のコマンドで Codespace に SSH 接続できます。

gh codespace ssh -c <codespace名>

codespace 名は Codespace の URL に含まれています。
今回わたしが作成した Codespace の URL はhttps://upgraded-cod-rpxpjr97jrwcxxw7.github.dev/なので、codespace 名はupgraded-cod-rpxpjr97jrwcxxw7です。