台本や録画を渡すと、画像入りの記事・マニュアルの下書きが届く。押す場所に赤枠を付け、見せてはいけないところをぼかす仕組み

「文章はできた。あとは画面の画像を貼るだけ…なのに、それが一番重い」

AIに記事やマニュアルを書かせると、文章は早くできます。ところが、画面の画像は人の仕事のままです。画面を撮って、押す場所に印を付けて、映ってはいけない名前やメールアドレスを隠して、文章の手順と番号をそろえる。1枚ずつやると、文章を書くより時間がかかることもあります。

うちも同じでした。動画の台本や社内の資料は増えるのに、それを「画像入りの記事」や「手順書」にする手が足りません。

そこで、台本と画面の録画を渡すと、画像と図解の入った下書きのページが届く仕組みを作りました。この記事は、社内マニュアルやブログ、お客様向けの説明資料を作っている社長に向けて書いています。

この記事で手に入るもの

• 画像入りの記事・マニュアルづくりの、AIと人の分担
• 画面の画像に付ける「赤枠・番号・ぼかし」の決まり
• 素材が足りないときに、AIに想像で埋めさせないやり方
• そのまま使える頼み方の文面

うちの場合：台本と録画を渡すと、確認用のページが届く

2026年10月20日に作りました。Claude Codeの使い方を紹介している動画で、「台本を貼って『いつも通り記事にして』と頼むと、画面の録画から場面を切り出し、押す場所に印を付けた記事ができる」という動きを見て、同じことを自分の会社用に一から作ったものです。

頼み方は、台本や資料を渡して「記事にして」「この録画からマニュアルを作って」と言うだけです。載せる先は3つに分けています。

載せる先	書き方
社長のAIの教科書（このサイト）	困りごとから入る、たとえを入れる、最後に今日の一歩
動画チャンネルの記事	会話の台本を、一人称の文章に直す
社内の報告書・マニュアル	結論を先に。手順は番号つき、1手順は1〜3文

できあがるまでの流れはこうです。

1. 足りないものを聞く載せる先・録画・動画のURL
2. 計画を見せる題・見出し・入れる画像と図の一覧
3. 場面を切り出す録画から合う時刻を選ぶ
4. 赤枠とぼかし押す場所に番号、隠すところをぼかす
5. 確認用ページ公開はせず、人が見る

運営者の会社の仕組み。2026年10月20日に作った

大事なのは2つ目の「計画を見せる」です。いきなり作らせず、まず「題の案・見出し・入れる画像と図の一覧（録画の何分何秒あたりか）」を出させ、わたしがOKしてから作らせます。どの場面を使うかがずれていると、あとで全部やり直しになるからです。

たとえるなら、AIは撮影した映像から写真を選び、印を付けて、レイアウトまで組んでくれる編集の助手です。原稿の中身を決めるのと、載せてよいかを決めるのは人です。

録画から場面を選ぶ：一覧にして「見て」選ばせる

AIは長い動画を、そのまま頭から見ることが得意ではありません。そこで、録画を5秒ごとに小さな画像にして、1枚に30場面ずつ並べた一覧を作ります。1場面ずつに「何分何秒」を書き込んでおくので、AIは一覧の画像を見て、台本の手順に合う時刻を選べます。

選んだ時刻の場面だけを、大きな画像で切り出します。横幅は1280以下にそろえます。

ここでの決まりは1つです。台本の手順に合う場面が見つからなければ、無理に当てはめない。 似た画面を使い回したり、画面を想像で描いたりはさせず、「【画面の画像：〇〇の画面】素材が見つかりませんでした」という空き枠にします。空き枠が残っていれば、人が撮り足せばよいだけです。

赤枠・番号・ぼかし：見せ方と隠し方を決まりにした

切り出した画像には、押す場所・見る場所に赤い枠と、丸い番号を付けます。必要なら「ここを押す」のような一言を、枠の下に吹き出しで書きます。枠の外を少し暗くして、どこを見ればよいかを目立たせることもできます。

