#335 スクショを渡したら、notebookLMがちゃんと動画に使ってくれた話

2026年3月26日 08:27

スクショを渡したら、notebookLMがちゃんと動画に使ってくれた話

スクショが本当に使われるのか、指示通りに動くのか。やってみるまで分からなかった。

こんにちは、ちーみつです。
自作ウェブアプリの紹介動画とPDFをnotebookLMで作った体験をお話しします。
スクショを渡したらどうなるか、指示通りに動かなかった箇所をどう修正したか、
最後まで読んでもらえるとその流れが伝わると思います。

素材の準備から、不安のはじまり

自作したウェブアプリを誰かに使ってもらう前に、
紹介動画とPDF資料を作ろうと考えました。

まずAIに頼んで、機能ごとの説明をmdファイルにまとめてもらいました。
1つのファイルにまとめると思ったのですが、
なぜか機能ごとに個別のファイルが出来上がったので、
そのままnotebookLMに渡しました。

スクショも用意。
notebookLMがソースファイルをもとに画像を生成するのですが、
当然ながら実際の画面とは違うものが出来上がります。
使っているところをイメージしてもらいたいと思って、
実際のスクショを渡すことにしました。

notebookLMに「mdファイルに書いてある文章をそのまま使って」と指示しました。

ところが、生成された動画を確認すると
ソースに書いていないことを平気で話していました。
画面も音声も、指示通りではない箇所が出てきたのです。

そこで修正することに。
不要な音声をカットし、
そのシーンは静止画だったので画像を生成し直しました。

画像の生成にはLovartというサイトを使いました。

Geminiだと正方形しか生成できないのですが、
Lovartは縦横比を指定できます。

最終的には、若干の手直しを加えて完成。

動画もPDFも、
誰かに「これ見て」と送れる状態になって初めて使えるもの。

今回はウェブページに組み込んで、
資料一式を渡せる形に仕上げました。

作っただけで終わりになりがちなのが、これまでのパターンでした。
紹介ページと一緒に渡せる資料があると、
受け取る側の理解がぐっと変わります。

notebookLMをあまり触ったことがなかったのですが、
便利だったのでもっと早く使えばよかった。

今回の流れを振り返ると、こんな手順です。

この全部を一人でこなせたのは、AIというツールがあってこそです。

自作アプリを作ることも、紹介資料を用意することも、
AIがなかったら全部は無理でした。
あ、動画は作れないこともないかな…笑

notebookLMで動画まで作ろうと思ったことはありますか？

最後まで読んでいただきありがとうございます。

自作ツールやアプリの話が気になる方はこちらも👇

Chrome拡張機能やスクリプトなど、メルマガ登録者にお渡ししています。