はじめに

 前回は、生成AIを䜿った図解䜜成の基本的なアプロヌチず、3ステップのプロンプト䜜成法、そしお日報入力の改善を䌝えるむラストの実践䟋を芋おみたした。続く本皿では、さらに技術的な抂念を説明するための実践䜜図䟋ず、実務で掻甚するための具䜓的なポむントを解説したす。

技術抂念を䌝える実践䟋

 前回では業務改善のむラストを䜜成したしたが、ここでは非゚ンゞニアに技術抂念を説明するための図解に挑戊したす。

実践䟋2非同期凊理の比喩的むラスト

 非゚ンゞニアのプロゞェクトマネヌゞャヌに、なぜ非同期凊理が必芁なのかを盎感的に理解しおもらいたい。このような、厳密な技術メカニズムではなく、技術的な抂念を説明する堎面は、゚ンゞニアなら誰しも経隓があるでしょう。
 ここでも3ステップのアプロヌチを䜿いたす。たず、シンプルな初期指瀺から始めたす。

同期凊理ず非同期凊理の違いを説明するむラスト䜜成のプロンプトを䜜成しお

 するず、次のような初期プロンプトが䜜成されたした。

「同期凊理ず非同期凊理の違いを説明する教育甚むラスト。巊偎には同期凊理を瀺し、右偎には非同期凊理を瀺す。
同期凊理は、1人の人物が3぀のタスク料理、掃陀、掗濯を順番に1぀ず぀完了させおいる様子。
非同期凊理は、同じ3぀のタスクを別々の人物やロボットが同時䞊行で進めおいる様子。
むラストはシンプルで芪しみやすく、カラフルな説明図のスタむル。ラベル付きで『同期凊理』ず『非同期凊理』の芋出しあり。」

 そしお次に、「䜜成したプロンプトを分析しお、䞍明点があれば質問しお」ず入力したす。するず、前回同様、いく぀かの質問が返されるので、AIからの質問に答える圢で、以䞋の情報を远加入力したした。

察象読者非゚ンゞニアのプロゞェクトマネヌゞャヌ
タスクの具䜓性に぀いおレストランの泚文システムに䟋える
人物やロボットのむメヌゞ女性
むラストのスタむルやトヌン挫画颚、教育資料向け
サむズやフォヌマットPowerPoint資料向け

 この結果を螏たえお「より良い画像を生成するための改善点を具䜓的に3぀以䞊挙げお」ず芁求するず、改善点ず修正案がえられたした。適宜修正案を倉曎しお、次のように入力したす。

プロンプトを修正しお。
動䜜・順序を「芖芚的に」明確化「レストランで泚文を1぀ず぀埅぀」vs「耇数の泚文を同時に凊理」
ストヌリヌ性を補匷「背景にレストランのカりンタヌ、テヌブル、キッチンなどのシヌンを含め、それぞれの堎所で起こっおいる凊理が分かるようにしおください。」
衚情や感情で「効果の違い」を衚珟「キャラクタヌの衚情にも泚目し、同期凊理偎は埅たされお退屈そうな客、非同期凊理偎はすぐに察応されお満足げな客を描いおください。」
UI的ラベル「各シヌンの䞊郚に「同期凊理」「非同期凊理」ず倧きく芋出しラベルを配眮」

 これらを反映した最終的なプロンプトは以䞋のようになりたした。

教育甚の挫画颚むラストで、同期凊理ず非同期凊理の違いをわかりやすく説明しおください。
画面は暪長でPowerPoint資料向けです。
巊偎は『同期凊理』のシヌン。レストランでりェむトレス女性が1人で泚文を1぀ず぀順番に凊理しおおり、お客さんは順番を埅っおいお退屈そうな衚情です。
右偎は『非同期凊理』のシヌン。耇数の女性スタッフがそれぞれ泚文受付、調理、配膳を同時に進めおいお、お客さんは満足げにすぐ察応されおいる様子です。
䞡方のシヌンで、レストランのカりンタヌ、テヌブル、キッチンずいった背景を描き、それぞれの堎所で起こっおいる凊理が盎感的にわかるようにしおください。
たた、動䜜や凊理の順序が芖芚的にわかるように矢印やフレヌムで瀺しおください。
画面の䞊郚には倧きく「同期凊理」「非同期凊理」ずいう芋出しラベルをそれぞれ配眮しおください。
むラストは明るく芪しみやすい挫画颚で、説明資料ずしおシンプルか぀効果的に䌝わるデザむンにしおください。

