スクショの個人情報を隠す5ステップ｜ブログ用10枚をAIにまとめて任せる

記事に載せたい画面はあるのに、氏名や住所が写っていて手が止まる。ぼくもずっと、1枚ずつ画像編集アプリで塗っていました。

いまは日本語で頼むだけで、10枚をまとめてダミーの値に差し替えています。この記事では、ブログ用のスクショを実際に加工している非エンジニアが、そのやり方を5つのステップで説明します。黒く塗らずに済むので、読者に「何を入れる欄か」も伝わったままにできます。

① 結論｜ブログのスクショは、1枚ずつ塗らなくていいです

①-1 「載せたいけど、個人情報が写っている」で止まっていませんか

記事に使いたい画面はもう撮ってある。でもそこに、氏名や住所やメールアドレスがそのまま写っている。

1枚ずつ画像編集アプリで開いて、塗って、保存して、次の1枚を開いて……。これを10枚ぶんやると考えると、記事を書く前に力尽きます。

ぼくもずっと、プレビュー.appで1枚ずつ塗っていました。

①-2 やることは、日本語で頼むだけです

「この画面の氏名と住所と口座番号を、ダミーの値に差し替えて」。頼むのはこれだけです。あとはその場で処理してくれます。

①-3 変わったのは、開いて閉じる回数でした

以前ある記事では、スクショ17枚を1枚ずつ開いて塗りました。直近の記事では、10枚をまとめて差し替えました。

①-4 これはClaude Codeの「機能」ではありません

ここだけは誤解されたくないので、先に書いておきます。

画像そのものをAIに見せて指示するやり方は、Claude Codeに画像を見せて指示する方法｜スクショ1枚で伝わる3つの場面 にまとめています。あちらは「AIに渡す前に消す」話で、この記事は「読者に見せる前に消す」話です。

---

② STEP1｜塗り始める前に、まず全部開いて仕分けます

②-1 いきなり塗り始めると、要らない仕事が増えます

撮ったスクショは、全部が記事に載るわけではありません。似た画面が2枚あったり、あとで見たら何も写っていなかったりします。

にもかかわらず、撮った順に上から塗っていくと、結局は使わない画像まで加工することになります。

②-2 3つに分けるだけです

分け方は難しくありません。1枚ずつ開いて、次のどれかに振り分けます。

この仕分けもAIに手伝ってもらえますが、最後にどれを使うかを決めるのは自分です。記事のどこで何を見せたいかは、AIには分かりません。

②-3 やってみたら、何も写っていない画面がありました

直近の記事では、撮った21枚を全部開いて仕分けました。

そうしたら、5枚は最初から個人情報がゼロでした。しかも記事の山場に使うつもりだった画面が、そのうちの2枚だったのです。

着手する前は「1枚も無加工では使えないだろう」と思っていました。開いてみたら違いました。思い込みで全部を加工の対象にしないほうがいい、というのがここでの学びです。

②-4 隠すものは、だいたい決まっています

申込フォームや登録画面なら、見るところはほぼ固定です。

---

③ STEP2｜黒く塗るのではなく、ダミーの値に差し替えます

③-1 黒く塗ると、その欄が何だったか分からなくなります

フォームの画像を記事に載せる目的は、「ここにこういう値を入れます」と読者に見せることです。

黒く塗ると安全にはなりますが、記事としての中身も一緒に消えます。だから、消すのではなく入れ替えます。

③-2 ダミーの値は、そのフォームの見本に寄せます

値は何でもいいわけではありません。浮いて見えると、読者はそこで引っかかります。

コツは、そのフォームが最初から表示している見本（プレースホルダー）に寄せることです。「山田／太郎」と薄字で出ているなら、差し替える値も山田 太郎にします。郵便番号なら100-0001、電話番号なら090-0000-0000のように、見るからに「例」だと分かる値を選びます。

③-3 1つずつ決めず、画面全体でつじつまを合わせます

ここは実際にやってみて気づいたところです。

名前を「山田 花子」にしたのに、性別のラジオボタンが「男性」のまま残っていて、ちぐはぐになりました。名前だけを見て決めると、こういうズレが出ます。

③-4 全部を消さなくて大丈夫です

「個人情報だから全部消す」と考えると、記事が成立しなくなることがあります。

たとえば、振込先の登録でつまずいた話を書くなら、どの銀行のどの支店だったかは残しておいたほうが伝わります。口座番号と名義さえダミーにすれば、その口座は特定できません。

残すか消すかは、記事の主題に必要かどうかで決めます。

③-5 値を決めるのはAI、決裁するのは自分です

実際の流れはこうです。差し替える値の案はAIが出してくれます。それを見て、「これは残して」「これは別の値にして」と返します。

一覧で先に出してもらうと、あとから画像を作り直さずに済みます。

この方法で実際にスクショ9枚を差し替えた記事が Claude Codeに申込フォームを見てもらう｜送信前にミス4件が消えた話 です。仕上がりはそちらで見られます。

---

④ STEP3｜「塗って」ではなく「文字だけ塗り替えて」と頼みます

④-1 素直に「その欄を塗って」と頼むと、フォームが壊れます

最初、ぼくは何も考えずに「この欄を塗りつぶして、上から文字を書いて」と頼みました。

出てきた画像がこれです。

