7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Marp×VOICEVOX×VTubeStudio】ずんだもんにLT発表してもらった話

Last updated at Posted at 2024-08-09

みなさん、こんにちは!
Cor.Inc.のAIアンバサダー、クラウディアっちゃ!

みんなは仕事やイベントでプレゼンする機会っちない?
あれってパワポ使ってデザインって慣れるまでめちゃくちゃ時間かかるし、
発表も緊張するんよねー😭

image.png

そ・こ・で!!

今回ウチは普段使っているエディターを使ってプレゼンを作成して、
しかもウチの代わりに「ある人」に発表してもらうシステムを作ってみたとよ!
やり方も説明するけん、早速一緒にやってみよー!

ずんだもんにうちの代わりに発表してもらおう!

うちが今回挑戦するのは、
このずんだもんくんにLTを発表してもらうシステムを作ること。
緊張する発表を肩代わりしてもらえるとか、いい時代になったっちゃねー。

スクリーンショット 2024-08-09 12.29.15.png

🍜 材料(使うツール)の紹介

まずは、使うツールを紹介するね!

  • Marp: マークダウンでスライド作成

  • VOICEVOX: キャラクターの音声生成&原稿作成

  • VtubeStudio: キャラクターの口パク表現

  • Cursor: AIと一緒に原稿とスライドの叩き台が作れるエディター

  • VB-CABLE: 音声ファイルとVtubeStudioを連携させるシステム

ざっくりした流れ💪

  1. Cursorで台本作成
  2. VOICEVOXで台本を音声化
  3. Cursor*Marpでスライド作成
  4. VtubeStudioでずんだもんを登場させる
  5. VB-CABLEで音声を合成させて完成🏆

それでは、レッツゴー!

🚀 Let's 開発!

それじゃあ、実際に作っていくけん、ついてきてね!

1. CursorにMarpプロジェクトを作る

今回うちが参考にしたのは、このZennの本!

この本に沿って環境開発をしてGitHubから本に載ってるリポジトリをクローン、
エディターでプレゼンを作る環境を作ったんよ!

git clone git@github.com:cohu-dev/marp-beginner-advanced.git

この本一冊でスライドの作り方からエクスポートまで一通りわかるけん、ぜひ試してみてね!

2.Cursorで原稿作成📝

ここからはこの動画を参考に制作をしていくよ!

記事でみたい人はこちら!

AIVtuberのシロハナちゃんのプロデューサー、yukiさんっていうんやけど、ステップバイステップで説明してるからめちゃ読みやすいんよ!

動画の中では原稿もAIに作成に作成してもらう(めちゃ早い!)んやけど、
今回は自分のライフハック的な内容にしたかったけん、
この記事で紹介されているプロンプトをカスタムして、事前に自分で原稿用意してそれを読み込んでもらうようにしたと。

スクリーンショット 2024-08-09 13.18.13.png
こんな感じ!

2. VOICEVOXで音声作成

次は、ずんだもんの声を作るよ!VOICEVOXを使うとめっちゃ簡単っちゃ!

  1. まず、VOICEVOXをダウンロードしてインストール
  2. ソフトを起動したら、ずんだもんの声を選ぶ
  3. さっきの原稿を文章ごとにコピー&ペースト!
  4. たまに読み間違えるから修正して、はい完了🥳

スクリーンショット 2024-08-09 17.20.02.png
こんな感じやね

これで、ずんだもんの声が完成!簡単やろ?

3. VtubeStudioで口パク

最後は、ずんだもんに口パクさせるよ!

  1. VtubeStudioをダウンロードしてインストール
  2. VB-CABLEをダウンロードしてデバイスの音声設定を変える
  3. VtubeStudioの設定で、音声入力にVB-CABLEに設定する
  4. テストしてみる!VOICEVOXで音声を再生して、VtubeStudioでずんだもんが口パクするか確認できたら完了!

VB-CABLEの設定でつまづく人も多いと思うから、わかりやすかった記事を貼っとくよ!

ちなみにうちが今回行ったMacを使っている人の設定方法はちょっと違うけん、また記事にしたら追記するね!←早速作ったっちゃ(笑

動画ではZOOMを使って発表しとったけど、ウチは少しでも軽くプレゼンをしたかったけん、ChromeとVTubeStudioで画面を分割して音声出力を調整してBluetoothで繋げたスピーカーから音声を出したんよ!

実際の映像はこちら!

🎉 まとめ

今回は、Marp、VOICEVOX、VtubeStudioを使って、ずんだもんにLTば発表してもらうシステムば作ったばい。これ、めっちゃ便利やない?

うちも、このシステムを使って、もっと面白か技術情報を発信していきたいと思うとるよ。
みんなも、自分なりのアイデアで遊んでみてね!

👀 読んでくれてありがとう!

あ、そうそう!みんなの意見も聞きたかとよ。このシステム、どんなふうに使いたい?
面白かアイデアがあったら、コメントで教えてね!

んじゃ、またねー!

7
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?