木下です。ゼミを欠席してしまったので、研修旅行の行き先の提案を動画にしました。今回、制作全体を通してAIを積極的に活用したのですが、それでも合計で5,6時間ほどかかりました……
🌐 サイト
◎サイト制作の流れ
まずは旅行の内容を考えるところからスタートしました。
- ChatGPTで旅行の概要を作成
行きたい場所や研修旅行のテーマを入力して、旅行のスケジュール・費用・学習効果などを提案してもらいました。 - スライド風のHTMLサイトを自動生成
ChatGPTに「HTMLでスライド風のページを作ってください」と指示して、スライド形式のページを生成。内容もレイアウトもざっくり組んでくれたので、そのまま使いました。 - VS Code + Copilotでコード調整
生成されたコードをVS Codeにコピペして表示確認しつつ、Copilotで細かいところを直してもらいました。具体的には、施設の公式サイトを埋め込んだり、デザインの微調整をしたりしています。 - GitHubにアップしてサイト完成
出来上がったサイトはGitHub Pagesを使って公開しました。これでWeb上で誰でも見られるようになりました。
三和さんはChatGPTの代わりにPoeを使っていて、やりやすそうだったので今度使ってみます。
🎥動画
◎動画制作の流れ
動画は、スライドサイトをベースにしながら、プレゼン形式で紹介するスタイルにしました。
- ChatGPTにプレゼン台本を依頼
自作のサイトをChatGPTに読ませて、「これを発表するときの台本を考えてください」とお願いしました。 - CapCutで音声生成
動画編集ソフトのCapCutを使い、台本をもとにテキスト読み上げ機能でナレーションを自動作成しました。
本当は自分の声で録音するつもりだったのですが、うまく話せなかったので断念しました…。 - 字幕の自動生成+修正
音声に合わせてCapCutの「自動キャプション」機能で字幕をつけました。ですが、自動生成では一部聞き取りミスがあったので、そこは手動で修正しています。 - スライドと音声・字幕を合成して完成
最後に、録画したスライド画面と音声・字幕を合成して、1本の動画にまとめました。
📝 感想
今回私は、「テーマと行きたい場所を入力しただけ」とも言えるぐらい、AIにたくさん頼った制作だったのですが、それでも実際にはすごく手間がかかりました。
- サイトがうまく表示されない
- コードが途中でバグる
- 動画編集ツールに不慣れで操作に時間がかかる
- 自動字幕の聞き取り精度が低くて、修正が面倒
など、完成までに何度もつまずきました。
特に、効果音なし・字幕も自動生成のとてもシンプルな5分未満の動画なのに、こんなに時間がかかるとは思っていなくて、YouTuberってすごいんだな……と改めて感じました。
今までのVlogなどはテンプレートを使って動画を作っていたのですが、今回のように一から台本や構成を考えて動画を作る経験は初めてで、良い機会になりました。
おすすめの動画編集ツールや時短テクニックがあればぜひ教えてください。
💡使用ツールまとめ
ツール名 | 用途 |
---|---|
ChatGPT | 旅行計画の作成、HTMLコード生成、台本作成 |
GitHub | サイトの公開 |
VS Code + Copilot | コーディングと細かい調整 |
CapCut | 音声生成、字幕作成、動画編集 |