ARTICLE

Claude Code VMリモート実行の本番運用ガイド【2026年版】— WebSocket+PTYでブラウザから安全に利用する実装パターン

2026/9/16 (更新: 2026/8/30)

SHARE

Claude Code VMリモート実行の本番運用ガイド。WebSocket+PTYでブラウザから安全に利用する実装【2026年版】

Cl

Claude Code VMリモート実行の本番運用ガイド【2026年版】— WebSocket+PTYでブラウザから安全に利用する実装パターン

ARTICLE株式会社renue
renue

株式会社renue

2026/9/16 公開2026/8/30 更新

AI導入・DXの悩みをプロに相談してみませんか?

AIやDXに関する悩みがありましたら、お気軽にrenueの無料相談をご利用ください。 renueのAI支援実績、コンサルティングの方針や進め方をご紹介します。

Claude Code VMリモート実行とは

Claude Code VMリモート実行とは、Claude Code(Anthropicのターミナルベースコーディングエージェント)をクラウドVM上で実行し、WebSocket + PTY(擬似端末)経由でブラウザからリモートアクセスする実装パターンです。ローカルPCのリソースに依存せず、組織のセキュリティポリシーに準拠した環境でAIコーディングを実行できます。

2026年2月、Anthropicが「Claude Code Remote Control」をリサーチプレビューとして公開。ローカルセッションをclaude.ai/codeやiOS/Androidアプリからリモート操作できるようになり、VMリモート実行のアーキテクチャがさらに進化しています。

アーキテクチャ概要

ブラウザ(xterm.js) ←→ WebSocket ←→ サーバー(node-pty/PTY) ←→ Claude Code プロセス
                                              ↓
                                         Azure VM / AWS EC2

3層構成

レイヤー技術役割
フロントエンドxterm.js + WebSocketブラウザ上にターミナルUIを表示し、入出力を中継
サーバーサイドnode-pty / Python pty擬似端末を生成し、Claude Codeプロセスの入出力を管理
実行環境Azure VM / AWS EC2Claude Codeが実際に動作するクラウドVM

なぜVM上で実行するのか

  • セキュリティ:クライアントPCではなく管理されたVM上でコード実行。ファイルシステムの分離、ネットワークポリシーの適用
  • リソース管理:GPU/CPU/メモリをVM単位で割り当て。Claude Codeの重い処理もVM側で完結
  • マルチユーザー対応:各ユーザーに独立したVM環境を割り当て、データの分離を図りやすい
  • どこからでもアクセス:ブラウザがあれば、PC/タブレット/スマートフォンからアクセス可能
  • 環境の統一:開発環境のセットアップをVM側で完了させ、「自分のPCでは動く」問題を解消

WebSocket + PTYの実装ポイント

PTY(擬似端末)の生成

PTYはプロセスにターミナルを提供する仕組みです。node-ptyやPythonのptyモジュールでClaude Codeプロセスを起動し、その入出力をWebSocketで中継します。

WebSocketの設計

  • 双方向通信:ユーザーのキー入力をサーバーへ、Claude Codeの出力をブラウザへリアルタイムに中継
  • 認証:WebSocket接続時にJWTトークンで認証。未認証接続を拒否
  • 再接続ロジック:ネットワーク断時の自動再接続。10分のネットワークタイムアウト対策
  • セキュリティ:WSS(WebSocket Secure)で通信を暗号化

環境変数の注入

APIキー・認証トークン等の環境変数をVMに安全に注入する設計が重要です。ハードコードは厳禁で、シークレットマネージャーまたは起動時の環境変数注入を使います。

Claude Code Remote Control(2026年2月)

Anthropic公式のRemote Control機能により、ローカルのClaude Codeセッションをclaude.ai/codeからリモート操作できるようになりました。

  • アウトバウンド接続のみ:VMからAnthropicサーバーへのHTTPS接続のみ。インバウンドポートは不要
  • セッション同期:PCで開始した作業をモバイルで継続可能
  • Plan on the Web:実装前にブラウザでPlanを詳細に確認・レビュー。ターミナルより可読性が高い
  • 制約:1インスタンス1接続、ターミナルは開いたまま、Pro/Maxプラン限定