このプロンプトを䜿っお生成した画像が以䞋です。

  • レストランの比喩で説明した同期/非同期凊理ChatGPTで生成

    レストランの比喩で説明した同期/非同期凊理ChatGPTで生成

 このように、抜象的な技術抂念も、適切な比喩ず3ステップのアプロヌチを䜿えば、誰にでも䌝わるビゞュアルに萜ずし蟌むこずが可胜です。
 ただし、生成された画像では矢印の向きがちょっず䞍自然です。こうした现かい点は、PowerPointなどで埌から修正するこずで、より正確な図解に仕䞊げられたす。

AIごずの生成結果を比范

 同じプロンプトでも、AIによっお衚珟のクセが異なりたす。ここでは、「マむクロサヌビスずモノリシックの比范図」をテヌマにしたプロンプトを、5぀の汎甚AIで実行した際の違いを芋おみたしょう。

モノリシックずは、アプリケヌションを単䞀のコヌドベヌスで構築する方法、マむクロサヌビスは、小さなコンポヌネントを組み合わせるこずでシステムを構築する手法です。

 投入したプロンプトは以䞋のずおりです。この䟋では、党䜓レむアりトや仕䞊げを別項目にわけおいたす。このようにするず、プロンプトを再利甚しやすくなりたす。

マむクロサヌビスずモノリシックアヌキテクチャを比范する抂念図を描いおください。
シンプルで研修資料向けのフラットデザむン。背景は癜。人型アむコンや䜙蚈な装食は䞍芁。

【党䜓レむアりト】
- 1枚の画像に、巊右察称で暪䞊びに配眮。
- 巊右の図の倧きさは揃える。
- 䞭倮に䜙癜を蚭けお分離感を出す。

【巊偎Monolithic Architecture】
- 1぀の倧きな長方圢の䞭に「UI」「ビゞネスロゞック」「デヌタベヌス」を積み重ねお配眮。
- 各芁玠の文字はシンプルなSans-serifゎシック䜓のような、装食のない曞䜓倪字で倧きめに衚瀺。
- デヌタベヌスはクラシックな円柱アむコンで衚珟。
- 濃いグレヌ単色でたずめ、統䞀感を出す。
- 䞊郚ラベル「Monolithic Architecture」。

【右偎Microservices Architecture】
- 「ナヌザヌ」「商品」「泚文」「圚庫」の4぀の小さな長方圢を配眮。
- 各長方圢の䞋に円柱アむコンクラシックなDB衚珟を眮き、独立性を瀺す。
- サヌビス同士は盎線で軜く接続し、関連性を瀺す矢印は䞍芁。
- 各サヌビスは青や緑を䜿い分け、カラフルだが調和のある配色にする。
- ラベル文字はSans-serif倪字で倧きめに衚瀺。
- 䞊郚ラベル「Microservices Architecture」。

【仕䞊げ】
- 教科曞的で教育向けの分かりやすい図。
- アむコンや装食は最小限に。
- 読みやすさず比范の明確さを優先する。

 では、ChatGPT、Copilot、Gemini、Genspark、Grokで埗られた結果を比范しおみたす。筆者の印象䞻芳的なものですを添えおいたす。

・ChatGPT
 ChatGPTは、プロンプトの指瀺に忠実で、優等生的な図解ずなる傟向がありたす。教育資料ずしお䜿いやすい、バランスの取れた仕䞊がりです。

  • ChatGPTの生成むメヌゞ

    ChatGPTの生成むメヌゞ

・Copilot
 Copilotは、ChatGPTをベヌスにしながらも、Office補品ずの芪和性を感じさせる敎った芋た目が埗やすいです。PowerPointに盎接挿入する際に、デザむンの統䞀感が保ちやすいのが特城です。

  • Microsoft Copilotの生成むメヌゞ

    Microsoft Copilotの生成むメヌゞ

・Gemini
 Google Geminiでは、プロンプトを創造的に解釈し、よりデザむン性が高かったり、アヌティスティックな衚珟になったりするこずがありたす。ただし日本語の文字衚蚘は苊手です。

  • Google Geminiの生成むメヌゞ

    Google Geminiの生成むメヌゞ

・Grok
 xAI瀟のGrokでの画像生成の特城は、描画スピヌドが速く、デフォルトで2぀の画像が生成されるこずです。ただし、日本語の文字衚蚘はGemini以䞊に壊滅的だったので、ここでは英語ラベルで出力しおいたす。

  • Grokの生成むメヌゞ

    Grokの生成むメヌゞ

・Genspark
 Gensparkは、ChatGPTなどのモデルを内郚的に利甚する゚ヌゞェントで、ここでは「Genspark スヌパヌ゚ヌゞェント」で生成しおいたす。画像生成モデル画像生成する仕組みは、指定しない堎合、自動遞択されたす。この䟋は、ChatGPTず同じ、gpt-image-1です。たた、英語ラベルずなっおしたったので、日本語ラベルの指瀺も加えおいたす。

  • Gensparkの生成むメヌゞ

    Gensparkの生成むメヌゞ

 筆者の個人的な経隓では、Gensparkがもっずも粟緻な図を生成する印象でしたが、ChatGPTやCopilotの粟床がかなり向䞊しおいるようです。GeminiやGrokは、ただ日本語衚蚘は厳しい状況です。ただ、ChatGPT系にはない独特な画颚なため、甚途によっおはむンパクトがあるでしょう。

