AI・マーケトレンド
Writer /
この記事の著者
広告バナーAIは、Claude Codeに要件を伝えれば自作できます。動画では、サービスのURLを入れるだけで媒体別サイズの広告画像を作り、AIが採点して作り直すツールを作りました。この記事では、依頼した内容、開発でつまずいた3点、使った結果を順に説明します。
広告バナーAIの自作とは、画像生成AIとコピー作成AIを組み合わせ、広告画像の制作から改善までを自社用のツールにすることです。ここで作ったのは「ドヤ広告画像AI」で、ログインすれば無料で使えます。
バナーをAIで作る方法そのものは、広告バナーをAIで作成する方法にまとめています。この記事は、既製品を使うのではなく、自分で作る人向けの内容です。
広告バナーAIは自作できるのか
自作できます。動画では、Claude Codeに要件定義から開発まで任せ、URLから広告バナーを作る画面まで完成しました。
ただし、頼めば一度で思いどおりに動くわけではありません。動画では、量産の途中停止と、選んだデザインと違う画像が出る問題が起きました。直すのにいちばん時間を使ったのは、プロンプトの調整です。
プロンプトの調整に時間をかければ、Claudeで自社用のツールは十分作れます。これが動画で得た結論です。
自作した広告バナーAIでできること
動画で作ったツールは、広告画像の制作と改善を1つの画面で行います。できることは次の4つです。
サービスのURLから、サイトの色やコンセプトを読み取る
読み取った内容から、キャッチコピーの案を作る
Meta・Google・X・LINE・Yahooなど、媒体別サイズの広告画像を作る
AIが画像を採点し、指摘どおりに作り直す
広告画像は、媒体ごとに必要なサイズが違います。公開ページに載っている出力サイズは、次のとおりです。
媒体 | 出力サイズ | 形 |
|---|---|---|
Meta | 1080×1080 | 正方形 |
1200×628 | 横長 | |
X | 1600×900 | 横長 |
LINE | 1080×1920 | 縦長 |
Yahoo!にも対応するとされていますが、サイズはページに書かれていません。各媒体の入稿規定は変わることがあるため、入稿前に広告バナーのサイズ一覧で最新の規定を確かめてください。
広告バナーAIを自作する手順
動画で行った手順は、次の6つです。順番は動画のチャプターと同じです。
作りたいツールの狙いを決める（0:24〜）
Claude Codeに要件定義を依頼する（1:54〜）
出てきた要件を読み、調整して開発を進めてもらう
完成後に、動かない所と画像の乱れを直す（4:23〜）
URLを入れて広告画像を作る（6:15〜）
AIの採点を見て、作り直す（8:19〜）
手順1：何を自動にしたいかを決める
最初に決めたのは、広告画像を作る作業を、どこまで自動にするかです。広告バナーを作る作業は、色や内容の確認、コピーの検討、媒体ごとのサイズ調整に分かれます。
動画では、AIで画像を作れる時代でも、複数のサイズで作って改善まで続けるのは大変だと話しています。デザイナーに頼んだほうが早い場合もあるからです。そこで、作るところから改善までを1つのツールにすることにしました。
手順2：Claude Codeに要件定義を頼む
要件定義も、Claude Codeに任せました。動画で伝えた内容は、次の3点です。
サービスページのURLを入力するだけで、Google・Meta・Instagramなどの媒体に合わせた画像を作る。作った画像にフィードバックボタンを押すと、AIが自動で改善する。この要件定義と設計をお願いしたい。
URLの入力、媒体別の画像、AIによる改善の3つを、最初の依頼に入れています。ツール名とやりたいことだけを渡し、要件の整理はClaude Codeに任せた形です。
手順3：出てきた要件を読んで調整する
Claude Codeが出した要件には、設計の考え方が書かれていました。動画で確認できたのは次の内容です。
以前に仮のものを作っていたため、作り直しの前提が含まれていた
AIに背景・文字・レイアウトを1枚で描かせると、崩れる・切れる・計測できない・直せない問題が出る
そのため、AIには背景の画像だけを描かせ、コピーはGeminiが文字数の制限つきで作る
フィードバックのボタンは、ワンクリックの定型チップ、自由記述、AI提案の採用の3種類にする
画像はgpt-image-2で作るが、縦長の画像がうまく作れない可能性がある
縦長の画像が作れない可能性は、要件の段階で示されていました。そこで、作りながら確かめてもらうことにしました。
広告バナーAIを自作して詰まった3点と直し方
開発では3つの問題が起きました。原因と直し方は、次の表のとおりです。
問題 | 原因 | 直し方 |
|---|---|---|
10枚を同時に生成すると途中で途切れる | Vercelでつないでいるため、サーバーと一定時間つなぎ続けると切れる | 生成を並列にした |
最上位の品質設定で失敗する | 処理が長引き、タイムアウトになった | 品質をmediumに下げた |
選んだデザインと違う画像が出る | プロンプトが混ざっていた | プロンプトを調整した |
10枚を同時に生成すると途中で途切れる
量産が止まる問題は、サーバーとの接続が一定時間で切れることが原因でした。動画では、Vercelでつないでいるため途中で途切れた、と話しています。直し方は、生成を並列にすることです。
最上位の品質設定はタイムアウトする
画像の品質を最上位にすると、タイムアウトで失敗しました。品質をmediumに落とすことで、生成が終わるようになりました。
選んだデザインと違う画像が出る
いちばん時間がかかったのが、この問題です。選んだデザインと違う画像が出る原因は、プロンプトが混ざることでした。動画の中でも、ここが時間のかかった所だと話しています。
細かい内容は長くなるため、動画ではスライドにまとめています。作り方のスライドは、LINEで受け取れます。
広告バナーAIの自作を動画で見る
ここまでの流れは、動画「広告画像を自動改善するAIを作ってみた（ドヤ広告画像AI）」で見られます。2026年10月26日に公開した約11分の動画で、要件定義、開発でつまずいた点、バナーの生成、AIによる改善までを話しています。
動画のチャプターは、次のとおりです。
0:24 オープニング
1:54 要件定義：Claude Codeに依頼
4:23 完成と、開発でつまずいたところ
6:15 使ってみた：URLから広告画像を生成
8:19 AIフィードバックで自動改善
9:07 作ってみた感想
10:39 ドヤ広告画像AIのご案内
この動画は、シリーズ「SaaSは死にましぇん」の1本です。AIでいろいろなSaaSを実際に作り、使えるかどうかを検証しています。
URLから広告バナーを作る流れ
広告バナーは、サービスのURLを入れて「広告コピーを作る」を押すと作り始められます。動画の6:15からの流れは、次のとおりです。
サービスのURLを入れ、「広告コピーを作る」を押す
ツールがサイトの色と内容を読み取る
読み取った内容から、広告コピーの案が出る
コピーを選ぶ
内容に合うテンプレートを選ぶ
出力する配置を選び、「広告画像を作る」を押す
動画では、ドヤ広告画像AI自身のURLを入れました。サイトの内容は「各媒体のサイズを一括生成するサービス」と読み取られています。
コピーの案はどのように出るのか
URLを読み込んだあと、ツールが広告コピーを自動で作ります。動画で出た案には、次のものがありました。
URLを貼るだけで完成
デザイナー不要の広告制作
無料で広告画像を生成、AI検査で文字切れゼロ
動画では「デザイナー不要の広告制作」を選びました。コピーには文字数の制限がついているため、バナーに入る長さの文になります。広告コピーを自分で考えたい場合は、広告コピーの書き方も参考になります。
テンプレートと配置はどう選ぶのか
コピーを選ぶと、内容に合いそうなテンプレートが自動で出ます。動画では、切り絵風のテンプレートを選びました。
出力する配置は選んで決めます。動画では、ストーリーズとリールの縦長バナーを選んでいます。配置を複数選べば、複数枚をまとめて作れます。
読み込み中の画面にはグラデーションを指定しました。これもClaude Codeへの依頼で変えた点です。
プロンプトが混ざる問題は直ったのか
動画の撮影時点では、選んだ画像と違うものが出る問題は、たぶん直っているという説明でした。ここは時間がかかった所なので、生成後は目で確かめます。
生成の結果、「デザイナー不要の広告制作 中小企業の広告悩みを解決」というコピーの入ったバナーが完成しました。
広告バナーをAIが採点して作り直す仕組み
作った画像は、AIフィードバックのボタンで採点できます。動画の8:19からの内容です。
AIは画像を読み取り、視認性・訴求力など5項目を25点満点で採点します。動画で出た採点は23点でした。訴求力とブランドの配色の点数が低く、配色に工夫があればブランドの独自性を強調できる、という指摘が出ています。
「この内容で作り直す」を押すと、指摘を反映した画像が作られます。動画で変わった所は、次の2点です。
色のメリハリがなかったため、「デザイナー不要の広告制作」の文字を白にした
ボタンが下にあると見づらかったため、真ん中に移した
採点が高い画像が成果につながるかは、配信して比べないと分かりません。比べ方はバナーのABテストのやり方で説明しています。
公開ページでわかる、現在のツールの仕様
ツールのページには、動画の後に整えた仕様も載っています。ページの記載で確認できる点は、次のとおりです。
目標のサイズと同じ比率で生成してから縮小するため、切り抜きによる文字切れを防ぐ
文字を画像に描き込み、生成後に読み取って指定した内容と照合する。合わない場合は自動で作り直す
ロゴを登録すると、画像に合成できる
媒体別に整理したZIPで、まとめて保存できる
直近50件の履歴を、配置ごとに見返せる
要件定義の段階では、背景の画像だけをAIに描かせる設計でした。現在のページは、文字の描き込みと検査を行う仕様を案内しています。日本語の文字が崩れる原因と対策は、ChatGPTで日本語バナーが崩れる原因と回避ルートで詳しく説明しています。
広告バナーは自作と既製品のどちらがよいのか
自社の広告に合わせた作り方を細かく決めたいなら自作、すぐに使い始めたいなら既製品が向きます。動画の学びは、プロンプトの調整に時間をかければ自社用のツールは十分作れる、というものです。
見る点 | 自作 | 既製品 |
|---|---|---|
使い始めるまで | 要件定義と開発が必要 | 登録してすぐ使える |
作り方の細かい調整 | 自社の広告に合わせて決められる | 用意された機能の範囲になる |
時間のかかる所 | プロンプトの調整 | 自社に合う画像が出るかの確認 |
向いている場面 | 代理店が他社向けのサンプルを出す、自社専用の仕組みを持ちたい | まず1枚作ってみたい、開発の手間をかけたくない |
動画では、広告代理店が他社にサンプルを出すとき、URLを入れるだけでその会社に合ったバナーが作れる点を勧めています。既製品の比較は、AIバナー作成ツールの比較で確認できます。
広告バナーAIを使うときの注意
動画は、ツールを作って使ってみた記録です。広告の成果を約束する内容ではありません。使うときの注意は次の3つです。
AIの採点は目安です。採点が高い画像の配信成果は、動画では扱っていません。
選んだデザインと違う画像が出ることがありました。生成後に目で確かめます。
広告に出す文言や表現は、配信前に人が確認します。
成果の数字は、動画では示していません。
ドヤ広告画像AIのご案内
ドヤ広告画像AIは、ログインすれば無料で使えます。ページの記載では、無料プランの利用枠は画像が1日3枚・月15枚で、改善した分も含みます。クレジットカードの登録は不要とされています。
有料のプランもあります。料金と利用枠は変わることがあるため、最新の内容はツールのページで確かめてください。
ドヤ広告画像AI：https://doya-ai.surisuta.jp/adimage
作り方スライド：https://lin.ee/wQgI6vW
検索するときは「ドヤAI ドヤ広告画像AI」と入れてください。ご意見や改善してほしい点は、問い合わせフォームか動画のコメント欄で受け付けています。
よくある質問
広告バナーAIは自作できますか？
自作できます。動画では、Claude Codeに要件定義から任せ、URLから媒体別の広告画像を作り、AIが採点して作り直すツールが完成しました。
広告バナーAIの自作で、いちばん時間がかかるのは何ですか？
プロンプトの調整です。選んだデザインと違う画像が出る問題は、プロンプトが混ざることが原因で、直すのに最も時間を使いました。
10枚を同時に生成すると止まるのはなぜですか？
Vercelでつないでいたため、サーバーとの接続が途中で切れたことが原因でした。生成を並列にして直しています。最上位の品質設定はタイムアウトしたため、mediumに下げました。
広告バナーを自動生成するとき、AIは何を採点しますか？
視認性・訴求力など5項目を25点満点で採点します。動画では23点が出ました。「この内容で作り直す」を押すと、指摘を反映した画像が作られます。
どの媒体のサイズに対応していますか？
Meta・Google・X・LINE・Yahooなどの媒体別サイズに対応するとされています。ページに出力サイズが載っているのは、Meta（1080×1080）、Google（1200×628）、X（1600×900）、LINE（1080×1920）です。
ドヤ広告画像AIは無料で使えますか？
ログインすれば無料で使えます。ページの記載では、無料プランは画像が1日3枚・月15枚です。有料のプランもあります。
自作と既製品はどちらを選べばよいですか？
自社の広告に合わせて作り方を細かく決めたいなら自作、すぐに使い始めたいなら既製品が向きます。自作では、プロンプトの調整に時間がかかることを見込んでください。