Proxee

Proxeeとは？

Proxeeは、ローカルのWeb開発サーバーをiPhoneへミラーし、開発中のライブサイトを確認・操作できるmacOSのメニューバーアプリです。プロジェクトコードを変更せずに、実機のiPhoneでモバイルのレイアウト、ナビゲーション、スクロール、再読み込みの挙動を確認したいWeb開発者向けに設計されています。

この製品は、QRコードベースのセットアップと信頼済みデバイスのペアリングを使って、MacとiPhoneをローカルネットワーク経由で接続します。サイトによると、Next.js、React、Astro、ViteなどのローカルWebサーバーやフレームワークに対応し、アダプターやコード変更なしでHTTP層で動作します。

主な機能

• iPhoneでのライブプレビュー: 接続したiPhoneにローカルの開発プロジェクトを表示し、開発中にモバイルUIを確認できます。
• ライブリロードと同期: ペアリングしたデバイス間で、再読み込み、ページ移動、スクロール位置、テーマ変更を同期します。
• QRベースのペアリングフロー: ローカルポートの選択、QRコードのスキャン、iPhoneでのペアリング承認からセットアップを開始します。
• フレームワーク非依存のプロキシ: プロジェクト固有のアダプターや変更なしでローカル開発サーバーに対応し、一般的なフレームワークやサーバーと互換性があるとされています。
• 無料のiOSコンパニオンアプリ: iPhoneをスリープさせず、長時間の作業でセッションを保持するコンパニオンアプリが含まれます。
• ローカルのみで動作: Mac上で動作し、LAN経由で通信するため、クラウドリレーや外部サーバーは不要です。

Proxeeの使い方

Macアプリをインストールし、メニューバーから起動して、ローカルWebサーバーが動作しているポートを指定します。次に、iPhoneでQRコードをスキャンし、ペアリング要求を承認します。

ペアリング後は、iPhoneでプロキシされたサイトを開き、Macで作業しながらライブのモバイルプレビューとして使用します。必要に応じて、長時間のセッションではコンパニオンアプリを使うことで、iPhoneのスリープを防ぎ、セッションを利用可能なまま保てます。

使用例

• Macでローカルサイトを編集しながら、実機のiPhoneでレスポンシブレイアウトを確認する。
• 開発中にスクロール挙動、ページ遷移、再読み込みの挙動を検証する。
• ペアリングしたデバイス間で、ローカルのログインやブラウザベースのOAuthフローをテストする。
• デバイスを何度も切り替えたりワークフローを再構築したりせずに、テーマ変更やその他のUI状態の変化を確認する。
• 追加の統合コードなしでモバイルプレビューを行いたい、フレームワークベースのローカル開発サーバーで作業する。

FAQ

• ProxeeはiOSアプリ開発向けですか？ いいえ。サイトでは、ローカルで動作するWeb開発サーバーをiPhoneでプレビューするWeb開発者向けと説明されています。

• プロジェクトの変更やアダプターは必要ですか？ いいえ。製品はフレームワーク非依存で、コード変更や特別なアダプターは不要とされています。

• コンパニオンアプリはありますか？ はい。iPhoneをスリープさせず、セッションを記憶するための無料のiOSコンパニオンアプリが案内されています。

• Proxeeはオフラインまたはローカルで動作しますか？ ローカルのみで動作するとされており、プロキシはMac上で実行され、通信はローカルネットワーク内にとどまります。

• Androidはサポートされていますか？ サイトではiOS向けに最適化されているものの、同じWi-Fi上の他のブラウザでも動作可能とされています。主な洗練されたワークフローはiPhoneを中心に構築されています。

代替手段

• デスクトップの内蔵ブラウザとレスポンシブデザインツールを使う: すばやいレイアウト確認には便利ですが、実機のモバイルプレビューと同じワークフローは得られません。
• リモートデバイステストサービス: より広いデバイスアクセスとクロスデバイステスト向けで、ローカルLANのワークフローではなくクラウドホスト型のインフラを使うことが多いです。
• 従来のトンネルやプレビュープロキシツール: ローカルサイトを外部アクセス向けに公開しますが、信頼済みデバイスのペアリング、スクロール同期、iPhone中心のコンパニオンワークフローにはあまり重点を置かない場合があります。
• 同じWi-Fi上で手動更新する: その場での確認には最も簡単ですが、Proxeeにあるようなペアリング同期やセッション保持はありません。