Claude Code VM実行基盤の構成例

専用ラッパーによる実行環境管理

VM実行環境は、環境変数の注入・起動時設定・セッション管理をラッパー層に集約すると、安全なリモート実行を実現しやすくなります。

WebSocket統合によるブラウザアクセス

バックエンドにWebSocketエンドポイントを置き、xterm.jsと組み合わせるとブラウザ上にターミナルUIを提供できます。

Slack経由のVM起動

チャット操作を起点にクラウドVM上のセッションを起動する構成も考えられます。

本番運用のベストプラクティス

  • 認証の一貫性:ブラウザ→API→WebSocketの認証チェーンを統一し、バイパスしない
  • タイムアウト管理:アイドル状態のセッションを自動停止してリソースを回収
  • ログと監査:監査に必要な範囲で操作ログを記録し、機密情報のマスキングと保持期間を定める
  • コスト管理:VMの起動/停止を自動化し、未使用時のコストを削減
  • 企業ファイアウォール対応:WSS接続がブロックされる場合のフォールバック設計

よくある質問(FAQ)

Q1: ローカル実行とVM実行どちらがよい?

個人開発ならローカル、チーム開発・セキュリティ要件がある場合はVM。クライアント案件でコードが機密の場合はVM一択です。

Q2: VMのコストは?

小規模なインスタンスであれば低コストに抑えられますが、料金は提供元や地域・稼働時間により変動します。必要な時だけ起動する運用ならさらに削減可能です。

AI開発環境・リモート実行基盤のご相談

renueでは、Claude Code VMリモート実行環境の構築からWebSocket統合、セキュリティ設計まで支援しています。

無料相談はこちら →
SHARE

FAQ

よくある質問

Claude CodeをローカルPCではなくクラウドVM(仮想マシン)上で実行し、WebSocket+PTYを介してブラウザからリモートアクセスする運用パターンです。セキュリティの確保(本番コードベースをローカルに置かない)、チーム共有(複数人が同一環境にアクセス)、計算リソースの柔軟なスケーリングが主なメリットです。

WebSocketはブラウザとサーバー間の双方向リアルタイム通信プロトコルで、PTY(Pseudo Terminal)はサーバー上の仮想ターミナルです。この組み合わせにより、ブラウザからリモートVMのターミナルをリアルタイムに操作でき、Claude Codeの入出力をブラウザ経由で安全に表示・操作できます。

本番コードベースをエンジニアのローカルPCに持たせないセキュリティ要件、GPUやメモリなど高性能リソースの柔軟な割り当て、複数のAIエージェントを並列実行する場合のリソース管理、チーム全体で統一されたClaude Code実行環境の提供が主な理由です。

WebSocket通信のTLS暗号化(WSS)、VM接続の認証・認可(SSO/JWT等)、APIキー・トークンのVault管理(エージェントに見せない設計)、ネットワークの分離(VPCでのアクセス制御)、操作ログの記録(機密情報のマスキングと保持期間の設定)が重要なセキュリティ対策です。

セキュリティ要件が厳しい企業(金融・医療等)、リモートチームでの共同開発環境が必要な企業、大規模なコードベースでClaude Codeを運用する企業、AIエージェントの複数同時実行が必要な企業に向いています。ローカル実行で十分な小規模チームにはオーバースペックな場合があります。

AI導入・DXの悩みをプロに相談してみませんか?

AIやDXに関する悩みがありましたら、お気軽にrenueの無料相談をご利用ください。 renueのAI支援実績、コンサルティングの方針や進め方をご紹介します。

関連記事

AI導入・DXの悩みをプロに相談してみませんか?

AIやDXに関する悩みがありましたら、お気軽にrenueの無料相談をご利用ください。renueのAI支援実績、コンサルティングの方針や進め方をご紹介します。

無料資料をダウンロード