スクショに青いペンで丸をつけて、AIに直す場所を伝える｜言葉だけでは伝わらない画面の直し方【頼み方の型付き】

画面の直しをAIに頼むとき、「上のバーが」「右のボタンが」と、言葉だけで説明するのは、思ったより大変です。

私が、いま使っているのは、画面のスクショを撮って、直す場所を色のペンで囲んで見せる方法です。この記事は、その方法を、そのまま書いたものです。

言葉で説明するより、見せたほうが早い

言葉で場所を説明するには、「どの画面の、どのあたりの、どの部品か」を、全部、文章にしなければなりません。説明が曖昧だと、直ってきたものも、曖昧になります。

スクショに、直す場所を囲んで見せれば、場所は、一目で伝わります。

やり方：スクショを撮って、色のペンで囲む

1. 画面全体のスクショを撮る。直したい場所だけを切り取らず、画面全体を撮ります
2. 直す場所を、色のペンで囲む。画面の色と見分けがつく色にします。私は、青を使っています
3. 何をどうしてほしいかを、はっきり書く。囲んだ場所ごとに、1文で添えます
4. 直ったら、現物の画面で確かめる。画面の大きさで見え方が変わるものは、別の大きさの画面でも見ます

操作して見る：スクショに囲んで、AIに頼む

同じ場所を直すときも、場所を動かすときも

同じ場所をもう一度直すときも、部品を別の場所へ動かしたいときも、同じように、囲んで指示します。

AIが、こちらの意図を100％くんでくれているかは、正直、分かりません。ただ、いまのところ、困ったことはありません。

【無料書式】AIに画面の直しを頼む型

直したい画面ごとに1枚、囲んだ場所と、どうしたいか、直ったかどうかを書く型です。どんなAIにも、使えます。

この頼み方の型を印刷する（A4・1枚）

• 「②スクショ」は、画面全体を撮ります
• 「③囲む」は、画面の色と見分けがつく色にします
• 「④どうしたいか」は、囲んだ場所ごとに、1文で書きます
• 「⑤直ったか」は、現物の画面で見て、○か×をつけます。見た機器や、画面の大きさも、書いておきます

よくある質問

スクショに囲むのは、どんな方法でもいいですか？

はい。丸や線を引ける道具があれば、足ります。私は、スクショの上に、青いペンで囲んでいます。

文章の説明は、いりませんか？

いります。囲んだ場所ごとに、何をどうしてほしいかを、1文だけ添えます。囲みは、「どこ」を伝えて、1文は、「どうしたいか」を伝えます。

ChatGPTなど、他のAIでも使えますか？

考え方は同じです。画像を見られるAIなら、使えます。ただ、私は、Claudeのほうが、精度も使い勝手も良いと感じています。

まとめ｜言葉で説明する前に、囲んで見せる

画面の直しをAIに頼むときに、私がやっていることは、次の4つです。

1. 画面全体のスクショを撮る
2. 直す場所を、色のペンで囲む
3. 囲んだ場所ごとに、どうしたいかを1文で書く
4. 直ったら、現物の画面で確かめる

画面の大きさが違うと、見え方も違います。まずは、スクショに丸をつけて、1か所だけ、頼んでみてください。

同じカテゴリの記事｜開発記録（Claudeで作る過程）

• 何度頼んでも直らず、ひたすら謝られた話｜AIへの修正は「スクショにマーカー」で通った【依頼シート付き】
• AIは、昨日のことを忘れる。だから、ノートを持たせた｜Obsidianで「役割」と「禁止ルール」を渡す【ノートの型付き】

コラムの一覧へ →