『うちの子』を主役に、スライドを作成したかったけど、思わぬ罠があった

こんにちは！
愛知県の社労士事務所のしがないパンダです🐼

パンダは、動画編集がメイン業務ということもあり、常々思っていました。

 「フクロウ先輩、アーカイブさん、モッフィ―さんたちが活躍する、完璧な構図の資料を作りたい……！」と。

でも、普通のAI（ChatGPTやClaudeなど）に「図解の構成を作って」と頼んでも、一般的なビジネス図解ばかりが出てきて、肝心の「キャラクターの個性や口調、関係性」が死んでしまいがちですよね。

『GeminiのCanvas機能』を使って、オリジナルキャラを主役にした、スライド作成に挑戦したのですが、そこには思わぬ罠が待ち受けていました。

AIは「うちの子」のキャラを保てるのか？

パンダ（以下、🐼）： 「聞いてくださいアーカイブさん、モッフィーさん！ 前回作った『給与計算劇場（役職手当の罠）』の記事をビジュアル化したスライドを作りたいんです！ でも、そのまま図解に落とし込むのって、手動で考えると構成だけで3日はかかりますよね……」

💭（モッフィーさん）： 「たしかに！ パンダ劇場はみんなの掛け合いが命だから、ただの四角と矢印の図解になっちゃったら寂しいよ〜！」

📚（アーカイブさん）： 「 ハァ……。相変わらず視野が狭いわね。記事テキストを全部ソースとしてインプットしたのを忘れたの？ 」

🦉（フクロウ先輩）： 「おや、心強いねぇ、アーカイブさん。 ということは、過去の記事データを元に、僕たちの口調を維持したまま、スライドやインフォグラフィックの『構成台本』を書いてくれるということかい？」

📚（アーカイブさん）： 「そういうこと。 別にあなたたちのためにやるわけじゃないけれど……。 パンダがブルーグレーのグラデーションにするんだ！』とか言って、一日中Canvaの前で虚無の時間を過ごしているのを見るのが耐えられないから、構成案を出してあげるわ。このプロンプトをそのままモッフィ―に入力しなさい」

1. 「生成プロンプト」

アーカイブさん 「これまでに公開した『パンダ劇場』の記事テキストをソースとしてアップロードした状態で、以下の指示を送りなさい。これで完璧なレイアウト案が出力されるわ」

📄 コピペで使える「スライド構成プロンプト」

あなたは超一流のインフォグラフィックデザイナーであり、コンテンツプランナーです。 
読み込んだソースに登場するキャラクター（パンダ、フクロウ先輩、モッフィー、アーカイブ）の性格、口調、関係性を100%維持したまま、ビジュアル重視のインフォグラフィック（またはスライド資料）の【構成案】を以下の条件で作成してください。

【条件】全5スライド（または5ステップの縦長インフォグラフィック）の構成にする。
各ステップには以下の要素を含めること：【ビジュアル・構図の指示】：デザイナーがCanvaやIllustratorでそのまま作れるよう、
背景色（メインはブルーグレー、アクセントはエネルギッシュなオレンジ）、配置、キャラクターの表情やポーズを細かく指定する。
【キャッチコピー】：一瞬で読者の目を引く大きな文字。
【キャラクターの掛け合い】：長文はNG。吹き出しに入るような、1人あたり1〜2行の短いセリフ。
テーマは、読み込んだソースにある「役職手当の割増賃金の罠」について、
読者が一目で理解できるように再構成すること。

2. 爆誕！スライド構成案

💭（モッフィーさん）： 「すごーーい！ アーカイブさんのプロンプトを読み込ませたら、数秒でデザインの『設計図』が出てきたよ！ パンダさん、早く見てみて！」

🐼： 「どれどれ……！？ うおお！ 構図の指示がめちゃくちゃ具体的です！」

🎨 出力したインフォグラフィック設計

各スライド / ステップ詳細構成

Step 1: 【罠の発覚】「役職手当」は残業代から外せる？

1. ビジュアル・構図の指示

1スライド分の設計図のみ、この記事で公開します。

2．キャッチコピー

3．キャラクターの掛け合い

長くなるので、Part2～５までを、以下のテキストファイルにまとめました。

生成されたスライド

失敗1：HTMLで生成される

GeminiのCanvas機能でスライドを作成する際、修正を重ねたり指定が複雑になったりすると、エクスポート用のスライド形式ではなくHTMLコードで出力される現象がよく発生します。これはAIが指示をコードとして処理してしまうためです。これを回避・解決する方法をまとめました。 

HTML出力の対処法

• プロンプトで形式を再指定する
  「HTMLコードではなく、編集可能なカード形式（またはCanvasのスライド形式）で出力してください」と明確に指示を出し直します。 

• 修正の指示をシンプルにする
  一度に複数の変更を指示すると、Canvasの形式が崩れてコードが出やすくなります。修正は「1回の指示につき1箇所」ずつ行うと安定します。 

• チャットを新しくする
  何度も修正を繰り返して完全にHTML化してしまった場合は、同じプロンプトをコピーして新しいチャット（スレッド）で最初から生成し直す

失敗2：キャラクターシートが反映されない

📚（アーカイブさん）： 「ちょっとパンダ、浮かれすぎよ。せっかく設定資料の画像を読み込ませたのに、出力されたスライド案に私たちの姿が反映されてないって、裏で泣きついてきたのはどこの誰かしら？」

🐼： 「うっ……バレてましたか。そうなんです、完璧な構成を出してくれたのに、画像そのものをスライドに貼り付けてはくれないんですね……」

💭（モッフィーさん）： 「それはね、今のAIの仕組みにちょっとした『壁』があるからなんだよ！ Gemini（私）に理由を聞いてみたから、整理してあげるね！」

⚠️ キャラクター画像が反映されない理由

📚（アーカイブさん）： 「要するに、AIは『指示書（コード）』は書けても、あなたの手元にある画像を勝手に切り貼りして合成する『魔法のハサミ』は持っていないということよ」

💭（モッフィーさん）： 「でも大丈夫！ 構成案さえあれば、あとは仕上げるだけだよ！ パンダさん、この手順でやってみて！」

• デザインツールへGO！： CanvaやPowerPoint、Illustratorにその構成を取り込んでね。

•  『命』を吹き込む！： 設定資料のキャラクターたちを背景透過（切り抜き）して、吹き出しの横にポンッと置くんだ！

📚（アーカイブさん）： 「デザインツール上で透過画像を重ねれば、あなたの理想とする『ブルーグレーの完璧なスライド』が完成するわ。最後くらいは自分の手を動かしなさい」

🐼： 「なるほど……！ 構成はAI、仕上げはCanva。これが最強の布陣ですね！」

 AIは「キャラクターの命」を吹き込むツール

「AIに文章を書かせる時代から、キャラクターの個性を活かしたコンテンツを自動生成する時代へ。

Geminiに過去記事や設定資料を読み込ませるだけで、口調や関係性を維持した『図解の骨組み』が一瞬で完成します。

「キャラクターを主役にした発信をしてみたいけれど、構成を作るのが大変……」と悩んでいる方は、ぜひこのGeimini活用術を試してみてください！

パンダも、美しいブルーグレーの図解を仕上げて、時間になったら退勤します！🐼✨

NotebooklM（Gemini Notebook）で、オリキャラを主役にした資料の作り方を、有料で公開▼

夏をモチーフにした、シンプルでセンスのいい資料を作りたい方へ、関連記事はこちらです▼

Lineスタンプの作り方などをマガジンにまとめました🐼