ポートアクセス

Claude Code や Codex がサーバー上で Web アプリを構築しているとき、実際に見て確認したくなるものです — :3000 の dev サーバー、:8080 の API、Storybook、ドキュメントのプレビューなど。ポートアクセスはサーバーがリッスンしているすべてのポートを一覧表示し、既存の SSH 接続でトンネルして、アプリ内ブラウザで HTTP で開けます。

追加設定は不要

トラフィックは SSH 経由で転送されるため、ポートをインターネットに公開する必要はありません — サーバーの localhost にバインドされたサービスにもアクセスできます。ファイアウォールの変更もリバースプロキシも不要です。

表示場所

  • サーバー詳細ページ — ツールセクションのポートをタップします(ターミナルと VNC の隣)。
  • ターミナルセッションページ — 右上のメニュー(⋯)を開き、ポートをタップします。セッションの接続を再利用するため、エージェントの作業を妨げずに即座に一覧が開きます。

ポートを開く

1

ポートアクセスシートには、ホストで現在リッスン中のすべての TCP ポートが、(取得可能な場合)プロセス名とバインドアドレスとともに一覧表示されます。

2

ポートをタップします。ServerCC は専用接続で SSH ローカルフォワードを確立し、アプリ内ブラウザでページを開きます。

アプリ内ブラウザ

  • 戻る / 進む — ボタンとエッジスワイプジェスチャーで自由に移動できます
  • デスクトップサイトページ表示モバイルサイトデスクトップサイトを切り替えて、両方のレイアウトを確認できます
  • 画面の向き — アプリ自体は縦向き専用ですが、ワイドレイアウト向けに一時的に横向きを解除できます
  • 再読み込み — エージェントが変更を加えた後、最新のビルド結果を読み込み直せます

補足事項

  • HTTP のみ — トンネルは常に http:// で読み込みます。プレーン HTTP の dev サーバーに向けてください。HTTPS 専用サービスには対応していません。
  • トンネルは同時に 1 本のみです — 別のポートを開くと前のトンネルは閉じられます。
  • ポートフォワーディングは専用の SSH 接続で動作し、ターミナルから分離されています — ページの読み込みが重くても Claude Code/Codex セッションが止まることはありません。
  • 何もリッスンしていない場合はアクセス可能なポートがありませんと表示されます — まず dev サーバーを起動してから、引き下げて更新してください。

関連項目:単一の Web ページではなくデスクトップ全体を表示するには VNC リモートデスクトップ、プレビューと組み合わせて使うセッションについてはターミナルをご覧ください。