ホスト名でセンシティブなページを出し分ける

同じ SPA を「ローカルでは全機能/公開時は個人データを隠す」と切り替える軽いプライバシーゲート(gbf-navi)。

  • 判定isLocal = hostname === 'localhost' || hostname.match(/^192\.168\./)。アクセス元のホスト名で ローカルネットワークかを見る。
  • 出し分け:個人の所持データ系ページ(キャラ/武器/編成等)は isLocal のときだけ表示 (gbfVisible = isLocal || showGbf)。VercelにSPAをデプロイする で公開した版では自動的に隠れるので、 同じコードを「自宅では実用ツール/公開版ではポートフォリオ」と二役にできる。
  • 注意:これは UI 上のゲートで、サーバー側の認可ではない。秘匿が要るデータは別途バックエンドで守る。

出典:gbf-navisrc/App.jsx