PrivyDrop Logo

ワンタップで復帰、盤石の安定性：PrivyDrop のキャッシュID自動参加と切断時の再接続を徹底解説

著者 david bai

はじめに：なぜ「自動入室」と「再接続」なのか

PrivyDrop を初めて使うと、よくある小さな引っかかりが二つあります。
  • 送信から受信に切り替えるたび、部屋の ID をもう一度貼り付ける。
  • カフェの Wi‑Fi やモバイル回線で一瞬切れると、手動でつなぎ直す。
小さなこと。でも現実のネットワークでは頻出で、使い心地を左右します。そこで私たちは、体験を“するり”と滑らかにする二つの磨き込みを加えました。
  • 受信側「キャッシュIDの自動入室」：条件を満たせば、自動で入力＆即入室。 -, エンドツーエンドの「粘り強い再接続」：Socket / P2P のどちらが落ちても、自動で再ネゴシエーション＆復旧。
そして大切なのは、アーキテクチャのレッドラインは不変であること。バックエンドは信令とルーム管理のみ、ファイルは常に E2E 暗号化でブラウザ間を直送します。

機能1：受信側のキャッシュID自動入室

受信タブへ切り替えた際、以下の条件を満たすと、最後に保存した部屋 ID を自動入力し、すぐ入室します。
  • 受信タブにいて、まだ入室していない；
  • URL に roomId パラメータがない（URL が優先、上書きしない）；
  • 入力欄が空（ユーザーの入力は上書きしない）；
  • localStorage にキャッシュ ID が存在する。
この判定はタブ切り替え時に走ります。条件一致なら、入力欄を埋めてからそのまま入室ロジックを呼び出し、貼り付け/クリックを 1 回減らします。
発動しないとき：
  • すでに入室している；
  • URL が明示的に roomId を持つ（共有リンクなど）；
  • 入力欄に既に文字があり編集中；
  • キャッシュ ID が存在しない。

機能2：送信側の「保存/使用」ボタン（ダブルタップで更新）

送信側の部屋 ID 入力欄に、賢い「再利用」ボタンを追加しました。状態は 2 つに切り替わります。
  • ID を保存：入力長が 8 文字以上で有効化。クリックで現在の入力をキャッシュ ID として保存。
  • キャッシュ ID を使用：キャッシュがあれば、ワンタップで入力欄に反映してそのまま入室。ダブルタップすると約 3 秒だけ「ID を保存」に切り替わり、キャッシュを更新できます。
実装メモ：

再接続：検知から復旧までの流れ

私たちは 3 つの入口から「切断」を監視し、再接続を走らせます。

シーケンス（Mermaid）

信頼性ディテール

短い ID と長い ID の使い分け

触ってみる（クイックスタート）

デスクトップでの手早い体験：
  1. 送信側で 8 文字以上の任意 ID を入力し、「ID を保存」をクリック。
  2. 受信側へ切り替え：条件を満たせば自動入力＆即入室。
  3. 切断を再現（Wi‑Fi を切る、テザリングへ切替、リロード→戻る）して、自動復帰を観察。
  4. 送信側で「キャッシュ ID を使用」をダブルタップし、一時的に「ID を保存」に切替→新しい長い ID へ更新。
モバイル/弱い回線の場面：
  • バックグラウンド→フォアグラウンド、Wi‑Fi とセルラーの切替。
  • 受信側の自動入室や、転送の自動再開を確認。

結びとお願い

“するり”とつながるほど、P2P の価値は増幅します。受信側のキャッシュ ID 自動入室と、スタック全体の再接続により、PrivyDrop は現実のネット環境でいっそう頑丈で頼れる存在になりました。
もし気に入っていただけたら、ぜひ GitHub で Star をお願いします（https://github.com/david-bai00/PrivyDrop）。見つけてもらいやすくなるだけでなく、私たちの磨き込みの原動力にもなります。
オンライン体験：https://www.privydrop.app。Issue から体験フィードバックや改善提案も歓迎します。“なめらかな体験”を、さらに厚くしていきましょう。
なお、ドメインは Cloudflare CDN による加速を有効化。地域間の速度と安定性が向上し、より多くのユーザーがストレスなくアクセスできます。
関連記事：