値は確かに差し替わっています。でも、入力欄の枠線も、選ぶ欄の矢印も、自動入力を表す青い背景も、まとめて消えました。もはやフォームに見えません。

理由は単純で、欄の形をそのまま塗りつぶしてしまったからです。

④-2 頼み方を1つ変えるだけで直ります

言い方をこう変えます。「欄を塗るのではなく、文字がある画素だけを探して、そこだけ塗り替えて」。

同じ画面が、こうなります。

枠線も、矢印も、青い背景も残っています。差し替わったのは文字だけです。

④-3 範囲に矢印を入れないでください

もう一段だけ、つまずきどころがあります。

修正したあとも、選ぶ欄の矢印だけが消えることがありました。原因は、矢印も文字と同じ「濃い色の点」だからです。文字を探す範囲に矢印まで入っていると、文字と一緒に塗られてしまいます。

対処は、探す範囲を「文字が入るところだけ」に狭めることです。矢印のぶんだけ右を外す、と伝えれば通じます。

④-4 コピペで使えるプロンプト

ここまでをまとめて頼むと、こうなります。そのまま貼れます。

このフォルダのスクリーンショットに写っている個人情報を、ダミーの値に差し替えてください。

・黒く塗るのではなく、ダミーの値を書き込む形にしてください
・入力欄を四角く塗りつぶさないでください。枠線や矢印まで消えてしまいます
・欄の中の「文字がある画素」だけを探して、そこだけ塗り替えてください
・背景の色は、その欄でいちばん多く使われている色を拾ってください
・選ぶ欄は、右端の矢印を範囲に入れないでください
・差し替える値の案を先に一覧で見せてください。わたしが確認してから実行してください

⚠️「文字がある画素だけ」とわざわざ指定しているのは、欄ごと塗ると枠線や矢印まで消えて、フォームに見えなくなるからです。ここを書かないと、たいてい欄ごと塗られます。

④-5 AIにできないことも書いておきます

任せきりにはできない部分があります。先に知っておくと、思ったとおりにならなくても慌てずに済みます。

記事に使う画像そのものをAIに作らせる話は ブログのアイキャッチと図解、全部AIで作る｜私の量産ワークフロー にまとめています。

---

⑤ STEP4｜塗ったら拡大して見ます

⑤-1 消し損ねは、記号に出ます

差し替え自体はうまくいっていても、拡大すると元の文字が少しだけ残っていることがあります。

実際に2回直しました。どちらも「：」でした。文字は消えているのに、コロンの上半分だけが点として残っていたのです。縮小して見ているぶんには、まず気づきません。

⑤-2 見つけたのは、人ではありませんでした

正直に書きます。この塗り残しに気づいたのは、ぼくの目ではありません。AI自身が確認して見つけて、そのまま直しました。

だからここでの教訓は、「最後は人ががんばって目を凝らす」ではありません。

⑤-3 確認まで一緒に頼みます

差し替えを頼んだあと、続けてこう頼みます。これもそのまま貼れます。

できあがった画像を1枚ずつ拡大して、次の点を確認してください。

・差し替えた文字のまわりに、元の文字が欠けて残っていないか
・「：」や「-」のような小さな記号が、半分だけ残っていないか
・枠線や矢印や背景の色が、加工前と変わっていないか
・残すと決めた項目が、消えていないか

見つかったら直して、直した場所を一覧で教えてください。

⚠️「記号」を名指しで書いているのは、文字は目立つのに記号は見落とされやすいからです。実際、2回とも残っていたのは記号でした。ここを書いておくと、拾ってもらえる確率が上がります。

⑤-4 そのうえで、自分でも1回だけ見ます

最後に自分の目で見ます。ここは省けません。

とはいえ、全部を細かく見る必要はありません。残すと決めた項目が残っているかと、フォームがフォームに見えるか。この2つだけ確認すれば十分です。

AIの「できました」をそのまま信じないための考え方は AIの「できました」を鵜呑みにしない検証術｜実物を確かめる3原則 にまとめています。

---

⑥ STEP5｜終わったあとに残るものを片づけます

⑥-1 作業の途中で、無加工の個人情報が新しく生まれています

見落としやすいのがここです。

どこを差し替えるかを合わせるために、画面の一部を切り出した拡大画像が何枚もできています。そこには加工前の氏名や口座番号がそのまま写っています。個人情報を消す作業をしているあいだに、新しい断片が増えているわけです。

⑥-2 保存し直してから使います

画像には、見えていない情報がついてきます。撮った日時や、使った機器の情報などです。

差し替えたあとに一度保存し直すと、こうした情報は落ちます。これも「そうやって保存して」と頼めば、まとめてやってくれます。

⑥-3 プログラムは、残さなくていいです

せっかく書いてもらったのだから取っておきたくなりますが、次に同じ画面を加工することは、たぶんありません。フォームが違えば、差し替える場所も値も変わります。次に必要になったら、また頼めばいいだけです。道具を育てるのではなく、そのつど作ってもらう。この割り切りができると、ぐっと気楽になります。

⑥-4 次に、もっとラクをするために

加工が済んだ画像をAIに見せて指示を出す使い方は Claude Codeに画像を見せて指示する方法｜スクショ1枚で伝わる3つの場面 が入口になります。

---

⑦ よくある質問（FAQ）