CursorやVS CodeのRemote-SSHでVPSに開発環境を作る

レン

CursorとかVS CodeのRemote-SSHって、VPSに繋ぐと何が変わるの？普通にSSHでログインするのと同じ？

プロクラ

似ているようで違うんだ。Remote-SSHは、エディタの画面だけ手元に残して、ファイルを開く・保存する・拡張機能を動かすといった処理はぜんぶVPS側の小さなプログラムに任せる仕組みだよ。見た目はいつものエディタなのに、実際に動いているのはVPSの中、という形になる。

何が嬉しいのか

• 自分のPCの容量やCPUを使わずに、重いプロジェクトを開ける
• チームの誰が繋いでも、同じ環境で同じように動く
• PCを買い替えても、繋ぎ直すだけで作業を再開できる

レン

でも遠くのサーバーを触るんだから、もっさりしそう…

プロクラ

体感はそれほど重くならないことが多いよ。画面には文字とカーソルの位置くらいしか流れないから、ターミナル作業と同じで多少の遅延には強いんだ。ただし、入力の候補を出す機能のように都度サーバーへ問い合わせる部分は、回線が遅いと反応の遅れとして感じやすい。

サーバー側で効いてくるもの

気づきにくいのが、エディタを繋いだ時点でVPS側にもう1つプログラムが常駐する、という点です。そこに加えて、コードの補完や警告を出すための解析プログラムがプロジェクトごとに立ち上がります。プロジェクトの実行に必要なメモリだけを見積もっていると、この分が抜け落ち、動きが重くなってから初めて気づくことになります。

• 規模の大きいプロジェクトほど、解析プログラムが使うメモリも増える
• ディスクの読み書きが速いと、最初の解析にかかる時間が短くなる
• リンターや型チェックを同時に走らせるなら、コアの数にも余裕を持たせる

公開の範囲に注意する

ウィルスン

…Remote-SSHの接続そのものは鍵で守られていても、動作確認のためにブラウザ用のサーバーを外向けに立てていることがある。それがどこからでも見える状態なら、ワタシにとっては好都合だ。

プロクラ

確認用のサーバーを、外からそのまま見える形で立ててしまう人は実際多いよ。開発中の画面を見たいだけなら、サーバーは手元からしか繋がらない状態にしておいて、SSHのポート転送で自分のブラウザから覗く形にしよう。

• 確認用のサーバーは外部に公開せず、手元からのアクセスに限定する
• 見る必要があるときだけ、SSHのポート転送でその場だけ繋ぐ
• 鍵認証を基本にし、使い終わったら不要なポートは閉じておく

レン

画面は軽くても、裏では常駐プログラムが増えている。見せ方にも気をつける、と。