はじめに

Google の画像生成AI「Nanobanana」を使って、ビジネスシーンで使える図解を作成するためのプロンプトをまとめました。

この記事のゴール

30文字程度のシンプルなプロンプトで、再現性高く実用的な画像を生成できるようになる
長大なシステムプロンプトは不要！

想定するユースケース

ケース	具体例
① 説明資料の作成	「AWSって何？」のような技術解説
② 障害報告の図解	エンジニアが社内で障害状況を報告するとき

この記事を読めば作れるようになる画像

①技術解説の図解

②障害報告の図解

ケース①：技術サービスの説明資料を作成する

結論：このプロンプトを使おう

AWSの特徴について日本語でゴシック体でインフォグラフィックにまとめて。
アイコンは実際に使われているものを使いたい

なぜこのプロンプトに辿り着いたのか？

段階的に改善していったプロセスを紹介します。

Step 1：普通に聞いてみる

プロンプト

AWSについて画像にまとめてほしい

結果

→ 「画像っぽい」ものは生成されるが、図表というより絵画的な表現になってしまう

Step 2：「インフォグラフィック」を追加

Google公式のプロンプトガイドによると、「インフォグラフィック」というキーワードが効果的とのこと。

プロンプト

AWSの特徴についてインフォグラフィックにまとめて

結果

→ 図表らしくなったが、日本語の文字崩れが目立つ

Step 3：「ゴシック体」を指定

日本語が文字化けしやすい理由として、細い線や払い・はねがあります。AIがこの細かい線を再現しきれないことが原因です。

対策：ゴシック体を指定することで改善できます。

参考：AI画像生成で文字が崩れる原因と対策

プロンプト

AWSの特徴について日本語でゴシック体でインフォグラフィックにまとめて

結果

→ 文字の可読性が大幅に向上！

Step 4：「実際のアイコンを使う」を追加

自分で資料を作るときも、公式アイコンを使うとクオリティが上がりますよね。AIにも同じことを指示してみましょう。

最終プロンプト

AWSの特徴について日本語でゴシック体でインフォグラフィックにまとめて。
アイコンは実際に使われているものを使いたい

結果

→ 実用的なレベルの図解が完成！

ポイントまとめ

要素	効果
`インフォグラフィック`	絵画的表現→図表的表現に
`ゴシック体`	日本語の文字崩れを軽減
`実際のアイコン`	リアリティと視認性が向上

ケース②：障害報告を図解する

シチュエーション

金曜日の夕方、ECサイトの本番環境で突然「決済処理がタイムアウトする」という障害が発生。エンジニアのAさんが調査を進めるも、原因が特定できず3時間が経過。上長やチームへの報告が必要になった。

従来のテキスト報告（例）

■ 発生事象
決済処理のAPI応答が30秒以上かかり、タイムアウトエラーが多発

■ 影響範囲
17時以降の決済処理の約40%が失敗

■ 調査状況
- アプリケーションログ → 異常なし
- DBコネクションプール → 枯渇を確認
- 直近のデプロイ → なし

■ 現時点での仮説
- 夕方のアクセス集中によるコネクション不足？
- 特定クエリのスロークエリ化？

■ 詰まっている点
- コネクションが枯渇する根本原因が特定できていない
- 再現手順が確立できず、検証環境で再現しない

■ 支援依頼
- DBチームにスロークエリログの確認を依頼したい
- インフラチームにコネクション数の上限引き上げを検討してほしい

問題点：読むのに脳のリソースを使いすぎる...

結論：このプロンプトを使おう

下記の状況を画像で説明したいです。
そのまま画像化すると複雑なので項目ごとに要約して構造化したものを画像にしてください

状況
（上記のテキスト報告を貼り付け）

なぜこのプロンプトに辿り着いたのか？

失敗例：そのまま画像化を依頼

プロンプト

下記の状況を画像で説明してください
（状況を貼り付け）

結果

→ 謎のPC画面に文字がごちゃっと書いてあるビジュアルに...（Nanobanana あるある）

成功例：構造化を指示する

Midjourneyのプロンプトガイドを参考に、情報を構造化した状態で画像化することを明示的に指示します。

追加するフレーズ

そのまま画像化すると複雑なので項目ごとに要約して構造化したものを画像にしてください

結果

→ 実用的な障害報告の図解が完成！

ポイントまとめ

ポイント	説明
構造化を明示	AIに「整理してから画像化」を指示
長文はそのまま貼る	要約はAIに任せてOK

まとめ

長すぎるプロンプトは覚えられないし、
細かく出力を調整しすぎていて再現性がないと思うのでぜひ短いプロンプトでバシバシ画像作って成果を出していきましょう

汎用プロンプトテンプレート

技術解説系

【トピック】の特徴について日本語でゴシック体でインフォグラフィックにまとめて。
アイコンは実際に使われているものを使いたい

報告・説明系

下記の状況を画像で説明したいです。
そのまま画像化すると複雑なので項目ごとに要約して構造化したものを画像にしてください

状況
（内容を貼り付け）

参考リンク