AIに資料を作らせたら、文字が崩れて使えなかった。そんなことはありませんか? 頼んでいない文字が入っていたり、少し直したいだけなのに全部作り直しになったり。せっかくAIに任せたのに、直す時間のほうが長くなってしまいますよね。
結論から言うと、文字の多い資料は、絵として描かせないことです。ウェブページの形で組んで、写真のように撮ります。こうすると、文字は書いた通りに出ます。
この記事では、プログラムを書けない私が、文字の崩れない資料をClaude Codeでどう作っているかを、決まりと確かめ方、つまずいた所まで含めて書きます。動画でも同じ内容を解説しています。
AIで資料を作ると起きる3つのこと
AIで資料を作ろうとすると、だいたい次の3つが起きます。
- 文字が崩れる
- 頼んでいない文字が入る
- 少し直すたびに、全部作り直しになる
どれも、AIの性能が低いから起きるわけではありません。作り方の選び方で起きています。ここを分けて考えると、AIに資料を任せても、直しに追われなくなります。
画像で作ると、文字が崩れる理由
なぜ、画像として作ると文字が崩れるのでしょうか。
画像を作るAIは、文字も絵の一部として描きます。文字を「並べる」のではなく、文字の形をした絵を「描く」のです。だから、指示の通りに出ないことがあります。
私も経験があります。スライドを画像のAIで作っていたとき、「番号を入れないでください」と書いたのに、番号が入っていました。指定した線画のアイコンが、省かれたこともあります。何度か作り直しても、毎回どこかが指示と違う。これが、画像で文字の多い資料を作るときの一番の悩みでした。
引き伸ばされると、文字のふちがぼやける
もう1つあります。私が画像を動画に使ったときは、大きさが合わずに引き伸ばされました。すると、文字のふちがぼやけます。
組んで撮る方法は、使う大きさのまま撮ります。だから、文字がくっきり出ます。
| 画像として描かせる | ウェブページの形で組んで撮る | |
|---|---|---|
| 文字 | 崩れることがある | 書いた通りに出る |
| 大きさ | 合わないと引き伸ばされる | 使う大きさのまま撮る |
| 一部だけ直す | 作り直しになりやすい | その部分だけ直して撮り直す |
文字の多い資料は、ウェブページの形で組んで撮る
仕組みはシンプルです。
- 資料の中身を、文章で書く
- それを、Claude Codeがウェブページの形で組む
- 1つずつ画像に撮る
見た目の決まり(色、文字の大きさ、配置)は、最初に1回決めるだけです。2回目からは、中身を入れ替えるだけで、同じ見た目の資料が出てきます。
講座のスライドをこの方法で作る手順は、Claude Codeで講座のスライドを作る手順にくわしく書いています。この記事では、講座に限らず、仕事の資料に広げて使う考え方を中心にお話しします。
組んで撮れる資料
この方法は、仕事の資料に広く使えます。
- 提案資料
- 説明資料
- セミナーで画面に映す資料
文字で伝える資料ほど、この方法が合います。私はセミナーの資料も、この形で作っています。セミナー用は、左にスライド、右に話す台本が見える形にして、画面を共有しながら進めています。
文字の量で、作り方を分ける
では、画像を作るAIは使わないのでしょうか。そうではありません。文字の量で分けます。
| 文字の量 | 例 | 作り方 |
|---|---|---|
| 少ない | 表紙の絵、サムネ、見出しの画像 | 画像のAIで作る |
| 多い | 提案資料、説明資料、手順書 | 組んで撮る |
文字が少なく、見た目の印象が大事なものは、画像で作ります。正確さが大事なのは、文字の多い資料です。文字が多いものは、組んで撮ります。
例:提案資料なら、1つの資料の中で分ける
例えば、提案資料の表紙に絵を入れたい人がいたとします(説明のための例です)。
- 表紙の絵は、画像のAIで作る
- 中のページは、組んで撮る
- 最後に、1つの資料にまとめる
1つの資料の中でも、分けて使えます。「全部を画像で」か「全部を組んで」かの二択にしないことが大事です。
分けておくと、直すときも楽になります。中のページの数字や言い回しを変えたくなっても、そのページだけ文章を直して撮り直せば済みます。表紙の絵まで作り直す必要はありません。反対に、表紙の雰囲気を変えたいときは、表紙の絵だけを頼み直します。直したい所だけを直せるのが、分けて作るいちばんの良さです。
崩れない資料にする3つの決まり
組んで撮る方法でも、決まりを持たずに作ると、見た目がばらつきます。私が守っている決まりは3つです。
決まり1:改行の位置は、自分で決める
改行をおまかせにすると、最後の1文字だけが次の行に落ちることがあります。行の最後に「を」だけがぽつんと残るような形です。読みにくいうえに、雑な印象を与えます。
だから、改行の位置は、中身を書くときに決めておきます。入りきらない分は、文字を縮めて収めます。改行を変えるのではなく、文字の大きさで調整するのがポイントです。
決まり2:見出しの大きさは、全部そろえる
縮めてよいのは、本文だけです。見出しは、どのページでも同じ大きさにします。
本文の量はページごとに違うので、本文の文字の大きさは、枠に収まる一番大きな値に自動で合わせています。一方で、見出しまで縮めると、ページをめくるたびに見出しが大きくなったり小さくなったりします。見出しがそろうと、資料全体に統一感が出ます。
決まり3:いちばん小さい文字の大きさを決める
私は最初、いちばん小さい文字を34ピクセルにしていました。でも、実際に見ると小さく感じました。私の資料は動画にも使うので、スマホで見る人が多いからです。今は、36ピクセルを下限にしています。
数字そのものは、資料を見る場面で変わります。大事なのは、下限を決めて、それより小さい文字を作らないことです。下限がないと、文字を詰め込みたくなったときに、どこまでも小さくしてしまいます。入りきらないときは、文字を小さくするのではなく、内容を削るか、ページを分けます。
検品は、機械に任せる
組んだら、機械に確かめさせます。私が確かめさせているのは、次の3つです。
- 枠から文字がはみ出していないか
- 小さすぎる文字がないか
- 下の余白が空いているか
人の目だと、見落とすからです。特にページ数が多い資料では、1つずつ目で追ううちに、確かめたつもりのページが出てきます。機械なら、毎回同じ基準で全部のページを見てくれます。
画面に映す資料は、2つの大きさで確かめる
セミナーで画面に映す資料は、2つの大きさの画面で確かめます。
| 画面 | 大きさ |
|---|---|
| 大きい画面 | 横1920×縦1080 |
| 小さめの画面 | 横1366×縦768 |
見る人の画面は、こちらでは選べないからです。大きい画面できれいに見えていても、それだけで安心しないようにしています。
私がつまずいたこと:機械の判定が間違えていた
機械に任せれば安心、とは限りません。
はみ出していないのに、「はみ出した」と判定されたことがあります。目で見ると、どこもはみ出していない。それなのに、何度確かめても不合格になりました。
原因は、行の間が狭すぎたことでした。文字の高さより行の間が狭いと、機械は「収まっていない」と判断してしまいます。行の間を広げたら、正しく判定されました。
ここから学んだのは、機械の結果も、最初は目で確かめることです。機械が「だめ」と言ったら、本当にだめなのかを一度見る。判定の仕方が正しいと分かってから、任せきりにします。
最後は、全部を並べて目で見る
だから、機械の検品が通っても、最後は目で見ます。私は、全部のページを1つの画像に並べて見ています。
並べると、間違いに気づきやすくなります。1ページずつ見ていると気づかない、文字のあふれや、比べる図の左右の向きの間違いが、並べると目に入ります。
任せる所と、自分で決める所
| AIに任せる所 | 自分で決める所 |
|---|---|
| 組む | 何を伝えるか |
| 撮る | どこで改行するか |
| 検品する | 最後の確認 |
作業はAIに任せても、何を伝えるかと最後の確認は、自分で決めます。AIへの頼み方そのものは、AIから期待通りの答えを引き出すプロンプトの基礎と同じ考え方です。AIや自動化を仕事全体の中でどう使うかは、AI・自動化の完全ガイドにまとめています。
よくある質問
プログラムを書けなくても、組んで撮る方法は使えますか?
使えます。私もプログラムは書けません。組むのも撮るのもClaude Codeに頼んでいます。私がやるのは、中身を文章で書くことと、見た目の決まりを決めることと、最後に目で見ることです。
画像のAIで作った資料は、使わないほうがいいですか?
使い分けです。表紙の絵や見出しの画像のように、文字が少なく印象が大事なものは、画像のAIが向いています。文字が多く正確さが大事なページだけ、組んで撮ります。
見た目の決まりは、どう決めればいいですか?
まずは色の役割から決めると迷いません。私の場合は、見出しは紺、強調は赤、比べるときのおすすめしない側はグレー、大事な言葉には黄色のマーカー、と決めています。色ごとに役割があると、見る人も迷いません。決めた内容は1つのファイルに書いておき、Claude Codeには作る前に必ず読んでもらいます。こうすると、何回作っても同じ見た目になります。
最初は何から始めればいいですか?
次に作る資料を1つ選んで、中身を文章で書き出してください。改行の位置も、そこで決めておきます。それを渡せば、あとは組んで撮るだけです。
まとめ
- 文字の多い資料は、絵として描かせず、ウェブページの形で組んで撮る
- 文字の量で、画像で作るか、組んで撮るかを分ける
- 改行の位置は自分で決め、見出しの大きさはそろえ、小さい文字の下限を決める
- はみ出し、小さすぎる文字、下の余白は、機械に確かめさせる
- 機械の結果も最初は目で確かめ、最後は全部を並べて目で見る
まずは、次に作る資料を1つ選んで、中身を文章で書き出すところから始めてみてください。