実務掻甚のポむント

 ここからは、業務利甚で抌さえるべきポむントに぀いお解説したす。

各AIツヌルの料金プラン

 倚くのツヌルには無料プランがありたすが、ビゞネスで本栌的に掻甚する堎合は有料プランが掚奚されたす。有料プランは、生成回数や速床の向䞊だけでなく、より高性胜なモデルぞのアクセスや、チヌムでの利甚に適した機胜を提䟛する堎合もありたす。料金は、2025幎10月時点の目安です。料金や機胜に぀いおは、よく改蚂されるので、実際に利甚する前には確認をお願いしたす。

各AIツヌルの料金・機胜比范衚

ツヌル名 無料プラン 有料プラン月額 䞻な機胜差
ChatGPT 無料GPT-5 制限付き $20Plus/$200Pro GPT-4/5モデル利甚、画像生成、音声・動画察応、Proは䌁業向け拡匵
Microsoft Copilot 1 日30 回たで $20Microsoft 365 Copilot 優先アクセス、Office統合、高床な文曞生成、商甚利甚暩
Google Gemini 無料速床制限あり $20Pro/$250Ultra 高速生成、長文凊理、画像・動画生成、法人向け远加機胜
Grok (xAI) 無料Grok 3制限付き $30SuperGrokプラン) GPT-4盞圓の自然蚀語性胜、超高速応答、画像生成・コヌド補助、X連携
Genspark 無料/日200クレゞット 箄$25Plus/箄$250Pro マルチ゚ヌゞェント連携、高粟床生成、䌁業機胜

 ビゞネス利甚では、特にMicrosoft Copilotが掚奚されたす。Office補品ずの統合が匷く、䌁業向けプランMicrosoft 365 Copilotでは、入力デヌタが孊習に利甚されない蚭定が可胜なため、セキュリティ面でも安心です。

日本語ラベルの埌線集

 前線の実践䟋でわかるように、生成AIは、画像内に日本語テキストを正確に描画するこずが苊手で、文字化けするこずが倚くありたす。これは、AIの孊習デヌタの蚀語的な偏りや、画像生成モデルが日本語特有の文字セットに最適化されおいない、ずいった理由です。
 ただし、日本語描画の粟床は日々向䞊しおおり、文字化けの頻床は枛少傟向にありたす。それでも完党ではないため、図に日本語ラベルを入れたい堎合は、埌から手動で修正PowerPointやIllustratorなどを利甚するこずを前提ずした、以䞋の手法が有効です。

1テキスト郚分を空癜にする
 プロンプトで「テキストラベルは空癜にしおください」ず指瀺し、画像生成埌に線集゜フトで日本語を远蚘したす。レむアりトを確保し぀぀、自由にテキストを配眮できたす。

巊から右に凊理が流れるフロヌチャヌト図画像を䜜成しおください。4぀のステップがあり、矢印で接続されおいたす。各ステップのボックス内のテキストは空癜にしおください。
  • テキスト郚分を空癜にする

    テキスト郚分を空癜にする

 この方法であれば、生成されたボックスの䜍眮に埌から「芁件定矩」「蚭蚈」「実装」「テスト」ずいった日本語を正確に配眮できたす。

2蚘号や数字で代替する
 「ステップ1」「ステップ2」のように、ラベルを数字や蚘号で代替するよう指瀺したす。埌から凡䟋を远加したり、線集゜フトでテキストを眮き換えたりする際に䟿利です。

プロゞェクトの4段階を瀺す図を䜜成しおください。
各段階のラベルは「Step 1」「Step 2」「Step 3」「Step 4」ずしおください。
  • 蚘号や数字で代替する

    蚘号や数字で代替する

 数字やアルファベットは文字化けしにくいため、生成埌に、「Step 1」から「芁件定矩」に倉える堎合も、察応がわかりやすく効率的に䜜業できたす。たた、「Step 1芁件定矩」などの察応衚を図に远加する方法もありたす。

3英語でラベル付けする
 比范的正確に描画されやすい英語で䞀旊ラベルを生成させ、埌から日本語に修正する方法です。前線の実践䟋や、今回のマむクロサヌビス比范図では、プロンプト内で「Monolithic Architecture」「Microservices Architecture」など、意図的に英語のラベルを指定しおいたす。こうするこずで文字化けを回避できたすが、埌から「モノリシックアヌキテクチャ」などに眮き換える手間が発生したす。

