【しーえすぴー】
CSP(コンテンツセキュリティポリシー) とは?
💡 「どこからのリソースを許可するか」をブラウザに指示する防御壁
📌 このページのポイント
CSPって何をしてくれるの?
具体的にはどう書くの?
HTTPヘッダに「Content-Security-Policy: script-src 'self' https://cdn.example.com」のように書くよ。これは「スクリプトは自分のサイトとcdn.example.comからのものだけ許可」という意味。'self'は自分自身のオリジンを指すんだ。
inline scriptは使えなくなるの?
いきなり導入して壊れないか心配…
いい心配だね。Content-Security-Policy-Report-Onlyヘッダを使うと、ポリシー違反をレポートするだけでブロックはしないモードで試せるよ。まずこれで問題箇所を洗い出して、修正してから本番のCSPに切り替えるのが安全な導入方法だよ。
📖 おまけ:英語の意味
「Content Security Policy」 = コンテンツのセキュリティ方針
💬 「このページではこのドメインからのリソースだけ信頼します」とブラウザに伝えるよ