動作環境・推奨スペック　ご案内

GuardHubはブラウザだけで動きます。専用ソフトのインストールは不要で、事務用のノートPCで問題なくご利用いただけます。ただし社内ネットワークの通信制限だけは事前のご確認をお願いしています（詳しくは「3. 通信の許可設定」）。

1. 推奨スペック

2. この数字の根拠（実測値）

2026年8月16日、実際の稼働環境で計測した値です。推定値ではありません。

測定環境：Windows / Google Chrome / Intel Iris Xe（CPU内蔵グラフィック）/ 16コア / メモリ32GB / 2560×1440。
最も負荷の高い「災害・地震情報」画面（3D地形マップ・震央表示・全国の気象警報を同時表示）を開いた状態で計測しています。

3. 通信の許可設定 最重要

導入前に必ずご確認ください。 GuardHubは地図・グラフなどの一部機能を外部のサービスから読み込んでいます。社内のプロキシ・ファイアウォール・フィルタリング製品でこれらが遮断されていると、PCの性能が十分でも地図やグラフが表示されません。

許可をお願いするアドレス（HTTPS / 443番ポート）

4. 遮断されていた場合の対応方法

5. 導入前チェック手順（3分）

お手元のPCで、実際に通信できるかを確認する手順です。

方法1：ブラウザで開いて確認する

下記を Chrome / Edge のアドレス欄に貼り付けて、エラー画面にならなければ通っています（文字が並んだ画面が出れば正常です）。

https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js
https://api.maptiler.com/maps/streets-v2-dark/style.json
https://atom-keibi-backend-production-c336.up.railway.app/api/health

3つ目は {"status":"ok", ...} と表示されれば正常です。

方法2：まとめて自動判定する

Chrome / Edge で任意のページを開き F12 →「コンソール」タブに、下記をそのまま貼り付けて Enter を押してください。各アドレスの可否が一覧で表示されます。

// GuardHub 通信チェック（コピーして貼り付け）
[
 "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js",
 "https://api.maptiler.com/maps/streets-v2-dark/style.json",
 "https://atom-keibi-backend-production-c336.up.railway.app/api/health",
 "https://s3.amazonaws.com/elevation-tiles-prod/terrarium/5/28/12.png",
 "https://fonts.googleapis.com/css2?family=Inter"
].forEach(u => fetch(u, {mode:"no-cors"})
   .then(() => console.log("%c OK  ", "color:#0a7d4f;font-weight:bold", u))
   .catch(() => console.log("%c 遮断", "color:#b3261e;font-weight:bold", u)));

6. その他のご注意