---
title: "共有HTMLが読み込む外部CDNが改ざんされたら｜サプライチェーン視点の確認"
description: "外部CDNからJavaScriptを読み込んでいる共有HTMLは、配信元が改ざんされると自分のページも汚染されます。サプライチェーンリスクの仕組みと、外部CDN依存の確認・対策手順を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/supply-chain-cdn-tampering-shared-html"
markdown: "https://giga-site.com/articles/supply-chain-cdn-tampering-shared-html/index.md"
category: "セキュリティ"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# 共有HTMLが読み込む外部CDNが改ざんされたら｜サプライチェーン視点の確認
共有するHTMLが外部のCDNからJavaScriptやCSSを読み込んでいると、その配信元が改ざんされたとき、自分のページも汚染されたコードを実行してしまいます。これはサプライチェーン攻撃と呼ばれる典型的なリスクです。この記事では外部CDN依存の危うさと、被害を抑えるための確認の考え方を整理します。
> Source HTML: https://giga-site.com/articles/supply-chain-cdn-tampering-shared-html
> Article index: https://giga-site.com/articles/index.md
## 外部CDN依存がなぜリスクになるのか
多くのHTMLは、jsDelivrやcdnjsといった公開CDNからライブラリを読み込みます。読み込み先のファイルはあなたの管理下にありません。もし配信元やそこに置かれたファイルが書き換えられれば、あなたのページはそのまま改ざんされたコードを実行してしまいます。
怖いのは、自分のHTMLを一切触っていなくても被害が起きる点です。ページの見た目や挙動は普段どおりに見えるため、利用者も作者も改ざんに気づきにくく、認証で閲覧者を絞っていても内部で動くコードまでは守れません。
## 改ざんされたとき何が起きるか
読み込んだスクリプトはページと同じ権限で動くため、フォーム入力の盗み取り、表示内容のすり替え、別サイトへの誘導など、できることは多岐にわたります。閲覧者の環境で実行される以上、影響は配布した人数だけ広がります。
CSSの改ざんでも、要素を隠したり偽の表示を重ねたりといった視覚的な攻撃が可能です。スクリプトに比べて軽視されがちですが、フィッシングの土台になりうるため油断はできません。
## よくあるNG例と安全な直し方
共有HTMLが読み込む外部CDNが改ざんされたら｜サプライチェーン視点の確認では、「検索に出さない」と「見られないようにする」を混同しないことが重要です。noindexやrobots.txtは検索エンジンへの指示であり、アクセス制限そのものではありません。
安全に共有するには、誰に見られると困るかを先に決め、URL共有だけで足りるのか、認証や期限が必要なのかを選びます。共有相手と機密度が決まったら、URLのみ・パスワード・メール認証・会社ドメイン認証のどれで渡すかを選びます。
- NG: 機密情報入りHTMLを認証なしURLで共有し、noindexだけで安心する
- OK: パスワード・メール認証・会社ドメイン認証で閲覧者を絞る
- NG: テスト用APIキーや社内URLをHTML内に残したまま渡す
- OK: 公開前に外部送信先、秘密情報、フォーム送信先を確認する
## バージョン固定と整合性検証で守る
対策の基本は、読み込むファイルを特定の状態に固定することです。latestのような可変の指定ではなく、明確なバージョン番号を指す形にすれば、知らぬ間に中身が差し替わる範囲を狭められます。
さらに強い対策が整合性検証です。読み込むファイルのハッシュ値を事前に控えておき、ブラウザが取得したファイルのハッシュと一致しなければ実行しない仕組みを使えば、配信元が書き換えられても改ざん版の実行を防げます。最も確実なのは、外部依存をやめて必要なファイルを自分の配布物に同梱してしまう方法です。
## 外部依存を点検する手順
共有する前に、自分のHTMLが何を外部から読み込んでいるかを棚卸ししておきましょう。次の順で確認すると漏れが減ります。
点検は一度きりではなく、配布物を更新するたびに繰り返すのが理想です。新しいライブラリを足したときに、知らないうちに外部依存が増えていることはよくあります。チェックリストとして手元に残しておくと習慣化しやすくなります。
1. HTML内のscriptとlinkタグの読み込み先URLをすべて洗い出す
2. 外部ドメインを指すものに印を付ける
3. latestなど可変の指定を具体的なバージョン番号に置き換える
4. 可能なら各ファイルにハッシュによる整合性検証を付与する
5. 機密度が高い配布物は外部依存をやめて同梱する
6. 残した外部依存は配信元と提供元の信頼性を確認する
## ZIPで配るときの注意
CSSやJS、画像をまとめたZIPを共有する場合でも、その中のHTMLが外部CDNを参照していれば同じリスクが残ります。同梱したつもりでも、一部だけ外部読み込みのままになっていないかを確認してください。
オフラインでも完結する形に寄せておくと、配信元の障害や改ざんに左右されず、表示の再現性も高まります。レビューや一時共有の用途では特に有効です。
## ギガサイト便での共有とサプライチェーン
ギガサイト便はHTMLやZIPをそのままエッジ配信し、共有URLとして公開します。配信は速く安定しますが、HTMLが外部CDNを参照していれば、その依存先のリスクは配信方法に関わらず残ります。安全性は同梱や整合性検証など、HTML側の作りで担保する必要があります。
認証や公開期限で閲覧者と公開範囲を絞りつつ、配布物の外部依存を点検しておくと、サプライチェーン由来のリスクを現実的な範囲まで下げられます。
## よくある質問
### 認証をかければ外部CDNの改ざんリスクは防げますか
防げません。認証は閲覧できる人を絞る仕組みで、ページ内で動くコードの安全性は別問題です。外部から読み込むスクリプトが改ざんされれば、許可された閲覧者の環境でそのまま実行されます。対策はバージョン固定や整合性検証、同梱で行います。
### 整合性検証とは具体的に何をするものですか
読み込むファイルのハッシュ値を事前にHTMLへ書いておき、ブラウザが取得したファイルのハッシュと照合する仕組みです。一致しなければ実行されないため、配信元のファイルが書き換えられても改ざん版の実行を防げます。
### 外部CDNを使うのはやめたほうがよいですか
一概に禁止する必要はありませんが、機密度の高い配布物では同梱を推奨します。利便性を取る場合も、バージョンを固定し整合性検証を付け、信頼できる配信元に限るといった条件を満たしてから使うと安全です。
### CSSだけの読み込みなら安全ですか
JavaScriptほど自由ではありませんが安全とは言い切れません。CSSの改ざんで要素を隠したり偽の表示を重ねたりでき、フィッシングの土台になりえます。CSSも外部依存なら同様に点検対象に含めてください。
### noindexを設定すれば認証は不要ですか？
不要ではありません。noindexは検索結果への表示を抑えるための指定で、URLを知っている人の閲覧を止める仕組みではありません。閲覧者を制限したい場合は認証が必要です。
## 関連記事
- [CSP（コンテンツセキュリティポリシー）の基礎と考え方](https://giga-site.com/articles/csp-for-shared-html/index.md)
- [共有HTMLに載せる情報を最小化する考え方](https://giga-site.com/articles/minimize-data-in-shared-html/index.md)
- [共有HTMLのデータ保管場所を気にすべき理由｜国内・国外サーバーと社内規程の確認](https://giga-site.com/articles/shared-html-data-residency-jp/index.md)
- [共有HTMLを閲覧した後ブラウザに残るキャッシュの危険性と消し方](https://giga-site.com/articles/browser-cache-after-shared-html/index.md)
- [共有HTMLに埋め込んだPDFやファイルから情報が漏れる落とし穴](https://giga-site.com/articles/pdf-embed-in-shared-html-risk/index.md)
- [共有HTMLの画像に残るExif・位置情報を消してから渡す](https://giga-site.com/articles/exif-geolocation-in-shared-images/index.md)
```json
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "共有HTMLが読み込む外部CDNが改ざんされたら｜サプライチェーン視点の確認",
"description": "外部CDNからJavaScriptを読み込んでいる共有HTMLは、配信元が改ざんされると自分のページも汚染されます。サプライチェーンリスクの仕組みと、外部CDN依存の確認・対策手順を解説します。",
"datePublished": "2026-06-24",
"dateModified": "2026-06-25",
"mainEntityOfPage": "https://giga-site.com/articles/supply-chain-cdn-tampering-shared-html",
"url": "https://giga-site.com/articles/supply-chain-cdn-tampering-shared-html",
"inLanguage": "ja",
"image": "https://giga-site.com/og-image.png",
"articleSection": "セキュリティ",
"author": {
"@type": "Organization",
"name": "ギガサイト便"
},
"publisher": {
"@type": "Organization",
"name": "ギガサイト便"
},
"mainEntity": [
{
"@type": "Question",
"name": "認証をかければ外部CDNの改ざんリスクは防げますか",
"acceptedAnswer": {
"@type": "Answer",
"text": "防げません。認証は閲覧できる人を絞る仕組みで、ページ内で動くコードの安全性は別問題です。外部から読み込むスクリプトが改ざんされれば、許可された閲覧者の環境でそのまま実行されます。対策はバージョン固定や整合性検証、同梱で行います。"
}
},
{
"@type": "Question",
"name": "整合性検証とは具体的に何をするものですか",
"acceptedAnswer": {
"@type": "Answer",
"text": "読み込むファイルのハッシュ値を事前にHTMLへ書いておき、ブラウザが取得したファイルのハッシュと照合する仕組みです。一致しなければ実行されないため、配信元のファイルが書き換えられても改ざん版の実行を防げます。"
}
},
{
"@type": "Question",
"name": "外部CDNを使うのはやめたほうがよいですか",
"acceptedAnswer": {
"@type": "Answer",
"text": "一概に禁止する必要はありませんが、機密度の高い配布物では同梱を推奨します。利便性を取る場合も、バージョンを固定し整合性検証を付け、信頼できる配信元に限るといった条件を満たしてから使うと安全です。"
}
},
{
"@type": "Question",
"name": "CSSだけの読み込みなら安全ですか",
"acceptedAnswer": {
"@type": "Answer",
"text": "JavaScriptほど自由ではありませんが安全とは言い切れません。CSSの改ざんで要素を隠したり偽の表示を重ねたりでき、フィッシングの土台になりえます。CSSも外部依存なら同様に点検対象に含めてください。"
}
},
{
"@type": "Question",
"name": "noindexを設定すれば認証は不要ですか？",
"acceptedAnswer": {
"@type": "Answer",
"text": "不要ではありません。noindexは検索結果への表示を抑えるための指定で、URLを知っている人の閲覧を止める仕組みではありません。閲覧者を制限したい場合は認証が必要です。"
}
}
]
}
```