ノート PC は 5 年もの、ビルドに 8 分かかる、そして電車の中でタブレットからバグを直したい。code-server はサーバー上で Visual Studio Code を動かし、ブラウザのタブにエディター一式を届けます。拡張機能もターミナルもキーボードショートカットもそのまま。重い処理は VPS が受け持ち、手元の端末は画面を描くだけです。
VPS が向いている理由
- どこでも同じ環境。 ノート PC からでも、借りた PC や iPad からでも、同じチェックアウト、ツール、設定。
- ビルドでバッテリーが減らない。 コンパイルもテストもサーバーの CPU で動きます。
- 長い処理が生き残る。 ふたを閉じても tmux の中の処理は走り続けます。
- ダウンロードが速い。
npm installやdocker pullはホテルの Wi-Fi ではなく、サーバーの高速回線を通ります。
必要なスペック
| 作業内容 | おすすめのプラン |
|---|---|
| スクリプト、設定ファイルの編集、小さな Python プロジェクト | Micro — 1 vCPU、2 GB、月 $5 |
| TypeScript、PHP、Go の Web アプリ | Small — 2 vCPU、4 GB、月 $8 |
| 複数プロジェクト、Docker ビルド、大きなモノレポ | Medium — 4 vCPU、6 GB、月 $12 |
見えないコストは言語サーバーです。数千ファイルの TypeScript プロジェクトなら、それだけで 1 GB 使うこともあります。
インストール
sudo を持つ一般ユーザーで（root ではなく。sudo ユーザーのガイドを参照）：
curl -fsSL https://code-server.dev/install.sh | sh
sudo systemctl enable --now code-server@$USER
インストールスクリプトがディストリビューションに合ったパッケージを選びます。設定は ~/.config/code-server/config.yaml にあります。
bind-addr: 127.0.0.1:8080
auth: password
password: use-a-long-random-password
cert: false
編集後は再起動します：sudo systemctl restart code-server@$USER。bind-addr は 127.0.0.1 のままにしてください。前段に HTTPS がない状態で公開アドレスを待ち受けてはいけません。
アクセス方法 1：SSH トンネル（どのプランでも使える）
手元のマシンから：
ssh -p 22 -N -L 8080:127.0.0.1:8080 you@203.0.113.10
そして http://localhost:8080 を開きます。インターネットには何も公開されず、暗号化は SSH が担います。NAT プランでは 22 の代わりにダッシュボードにある個別の SSH ポートを使ってください。ひとりで開発するならこの構成をおすすめします。
アクセス方法 2：自分のドメインで HTTPS
SSH を使えない端末からアクセスしたいなら、専用 IP のプランで nginx を前段に置きます。サブドメインをサーバーに向け（手順はこちら）、WebSocket に対応したプロキシを設定します。
server {
server_name code.example.com;
location / {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}
証明書は certbot --nginx -d code.example.com で取得します。詳しくはリバースプロキシのガイドで。公開 URL にする場合、config.yaml のパスワードだけがインターネットとサーバー上のシェルを隔てる唯一の壁なので、長くしてください。
乗り換える前に知っておくこと
- 拡張機能は Open VSX から。 人気のものはほぼ揃っていますが、Microsoft 専用のいくつかはありません。まず自分の拡張機能を確認しましょう。
- ブラウザのショートカットが優先されることがある。 Ctrl+W はファイルではなくタブを閉じます。ブラウザのメニューから code-server を PWA としてインストールすれば、ほとんど解決します。
- GPU はない。 CPU のサーバーなので、コードには最適ですがモデルの学習には向きません。
- 長い処理は tmux で。 統合ターミナルはタブと一緒に消えます。
相性のいい組み合わせ
AI のコーディングエージェントを使っているなら、同じサーバーでエディターと並べて動かせます。VPS でコーディングエージェントを動かすや Claude Code の活用例を参照してください。プランの詳細やアップグレードの方法はプランのドキュメントにあります。
コメント
まだコメントはありません。最初になりましょう。