100% ブラウザ内完結計算 • サーバーログ完全ゼロ • 即時実行
Curious Techie開発者ツールボックス
Web SecurityW3C Content Security Policy Level 3Verified Terminology

コンテンツセキュリティポリシー(CSP: Content Security Policy)

直接の回答

ブラウザが読み込みおよび実行を許可するリソース(スクリプト、CSS、画像等)の供給元を制限し、XSS攻撃を防御するセキュリティヘッダー仕様。

Entity Relationships (GEO Conceptual Hierarchy)

Taxonomy Model
Relational Knowledge Graph Sequence
CSP→
XSS防御→
暗号学的Nonce→
script-src→
リソース実行制御
CSP
•>XSS防御
•>暗号学的Nonce
•>script-src
•>リソース実行制御

Technical Explanation & Operational Mechanics

CSPはHTTPレスポンスヘッダー Content-Security-Policy を通じて適用される防御レイヤーです。信頼できるオリジンのみをホワイトリスト化し、インラインスクリプトの無効化(nonceやハッシュを使用しない限り禁止)や eval() の禁止により、クロスサイトスクリプティング(XSS)を大幅に無力化します。

Technical Example & Practical Implementation

暗号学的Nonceを用いた厳格なCSPポリシー設定

インラインスクリプトインジェクション(XSS)を根本から防御する構成例

Content-Security-Policy: 
  default-src 'self';
  script-src 'self' 'nonce-rAnd0m12345' https://cdn.trusted.com;
  style-src 'self' 'unsafe-inline';
  img-src 'self' data: https://images.unsplash.com;
  connect-src 'self' https://api.curious-techie.com;
  font-src 'self' https://fonts.gstatic.com;
  object-src 'none';
  base-uri 'self';
  frame-ancestors 'none';
  upgrade-insecure-requests;