AIに任せる

• 場面を選ぶ一覧を見て時刻を決める
• 赤枠と番号本文の手順の番号とそろえる
• ぼかし迷ったらぼかす
• ずれの確認付けたあと開いて見直す

人がやる

• 計画にOKを出す使う場面が合っているか
• 最後に目で見る隠し忘れがないか
• 空き枠を埋める足りない画面を撮る

運営者の会社の分担

いちばん気をつけているのは、見せてはいけないものを必ずぼかすことです。AIには、次のものは必ずぼかすように渡しています。

• メールアドレス
• お客様や社員の名前
• URL（とくに予定表の住所や、共有のリンク）
• ファイル名・金額
• 通知の中身・ブラウザのタブ

決まりの最後に「迷ったらぼかす」と書いています。ぼかしすぎて困ることは少なく、ぼかし忘れは取り返しがつかないからです。

もう1つの決まりは、枠を付けたら、必ず画像を開いて見直すことです。位置は画像を見て決めますが、枠が少しずれることがあります。ずれていたら直してから次に進みます。

図解と動画も、同じページに入れる

画面の画像のほかに、図解も入れます。図にするのは「比べるところ・流れ・数字・前と後」だけで、文章で足りるところは図にしません。同じ型は1本で2回までです。図の型の選び方は、図解を19の型から選ばせる記事と同じ考え方です。

もとが動画の台本なら、公開済みのYouTubeを、記事の冒頭か、いちばん関係する節に入れます。台本にある「次回の告知」や「プレゼントの案内」のような宣伝の部分は、記事には入れません。

できあがりは、ダブルクリックで開ける1枚のページです。ページのいちばん上に「確認用のページです（まだ公開していません）」と出し、いちばん下に「公開の前に確かめること」を並べています。

• 隠し忘れがないかメール・名前・URL・ファイル名・金額
• もとのとおりか数字・日付・名前
• 空き枠が残っていないか足りない画面は撮り足す

確認用ページの最後に毎回出す一覧

結果：まだ測っていない

この仕組みで、1本あたり何分かかったか、AIの費用がいくらだったかは測っていません。 人が画像を作っていたころと比べた時間も、測っていないのでここには書きません。測ったら報告します。

作ってみて決めたこと

• 作り方の文面は見ずに、一から作った：参考にした動画では、作り方の文面が別の場所で配られていました。それは見ずに、動画で説明された動きだけを手がかりに、自分の会社の決まりに合わせて作りました
• 専用の動画の道具が無くても作れた：当時のパソコンには、動画を扱うときによく使う道具が入っていませんでした。画像を扱う無料の部品だけで、場面の一覧と切り出しを作りました
• 公開はさせない：サイトに上げる、ブログに投稿する、はAIにさせず、確認用のページで止めます。載せるときは、人が見てOKを出してからです
• もとに無いことは足さない：台本や資料に無い事実・数字・人の発言は足させません。画面の画像も同じで、無いものは描かずに空き枠にします

今まで

• 画面を自分で撮る1枚ずつ撮り直す
• 印を手で付ける番号と本文がずれる
• 隠すのを忘れる心配公開してから気づく

→

仕組みのあと

• 録画から切り出す一覧を見て選ぶ
• 番号を本文とそろえる手順の番号と同じ
• ぼかしは決まり確認の一覧で見直す

運営者の会社の仕組み。作業時間はまだ測っていない

まずはこれだけ：3ステップ

仕組みを作らなくても、ふだんのAIとの会話で試せます。

1. 画面を録画する：Macなら「shift」「command」「5」を同時に押して、ツールバーの「収録」を選びます
2. 大事な場面の画像を数枚、AIに渡す：録画を止めて画面を撮った画像でかまいません
3. 下の文面でAIに頼む：手順の文章と、印を付ける場所を出させ、自分で確かめる

