---
title: "共有HTMLの黒塗りは見破られる｜マスキングの正しいやり方"
description: "HTMLで黒塗りしても選択してコピーすれば中身が読めてしまう、という落とし穴はよく見落とされます。見た目の隠蔽が見破られる仕組みと、情報を確実にマスキングする正しい方法を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/secure-redaction-vs-blackout"
markdown: "https://giga-site.com/articles/secure-redaction-vs-blackout/index.md"
category: "セキュリティ"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# 共有HTMLの黒塗りは見破られる｜マスキングの正しいやり方

資料の一部を黒く塗りつぶして共有したつもりでも、HTMLでは元の文字がそのまま残っていることがあります。見た目は隠れていても、選択してコピーすれば中身を読めてしまうのです。本記事では、黒塗りが見破られる仕組みと、確実に伏せる方法を整理します。

> Source HTML: https://giga-site.com/articles/secure-redaction-vs-blackout
> Article index: https://giga-site.com/articles/index.md

## 見た目の黒塗りは中身を消していない

HTMLで文字の上に黒い背景を重ねたり、文字色を背景と同じにしたりして隠すと、画面上は読めなくなります。しかし元の文字データはページの中にそのまま残っています。

残っている文字は、マウスでドラッグして選択しコピーすれば、別の場所に貼り付けて読めてしまいます。見た目を変えただけで、データそのものは消えていないからです。

つまり、見えなくすることと、読めなくすることは別です。本当に隠したい情報は、見た目を覆うのではなく、データ自体を取り除く必要があります。

## 復元できてしまう典型パターン

黒塗りのつもりが中身を残してしまう例には、いくつか決まった形があります。心当たりがないか確認してみてください。

- 文字の上にCSSで黒い帯を重ねただけ（文字は選択でコピーできる)
- 文字色を背景と同じにして見えなくしただけ（同様にコピーで露見）
- 画像に黒い四角を重ねたが、元画像のファイルも一緒に含めてしまった
- コメントや非表示要素として元の文を残している
- ページのソースや別ファイルに元データが残っている

## よくあるNG例と安全な直し方

共有HTMLの黒塗りは見破られる｜マスキングの正しいやり方では、「検索に出さない」と「見られないようにする」を混同しないことが重要です。noindexやrobots.txtは検索エンジンへの指示であり、アクセス制限そのものではありません。

安全に共有するには、誰に見られると困るかを先に決め、URL共有だけで足りるのか、認証や期限が必要なのかを選びます。共有相手と機密度が決まったら、URLのみ・パスワード・メール認証・会社ドメイン認証のどれで渡すかを選びます。

- NG: 機密情報入りHTMLを認証なしURLで共有し、noindexだけで安心する
- OK: パスワード・メール認証・会社ドメイン認証で閲覧者を絞る
- NG: テスト用APIキーや社内URLをHTML内に残したまま渡す
- OK: 公開前に外部送信先、秘密情報、フォーム送信先を確認する

## 確実に伏せるための手順

隠したい情報は、見た目を覆うのではなく元から取り除くのが基本です。次の手順で進めると確実です。

1. 見せたくない文字や数値を、HTMLから完全に削除するか、固定の伏せ字（◯など)に置き換える
2. 画像の場合は、隠す部分を塗りつぶした画像を作り直し、元画像は含めない
3. コメントや非表示要素、別ファイルに元データが残っていないか確認する
4. ZIPで共有するなら、元データを含むファイルが紛れていないか中身を見直す
5. 公開後、自分でページの文字を選択コピーして、隠したはずの中身が出ないか確かめる

## 「置き換え」と「削除」を使い分ける

情報を伏せる方法には、固定の文字で置き換える方法と、まるごと削除する方法があります。文章の文脈を残したいなら置き換え、存在自体を見せたくないなら削除が向きます。

置き換えるときは、元の文字数や規則性が透けないよう注意します。たとえば桁数がそのまま残ると、推測の手がかりになることがあります。

どちらの方法でも、元データがページのどこかに残っていないかの確認が欠かせません。表示部分だけ直して、隠れた場所に元の文が残るのが最も多い失敗です。

## ギガサイト便で共有するときの注意

ギガサイト便はHTMLやZIPサイトを共有URLで配れますが、隠したい情報を確実に取り除くのはアップロード前の作業です。サービスは黒塗りの中身まで点検してくれるわけではありません。

