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