頼み方の文面

そのまま貼って使えます。

これから、作業の手順のメモと、画面の画像を何枚か渡します。
社内向けの手順書を作ってください。
結論を先に書き、手順は番号つきで、1つの手順は1〜3文にしてください。
手順の番号と、どの画像を使うかをそろえてください。合う画像が無い手順は「画像なし」と書いてください。

それぞれの画像について、押す場所・見る場所を、画像の左上からの位置と大きさで教えてください。
そのうえで、見せてはいけないもの（メールアドレス・人の名前・URL・ファイル名・金額・通知の中身）が映っている場所も、同じように全部挙げてください。迷ったものも挙げてください。

渡したメモに無い事実や数字は書かないでください。分からないところは「要確認」と書いてください。

気をつけること

いちばん大事なのは、画像を載せる前に、人が隠し忘れを見ることです。AIに「ぼかして」と頼んでも、小さな通知や、画面の端のタブの名前は見落とすことがあります。最後は自分の目で、画像を1枚ずつ大きくして確かめてください。

次に、手順と画面が合っているかです。録画から選んだ場面が、ひとつ前やひとつ後の画面になっていることがあります。番号の順に、実際に操作して確かめるのが確実です。

最後に、他の人が作った画像や動画を使うときは、使ってよいかを確かめます。自分の会社の画面を自分で録画したものを使うのが、いちばん安全です。

もっと詳しく知りたい方へ

Macで画面を録画する

Appleの説明では、「shift」「command」「5」を同時に押すとスクリーンショットの道具が開き、「収録」で画面を録画できます。止めるときは、メニューバーの停止ボタンか「command」「control」「esc」です。録画したファイルは、初めの設定ではデスクトップに保存されます（確認日：2026年11月9日、出典：Apple サポート「Macで画面を収録する方法」）。

使っている道具

仕組みは、パソコンで作業をさせる道具のClaude Codeに頼んで作りました。「録画から場面の一覧を作る・切り出す」小さなプログラムと、「赤枠・番号・吹き出し・ぼかしを付ける」小さなプログラム、確認用ページのひな形の3つでできています。

まだ終わっていないこと

• 1本あたりの作業時間と費用を測る
• AI専用のMac miniに移したあと、日本語の字が正しく出るかを試す（作ったときは前のパソコン用の設定のままです）
• 動画の素材をどこに置くかを決める

よくある質問

Q. 画面の録画が無くても使えますか？ A. 使えます。スクリーンショットのフォルダがあれば、そこから選びます。何も無いときは、画面の画像の場所を空き枠にして、文章と図解だけで下書きを作ります。

Q. AIに画像の中身を想像で描かせたほうが早くないですか？ A. うちはさせていません。実際の画面と違う画像を載せると、読んだ人がその通りに操作できなくなるからです。

Q. 社員向けのマニュアルにも使えますか？ A. 載せる先の1つに社内の報告書・マニュアルを入れて、結論を先に・手順は番号つき、という書き方を決めています。

まとめ

• 台本や資料と画面の録画を渡すと、AIが場面を選んで切り出し、赤枠・番号・ぼかしを付けて、図解入りの確認用ページを作る
• 作る前に計画を見せさせる。素材に無い画面は想像で描かせず空き枠にする。メール・名前・URL・ファイル名・金額は必ずぼかす
• 公開はAIにさせず、人が見てから載せる。作業時間と費用は測っていないので、測ってから報告する

今日、まずはよく人に聞かれる作業を1つ選び、画面を録画してみてください。止めた画面の画像を3枚ほど渡して、上の文面で「手順書にして」と頼むだけで、どこに印が要るかが見えてきます。

会社全体でAIを使い始める順番はAI導入の進め方に、AIに頼む仕事の型はClaude Code活用術にまとめています。

前の記事：ゲストのインタビュー台本3話分をAIで作る