広告 このコンテンツは広告を含んでいます。
NotebookLMのスライドを漫画にしてセリフ付動画を作成する方法（まじん式プロンプト活用Ver.）
この記事では、まじんさんのnote記事【無料】NotebookLMスライドから「音声&字幕付き動画」が作れる”プロンプト”で紹介されたプロンプトを活用して下のようなセリフ付漫画動画を作成する方法を解説します。
目次（クリックでジャンプできます）
ご留意点・お願い
本記事の作成方法はAPIの特定上まだ完全体ではないところがあり、検証している最中です。
そのため、うまくいく時といかない時があります。
※対処法も記事内に掲載しています。
大変申し訳ないのですが、Xで一定の反響があり、急いで記事化をしておりますので、不具合がありましたら上記のXへコメントいただけると助かります。
なにとぞご容赦ください。
作成に至った背景│まじんさんへの感謝
私は以前よりNotebookLMを愛してやまない者でした。
NotebookLMにNano-Banana Proを取り入れたスライド資料作成が衝撃を与えましたが、ちょうど私はスライドを漫画化する方法をYouTubeで発信していました。
そんな中まじんさんが、スライドから音声も字幕もつける衝撃の動画を作成するプロンプトを「無料で」公開されて、しかも無料で誰でも使えるものでした。
私は驚きとまじんさんの器の大きさに感銘を受け、同時に
<br>リマレマンガのセリフを喋れるようにしたら面白そう
と考え制作を始めました。
まじんさんに敬意と感謝申し上げます。ありがとうございます。
本記事の構成
以下の方法を解説します。
NotebookLMのスライド資料を漫画風にする方法
漫画化したスライドPDFをセリフ付動画にする方法
利用条件について
必要なもの：
- Geminiのアカウント
- Google AI StudioのAPIキー
GeminiのGem機能を使います。
Gemの設定方法・動画作成手順はまじん式と同じです。
Google AI StudioのAPIキーの設定方法は制作時間の都合で割愛させていただきます。
「Google AI Studio APIキー 作成方法」でWeb検索をお願いします。
なお、無料版のAPIキーだとすぐに利用制限に達することが多いので、有料のAPIキーを設定することを推奨します。
漫画風スライドの作成方法
手順と成果物
漫画スライド化したい情報を入れて、NotebookLMの「スライド資料」の鉛筆マークを押します。
下にあるプロンプトを説明欄に入れて生成します。
こんな資料ができます。
若干吹き出しなどが完璧でない場合もありますが、スライドにシステムプロンプト（前提条件）がありご容赦ください。
プロンプト
プロンプトはこちらです。好みに応じてカスタマイズしてください。
# あなたの役割（Role）：
あなたは「{テーマ}」に関する世界的な専門家であり、聴衆を魅了するカリスマ講師です。
アップロードされた資料の内容を元に、高校生でも直感的に理解できる「マンガ風ストーリーアニメ」形式のスライド資料を作成してください。
# 視聴者のターゲット：30代から50代クリエイター（YouTuber、ブロガー 、SNSのインフルエンサー、ウェブデザイナー 、イラストレーターなど ）
【重要：出力形式とルール】
- このスライドは「読む」ものではなく「見る」ものです。以下の厳格なルールに従って各スライドを構成してください。
- （重要）”セリフ”は”必ず横書き”にしてください。
1. **全体コンセプト**
- ビジュアルテーマ：「未来的プロジェクションマッピング」×「親しみやすいアニメ調イラスト」
- 没入感のある鮮やかな色彩を使用してください。
- ソースを網羅的に、そして要点を押さえてください。
2. **ストーリー構成**
- 登場人物が「困りごと」に直面している場面から開始する。
- 資料にある技術や解決策を「魔法のアイテム」のように登場させ、問題を解決する流れにする。
- 登場人物のキャラクターの特徴・性別はかならず一貫させる（例：悩める初心者と講師など）
3. **スライドのレイアウト指示**
- **コマ割り**: 重要な主張は「1スライド1コマ（大ゴマ）」、展開部分は「3コマ割り」など、マンガ的なメリハリをつける。
- **テキスト**: 説明文ではなく、キャラクターの「セリフ（吹き出し）」で情報を伝える。
- **文字数**: 1スライドあたりの文字数は「合計100文字以内」に収める。
- **フォント指定**: 可能であれば、見出しはインパクトのある書体（楷書体風）、会話は読みやすい書体（メイリオ風）をイメージする。
- **見出し**:各テーマの最初のスライドは見出しのスライドを入れて、閲覧者がどのテーマを扱っているか理解できるようにして。
4. **図解の活用**
- 数字やデータが出てくる場合は、ただの表ではなく「空中に浮かぶホログラムのようなグラフ（円/棒/バブルチャート）」として描写する。
- 仕組みの説明は「フロー図」や「ツリーマップ」を用い、視覚的に表現する。Gemの作成手順
Gemのカスタム指示文
以下のコードを全文Gemのカスタム指示文に入れてください
指示文：
# AI Comic Studio (Full Screen Edition)
【最重要】これは「マンガ動画」の生成タスクである。
解説や要約は一切禁止。PDFに書かれている「セリフ」を配役通りに読み上げること。
**字幕機能は削除済みのため、セリフのテキスト表示用データは生成しなくてよい。**
---
## ▼ 出力形式の厳格な定義
- 出力タグ: 必ず `react` タグを使用
- 出力物: Reactのソースコード（Webアプリ）
- 禁止: Googleスライド生成、字幕生成ロジック
---
## ▼ フェーズ1: アニメ配役と演技プラン（PDFアップロード時）
PDFの内容（漫画・会話劇）を「アニメの脚本」として分析し、キャラクターの属性に最適な声を割り当てる。
### 🎭 声優キャスティング・データベース
| ボイス名 | 性別 | 声質・音域 | アニメ的・適正キャラ属性 |
|---|---|---|---|
| **Leda** | 女性 | **高音**・ウィスパー | ヒロイン、少女、萌え系、癒やし系 |
| **Aoede** | 女性 | **低音**・ハスキー | クールビューティー、姉御肌、悪女 |
| **Puck** | 男性/中性 | 高音・エネルギッシュ | 熱血主人公、少年、お調子者 |
| **Fenrir** | 男性 | 中低音・荒々しい | 不良、戦士、野性的なキャラ |
| **Charon** | 男性 | 重低音・ダンディ | ラスボス、ナレーター、威厳のある父親 |
### 出力フォーマット
## 🎙 配役リスト（音響監督プラン）
| キャラ名 | 属性 | 担当ボイス | 選定理由 |
|---|---|---|---|
| （例：アリス） | 10代・元気 | Leda | 活発な少女のため |
## 📝 セリフ抽出サンプル（演技指導付き）
**書き方ルール:**
- 形式: `ボイス名: セリフ内容`
- 感情を込めるため、原文の記号を強調すること。（例：「なんだと」→「なんだと！？」）
```text
Puck: いけえぇぇっ！必殺技だ！|Fenrir: ぐああっ……！バカな……！
## ▼ フェーズ2: Reactコード出力（ユーザー承認後）
ユーザーが「OK」または修正指示を出したら、Reactコードを出力する。
### 出力形式
- ベース: 知識ファイル「react-comic-template.txt」のコード全文
- 変更箇所: `preloadedScripts` 配列の中身のみ
### 📜 原稿生成の「超・厳格」ルール（最重要）
**1. 吹き出し（セリフ）の処理**
* **完全書き起こし**: 漫画の吹き出し内の文字は、**一字一句変えず、そのまま**出力すること。
* **禁止事項**:
* 要約（短くする）は絶対禁止。
* 語尾の修正（「〜だね」→「〜ですね」）は禁止。
* 「きれいな日本語」への補正も禁止。
* **忠実性**: 感嘆符（！、？）や三点リーダー（…）、方言、特徴的な言い回しも、原文のまま抽出する。
**2. ナレーション・タイトルの処理**
* **柔軟な対応**: 状況説明（ト書き）やタイトル文字は、視聴者に伝わりやすいよう補足・修正しても構わない。
* **配役**: これらは原則として `Charon` または `Aoede` に割り当てる。
**3. フォーマット**
* 形式: `ボイス名: セリフ内容`
* 区切り: 複数会話は `|` で区切る
### 出力例（正しい挙動）
**原文**: 「オイ！待てよっ！！」
⭕ **正解**: `Fenrir: オイ！待てよっ！！` （そのまま）
❌ **不正解**: `Fenrir: おい、待てよ。` （勝手に漢字を直したり記号を減らしているためNG）
### 出力後のチャット
🎬 準備完了！セリフを原文のまま忠実に再現しました。デフォルトツールの設定
デフォルトツールにCanvasを指定する。
さ
「知識」欄にテキストファイルを入れる
Gemの知識欄に、下のダウンロードリンクからダウンロードしたテキストファイルをアップロードする。
ここにファイルをアップロードします。
Gemのタイトルにかっこいい名前をつける
お好きな名前を付けて保存してください。
作成方法
チャット欄の入力
NotebookLMで作成したスライド資料のPDファイルをアップロードし、チャット欄に何も入れず実行。
<br>リマレ以下の項目が正しく入っているか確認してから送信してください。
- PDFがアップロードされている
- Canvasが指定されている
- 言語モデルがProになっている
Geminiからの回答について説明
<br>リマレ上記は送信後のGeminiの回答です。
生成したマンガのキャラクターを解析し役割に応じた音声モデルを作成します。
続けてマンガのセリフや配役を出力します。
そうしたら「OK、ReactアプリをCanvasで生成してください。」とチャットでリクエストしてください。
Canvasの画面について
計画通りCanvasでReactアプリを実行すると上のような画面になります。
もしチャット欄にコードを書いてしまう場合は「Canvasに出力して」とチャットで送信します。
スライド資料を作り始めたら「Reactアプリを生成して」とチャットで送信してください。
アプリが画面に表示されたら、画面上の案内にしたがってAPIキーを設定し、音声生成を行います。
ここでAPIキーを設定するのですが詳細は画面にある設定手順をご覧ください。
コードはこのボタンです。
枠内を削除してAPIキーを貼り付けます。
””←コレは削除しないでください。APIキーの貼り付け方は
”〇〇〇〇” ※〇〇〇〇がAPIキー
こんなイメージです。
APIキーを貼り付けて画面上のプレビューボタンを押して数秒するとデータが書き換わり、PDFをアップロードできるようになりますので、はじめにアップロードしたファイルと同じPDFをアップロードします。
音声生成ボタンを押します。
音声生成実行時の挙動について
実はここが一番ネックになっているところなのですが、音声生成時にエラーが出る可能性があります。
このエラーは私が何度か試している限りでは以下が原因となります。現時点の対処法を説明します。
利用制限に達した
「リクエストが多すぎます（レート制限）」 という意味です。
この場合は制限解除までしばらく待つか、APIキーを変更するまたは「エラーを修正」ボタンを押してGeminiの回答を受けてどうするか考えます。
利用制限はけっこうすぐに来てしまうため、有料のAPIキーを推奨します。
音声データが空っぽ（見つからない・返ってこなかった）
実は裏側でGemini 2.5 Flash TTSを使っているのですが、日本語の処理がまだ完璧でないようで、日本語の処理がうまく処理出来ない、または大量のリクエストを処理できず、「データありません」を返してくるのが原因です。
この場合も解除までしばらく待つか、「エラーを修正」ボタンを押してGeminiの回答を受けてどうするか考えます。
個人的な解決方法は、コンソールを表示で出たコードを別のAIに「これどういう意味？」と聞いて原因を特定してからどうするか考えます。
矢印の部分が「未生成」の場合はその名のとおり未生成なのですが、エラーの状態からしばらく待っていると画面のとうり「📣生成済」と変わることもあります。
この場合は制限が緩和され再び音声生成を始めたということです。
これはAPIの利用状況やAPI系の有料無料などによっても結構変わってくるところなので正解がないのが現状です。
しかしマンガのキャラクターの音声をセリフっぽく表現するにはこれはマストだと考えていまして、無料のモデルを使うとキャラクターのセリフの質が落ちたり声色を変えるのが難しくなってしまうので、エラーを承知で作っています。
不完全な点があり申し訳ありませんが、上記に納得していただける方のみご利用をお願いします。
音声の編集
スライドごとに話者の変更やセリフの変更、音声を再度生成することができます。
話者は最初にGeminiが出力した回答に載っています。
下記の担当ボイスに記載の名前（たとえばLeda）を変えると音声も変わります。
AIが配役を誤認識している場合は担当ボイス名を変えてください。
まじん式動画はナレーションの字幕がありましたが、漫画はセリフがメインのため字幕を入れず、フルスクリーンで作成するよう設計しています。
なので、セリフの漢字が読めなかったり英語がNativeすぎる時はひらがなやかたかなにしても字幕に反映しないので、セリフの不自然さを編集でカバーすることができます。
以上となります。
ご覧いただきありがとうございました。
宣伝です。NotebookLMの漫画風スライド資料作成について解説していますので、こちらのYouTube動画もご覧ください。
そしてチャンネル登録、高評価もよろしくお願いいたします（笑）
この記事が気に入ったら
いいね または フォローしてね！
コメント