ポートアクセス
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 リモートデスクトップ、プレビューと組み合わせて使うセッションについてはターミナルをご覧ください。