上記の手順で元データを取り除いたうえでアップロードし、さらに認証や公開期限を併用すれば、見せる相手と期間を絞り込めます。マスキングは中身の処理、認証は届け先の制御、と役割を分けて両方を整えるのが安全です。

## よくある質問

### CSSで黒く塗れば情報は隠せますか

見た目は隠れても元の文字データはページに残るため、選択してコピーすれば読めてしまいます。確実に隠すには、見た目を覆うのではなく元のデータを削除するか固定の伏せ字に置き換えてください。

### 画像の一部を黒塗りすれば大丈夫ですか

黒い四角を重ねただけで元画像も含めると、元画像から中身が見えます。隠す部分を塗りつぶした画像を作り直し、元画像は共有物に含めないようにしてください。

### 隠せているか確認する方法はありますか

公開したページで、隠したはずの場所を含めて文字を選択しコピーし、別の場所に貼り付けてみます。隠した中身が出てこなければ、表示上は取り除けています。

### ギガサイト便にアップロードすれば自動で伏せてくれますか

いいえ。マスキングはアップロード前に利用者が行う作業です。元データを取り除いてからアップロードし、認証や公開期限で届け先と期間も絞ると安全です。

### noindexを設定すれば認証は不要ですか？

不要ではありません。noindexは検索結果への表示を抑えるための指定で、URLを知っている人の閲覧を止める仕組みではありません。閲覧者を制限したい場合は認証が必要です。

## 関連記事

- [公衆Wi-Fiで共有URLを開くときの注意](https://giga-site.com/articles/secure-share-on-public-wifi/index.md)
- [共有HTMLのフォーム送信先・データの扱いを確認する](https://giga-site.com/articles/check-form-data-destination/index.md)
- [大人数に共有HTMLを配るときの認証選び｜セキュリティと運用負荷の両立](https://giga-site.com/articles/auth-method-for-large-recipient-list/index.md)
- [XSSとは？共有HTMLで気をつけるリスクの基礎](https://giga-site.com/articles/what-is-xss-risk/index.md)
- [CSP（コンテンツセキュリティポリシー）の基礎と考え方](https://giga-site.com/articles/csp-for-shared-html/index.md)
- [クリックジャッキングとは？iframe悪用への注意](https://giga-site.com/articles/clickjacking-risk/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "共有HTMLの黒塗りは見破られる｜マスキングの正しいやり方",
  "description": "HTMLで黒塗りしても選択してコピーすれば中身が読めてしまう、という落とし穴はよく見落とされます。見た目の隠蔽が見破られる仕組みと、情報を確実にマスキングする正しい方法を解説します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/secure-redaction-vs-blackout",
  "url": "https://giga-site.com/articles/secure-redaction-vs-blackout",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "セキュリティ",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "CSSで黒く塗れば情報は隠せますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "見た目は隠れても元の文字データはページに残るため、選択してコピーすれば読めてしまいます。確実に隠すには、見た目を覆うのではなく元のデータを削除するか固定の伏せ字に置き換えてください。"
      }
    },
    {
      "@type": "Question",
      "name": "画像の一部を黒塗りすれば大丈夫ですか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "黒い四角を重ねただけで元画像も含めると、元画像から中身が見えます。隠す部分を塗りつぶした画像を作り直し、元画像は共有物に含めないようにしてください。"
      }
    },
    {
      "@type": "Question",
      "name": "隠せているか確認する方法はありますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "公開したページで、隠したはずの場所を含めて文字を選択しコピーし、別の場所に貼り付けてみます。隠した中身が出てこなければ、表示上は取り除けています。"
      }
    },
    {
      "@type": "Question",
      "name": "ギガサイト便にアップロードすれば自動で伏せてくれますか",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "いいえ。マスキングはアップロード前に利用者が行う作業です。元データを取り除いてからアップロードし、認証や公開期限で届け先と期間も絞ると安全です。"
      }
    },
    {
      "@type": "Question",
      "name": "noindexを設定すれば認証は不要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "不要ではありません。noindexは検索結果への表示を抑えるための指定で、URLを知っている人の閲覧を止める仕組みではありません。閲覧者を制限したい場合は認証が必要です。"
      }
    }
  ]
}
```