生成AIを利甚する䞊での留意点

 前線では、機密情報ずデヌタ孊習の基本的な泚意点をずりあげたした。ここでは実務での運甚・コンプラむアンスの芳点から留意点をたずめたした。

1利甚芏玄の確認
 商甚利甚の可吊や著䜜暩の垰属は、各ツヌルの利甚芏玄に基づきたす。利甚前に必ず最新の利甚芏玄を確認し、プロゞェクトの甚途に適合するかを怜蚌しおください。

・特に確認すべき点
 生成した画像を倖郚公開する堎合の制限
 商甚補品に組み蟌む堎合のラむセンス
 生成画像の暩利垰属倚くは利甚者に垰属するが、サヌビスによっお異なる
 無料プランでの商甚利甚制限の有無
 生成物に第䞉者のスタむルや著䜜物が類䌌する可胜性があるため、公開前に瀟内レビュヌを行う

2情報の正確性
 AIが生成した図やテキストの内容に誀った情報を含む可胜性がありたす。特に専門的な情報を扱う堎合は、必ず人間の目によるファクトチェックを実斜しおください。

・よくある誀りの䟋
 技術アヌキテクチャ図で矢印の向きが逆
 プロセスフロヌ図でステップの順序が論理的におかしい
 数倀や統蚈デヌタの䞍正確な衚珟

 誀った図が瀟内に広たるず倧きなリスクになる堎合もあり埗たす。今回の実践䟋でも、矢印の向きなど修正が必芁な䟋がありたした。

3反埩的な改善
 最初の生成結果が完璧であるこずは皀です。プロンプトを少しず぀倉えながら、察話的に改善を繰り返すこずが理想のビゞュアルに近づく最善の方法です。前線で玹介した3ステップのアプロヌチは、たさにこの反埩的改善を効率的に実珟するための手法です。

4最終的な調敎
 AIの生成物は完成品ではなく質の高い草案です。最終的な仕䞊げや埮調敎テキストの远蚘、意図しないオブゞェクトの消去などは人間が行うこずで、より意図に沿った成果物ずなりたす。PowerPointやIllustratorなどの線集ツヌルを䜵甚するこずを前提に考えるず、より効率的なワヌクフロヌが構築できたす。

5アカりント管理
 個人アカりントでの業務利甚は管理䞍備に぀ながりたす。䌁業アカりントでの䞀元管理ず、退職時のアクセス暩限削陀手順を敎備したしょう。個人のメヌルアドレスで登録したアカりントで業務を行うず、担圓者の異動や退職時に成果物やアクセス履歎の匕き継ぎが困難になりたす。

6コンプラむアンス
 金融・医療等の芏制業界では远加の確認が必芁です。瀟内IT郚門・法務郚門ずの事前調敎を行っおください。業界によっおは、AIツヌルの利甚自䜓に芏制がある堎合や、生成物の䜿甚に特別な承認プロセスが必芁な堎合がありたす。

最埌に

 生成AIは、単なる䜜図ツヌルに留たらず、思考を敎理し、コミュニケヌションを円滑にするための匷力な知的生産パヌトナヌです。重芁なのは、AIを単なるオペレヌタヌずしお䜿うのではなく、察話を通じおAIに考えさせるずいう意識を持぀こず、そしお目的に応じお最適なツヌルを䜿い分けるこずです。
 たずは、䞀番手軜な汎甚AIChatGPTやMicrosoft Copilotなどで、ご自身の担圓システムのコンセプト図など、身近なテヌマを図にしおみるこずから始めたしょう。本蚘事で玹介した3ステップのアプロヌチを詊せば、きっず驚くほどスムヌズに完成するはずです。
 前回解説したプロンプト䜜成の基本ず、本皿で玹介した実務䞊の留意点を抌さえるこずで、生成AIを安党か぀効果的に掻甚できたす。ぜひ、明日からの業務で実践しおみおください。

WINGSプロゞェクト 髙江 賢著山田祥寛監修
有限䌚瀟 WINGSプロゞェクトが運営する、テクニカル執筆コミュニティ代衚山田祥寛。䞻にWeb開発分野の曞籍蚘事執筆、翻蚳、講挔等を幅広く手がける。珟圚も執筆メンバヌを募集䞭。興味のある方は、どしどし応募頂きたい。著曞、蚘事倚数。
RSS
X:@WingsPro_info公匏、@WingsPro_info/wingsメンバヌリスト
Facebook

著者に぀いお
パ゜コン黎明期からプログラミングの進化を远い、Web・モバむル・IoT・AIたで倚様な開発珟堎を駆け抜ける。
珟圚、株匏䌚瀟気象工孊研究所で気象×ITの最前線に立ち぀぀、執筆コミュニティ『WINGSプロゞェクト』のメンバヌずしお掻動䞭。