Vercelがついにポート番号を廃止（Portlessの衝撃）

PortlessはVercel Labsによって開発された、localhostのポート番号を固定の名前付きホストに変換するCLIツールです。開発現場で頻発する「address is already in use」というポート競合エラーを解消するために設計されました。特に複数のAIエージェントを別々のプロジェクトで稼働させている場合、ポート番号の衝突は作業の中断を招く大きなストレスとなります。このツールを導入することで、人間もエージェントも常に正しい場所にアクセスできる環境が整います。初期設定のデモンストレーションを通じて、いかに簡単に導入できるかが強調されています。

Portlessの起動は非常にシンプルで、プロキシを立ち上げた後に「portless [ホスト名] [実行コマンド]」を入力するだけです。実行すると、システムは4000番台からランダムな空きポートを自動的に探し出し、競合のリスクを最小限に抑えます。公開されるURLはデフォルトで「ホスト名.localhost:1355」となり、末尾の1355はツールの名称である「less」に由来しています。別のアプリを起動した際も、内部ポートは変わりますがブラウザからアクセスするポート番号は常に一定に保たれます。これにより、ブックマークやエージェントの設定を書き換える手間がなくなります。

さらに高度な利用方法として、ポート番号を完全に省略してアクセスする設定も紹介されています。sudo権限を用いてプロキシをポート80で起動すれば、「myapp.localhost」のようなスッキリとしたURLでの開発が可能になります。また、HTTPSフラグを使用することで、ローカル環境でありながらセキュアな通信をエミュレートすることもできます。デバッグ用のオプションも充実しており、プロキシをフォアグラウンドで実行してログを確認したり、緊急時にプロキシを介さず直接実行したりすることも可能です。ユーザーのニーズに合わせて、柔軟な開発環境を構築できる点が大きな魅力です。

Portlessの内部では、メインのCLIコマンドとバックグラウンドプロキシの2つのプロセスが連携して動作しています。コマンド実行時にホスト名とポートの関係がroot storeのJSONファイルに記録され、環境変数としてアプリに渡されます。ブラウザからリクエストが来ると、プロキシがこのJSONファイルを参照して適切な内部ポートへトラフィックを転送する仕組みです。このリバースプロキシ方式により、ブラウザは常に1355番（または設定したポート）からの応答を受け取ることが保証されます。WebSocket通信においてもこの魔法のような転送処理は有効であり、リアルタイム性が求められるアプリでも問題なく動作します。

Next.js以外のフレームワーク、特にViteを使用する場合にはいくつか注意すべき設定ポイントがあります。Viteはセキュリティ上の理由で認識されないオリジンからのリクエストを拒否するため、hostキーを適切に設定してこの制限を回避する必要があります。具体的にはポート変数を動的に受け取り、それをViteの設定に反映させる「少し強引な」手法が紹介されていますが、ローカル開発においては安全であると説明されています。Vercel Labsは今後もこのプロジェクトを更新し続け、Windows対応の改善なども進めていく予定です。最後に、同チームが開発したAgent Browserなど、他のAI関連ツールについても言及し動画を締めくくっています。