Web Security CSP/CORS/Permissions Policy 2026(ウェブセキュリティヘッダ)
Web Security Header最新。Content-Security-Policy (CSP Lv3・Trusted Types・nonce-/strict-dynamic)・Cross-Origin-Resource-Policy (CORP)・Cross-Origin-Embedder-Policy (COEP)・Cross-Origin-Opener-Policy (COOP)・Permissions-Policy (camera, microphone, geolocation)・Referrer-Policy・X-Content-Type-Options nosniff・Mozilla Observatory・SecurityHeaders.com・¥0 OSS、2026年COEP/COOPで cross-origin isolation必須。
概要
Web Security Header は、ブラウザとサーバ間の通信を安全に保つための HTTP ヘッダー群です。2026 年現在、CSP Lv3(Trusted Types・nonce・strict-dynamic)、CORP、COEP、COOP、Permissions‑Policy、Referrer‑Policy、X‑Content‑Type‑Options nosniff などが標準化され、特に COEP/COOP で cross‑origin isolation が必須化しました。これにより、サードパーティリソースの読み込みやオープンウィンドウ操作が厳格に制御され、DOM 侵入やクロスサイトスクリプティング(XSS)のリスクが大幅に低減します。Mozilla Observatory や SecurityHeaders.com などのツールで設定状況を可視化し、OSS で公開されているベストプラクティスを参照しつつ、最新の Web セキュリティ基準に合わせて構築することが推奨されます。
主な特徴・仕組み
- CSP Lv3
script-src 'nonce-abc123' 'strict-dynamic' https://trusted.cdn.com;- Trusted Types により、DOM 操作を安全に制限。
report-uri /csp-violation-reportで違反を監視。
- Cross‑Origin Resource Policy (CORP)
Cross-Origin-Resource-Policy: same-originで外部リソースの読み込みを拒否。
- Cross‑Origin Embedder Policy (COEP)
Cross-Origin-Embedder-Policy: require-corpで埋め込みリソースを同一オリジンに限定。
- Cross‑Origin Opener Policy (COOP)
Cross-Origin-Opener-Policy: same-originでウィンドウ間のオープンを制限。
- Permissions‑Policy
Permissions-Policy: camera=(), microphone=(), geolocation=()でハードウェアアクセスを制御。
- Referrer‑Policy
Referrer-Policy: no-referrer-when-downgradeでリファラ情報を削減。
- X-Content-Type-Options
X-Content-Type-Options: nosniffで MIME タイプのスニッフィングを防止。
- Cross‑Origin Isolation 必須化
- 2026 年の RFC 9000 で COEP+COOP の併用が必須に。
- OSS とツール
- Mozilla Observatory でヘッダー検証。
- SecurityHeaders.com でベンチマーク比較。
- 2025‑2026 年の動向
- 2025 年、CSP の
unsafe-evalが廃止対象に。 - 2026 年、COEP/COOP のデフォルト設定が強化。
- 2026 年、Trusted Types がブラウザ API で標準化。
- 2025 年、CSP の
スペック比較表
| 項目 | 2025 標準 | 2026 標準 | 2026 先進実装例 |
|---|---|---|---|
| CSP | Lv2 | Lv3 | script-src 'nonce-xyz' 'strict-dynamic' |
| CORP | なし | same-origin | Cross-Origin-Resource-Policy: same-origin |
| COEP | なし | require-corp | Cross-Origin-Embedder-Policy: require-corp |
| COOP | なし | same-origin | Cross-Origin-Opener-Policy: same-origin |
| Permissions-Policy | なし | あり | Permissions-Policy: camera=(), microphone=(), geolocation=() |
具体例・対応製品
- Intel i9‑14900K(LGA 1700、24 コア、TDP 165W、¥198,000)
- 2026 年にリリースされた CPU は、Web アプリ開発向けに高速な JavaScript 実行を提供。
- NVIDIA RTX 5090(24 GB GDDR7、TDP 450W、¥128,000)
- 高解像度 WebGL コンテンツで CSP への nonce 処理を高速化。
- Samsung 980 Pro 2TB NVMe SSD(速度 7,000 MB/s、TDP 5W、¥39,000)
- サーバー側での CSP レポートログを高速に書き込み。
- AMD Ryzen 9 9950X3D(16 コア、TDP 140W、¥152,000)
- Trusted Types を利用したフロントエンドフレームワークのビルドを高速化。
- Corsair Vengeance DDR5‑6000 32GB(CL32、TDP 3W、¥27,000)
- 大容量メモリで CSP のレポート解析を並列処理。
自作PCでの選び方・注意点
- CPU:CSP レポート解析や Trusted Types のビルドを高速化するため、コア数 12 以上、TDP 150W 以上を推奨。
- GPU:WebGL 2.0 以上を利用する場合は RTX 5090 以上で、GDDR7 の高速メモリが効果的。
- メモリ:32GB DDR5‑6000 以上で、レポートログの一時保存に余裕。
- ストレージ:NVMe SSD 2TB 以上、読み書き速度 7,000 MB/s 以上が望ましい。
- 電源:450W 以上、80+ Platinum 以上の高効率。
- ケース:CPU と GPU の熱設計を考慮し、エアフローが良好なものを選択。
- OS:Linux(Ubuntu 24.04 LTS)で Apache/Nginx の設定を行う場合、CSP ヘッダーを自動生成するモジュール(mod_headers)を有効化。
- ブラウザ:最新の Chrome 120 以上、Firefox 120 以上を使用し、CSP Lv3 と COEP/COOP のサポート状況を確認。
- 監査ツール:Mozilla Observatory で定期的にスキャンし、
X-Content-Type-Options: nosniffが設定されているか確認。
関連用語との違い
- CORS (Cross‑Origin Resource Sharing)
- リソースの読み込み許可をサーバー側で設定。
- CSP はスクリプト・スタイルの実行制御。
- COOP/COEP
- ブラウザ側でのオリジン分離を強制。
- CORS とは別に、ウィンドウ間の共有を制御。
- Permissions‑Policy
- ハードウェアアクセスを制御。
- CSP では DOM 侵入を制御。
- Referrer‑Policy
- リファラ情報を制御。
- CSP とは独立。
よくある質問(FAQ)
Q1. 2026 年に COOP/COEP が必須になると、既存の Web アプリはすぐに壊れますか?
A1. 既存アプリは、COOP/COEP を追加するだけで機能停止しません。ただし、外部リソースを読み込む場合は CORP で同一オリジンに限定する必要があります。
Q2. CSP Lv3 の strict-dynamic を有効にすると、外部 CDN からのスクリプトは全てブロックされますか?
A2. strict-dynamic は nonce または hash が付与されたスクリプトからのみ、さらに script-src にリストされた外部ソースを許可します。外部 CDN を利用する場合は、nonce を付与し、https://trusted.cdn.com を script-src に追加してください。
Q3. どのツールでヘッダー設定を自動生成できますか?
A3. Mozilla Observatory の「Security Headers」機能で推奨ヘッダーを取得し、Apache の mod_headers か Nginx の add_header で設定できます。
まとめ
Web Security Header は、2026 年に入り COEP/COOP の cross‑origin isolation が必須化されたことで、従来の CORS だけでは対処できない脅威に対抗するための不可欠な技術です。CSP Lv3 の Trusted Types、nonce/strict-dynamic、Permissions‑Policy などを組み合わせることで、DOM 侵入、XSS、情報漏洩を徹底的に抑制できます。自作PCを構築する際は、CPU・GPU・メモリ・ストレージといったハードウェアの性能を高めるとともに、Mozilla Observatory や SecurityHeaders.com を活用し、ヘッダー設定の正確性と最新性を保つことが重要です。これらの対策を講じることで、2026 年以降の Web アプリケーションは、より安全で堅牢な基盤を持つことができます。