0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【初心者もできる】GPTとcodexとHeyGenを使って字幕とナレーション入りスライド動画を生成する

0
Posted at

まずはPCにVScodeをインストールします。

https://azure.microsoft.com/ja-jp/products/visual-studio-code
スクリーンショット 2026-05-15 131815.png
↑「VS codeをダウンロード」を押します。

VS codeを起動します

スクリーンショット 2026-05-15 132106.png

ChatGPTで好みの画像を制作します。

私は案出しからGPTにしてもらい、いい案を選択して、YoutubeショートやInstagramリール用に画像を作ってと指示を出します。
字幕を入れる予定の人は、「下に字幕が入れられるように空間を開けてください」と指示を入れておくと便利です。

今回は10枚で3分の構成になったので、画像は適当な箇所に入れます。

スクリーンショット 2026-05-15 133229.png

VS codeでフォルダを開く

スクリーンショット 2026-05-15 133513.png
このような状態になります。

codexを開始する

image.png

chatGPTの左上にあるcodexをクリックします。
するとこのような画面が出てきます。

スクリーンショット 2026-05-15 133742.png

一番右の「自分のIDEで試す」から、VS codeを選択します。

スクリーンショット 2026-05-15 133810.png

アラートが出るので許可をします。

スクリーンショット 2026-05-15 134028.png

VS codeにGPTを入れる

スクリーンショット 2026-05-15 134145.png

前回の作業で許可を押すと自動でVS codeが立ち上がるので、アイコン横の青い「Install」ボタンを押します。

すると、信用していいですか?と聞かれるので、青い「信用してインストール」を押します

スクリーンショット 2026-05-15 134406.png

この画面になればインストール完了です。

スクリーンショット 2026-05-15 134756.png

ChatGPTにHeyGenを入れる

ChatGPTのホーム画面左下に自分の名前が書いてあると思うので、そこをクリックし、この画面を出します。

スクリーンショット 2026-05-15 134934.png

「パーソナライズ」をクリックし「アプリ」を選択。

スクリーンショット 2026-05-15 135205.png

「アプリの詳細を見る」をクリックします。

このような画面が出てくるので、検索バーに「HeyGen」と入力します。
するとアプリが出てきます。

スクリーンショット 2026-05-15 135432.png

HeyGenをクリックすると詳細が出てくるので「接続する」をクリックします。

スクリーンショット 2026-05-15 135455.png

この画面が出てくるので、自己責任で「HeyGenでサインイン」を押します。

スクリーンショット 2026-05-15 135726.png

するとこの画面が出てくるので諸々を許可します。
私はGPTにGoogleを紐づけているのでGoogleアカウントとでサインインしました。

スクリーンショット 2026-05-15 135902.png

chatGPTの画像を作ったページに戻る

画像を作ったチャットに戻り、「codexとHeyGenを使って動画を作ります。codex用の指示を書いてください。」と入力すると、かなり長い指示を生成してくれます。

VS codeに戻る。

画面左側にchatGPTのアイコンが出てると思うので、それをクリックし、GPTにログインします。

ログインに成功すると下記のような画面になるのでサクサクと次へを押していきます。

スクリーンショット 2026-05-15 140650.png

ffmpegをインストールする

このページからお使いのパソコンにあったファイルを選び、とび先で

image.png

↓「ffmpeg-release-essentials.zip」を探してインストールします。

ダウンロードしたファイルを解凍して、フォルダ名をffmpegにし、Cフォルダ直下に移動させます。

image.png

node.jsをインストールする

↑このページからインストールをしてください。

chatGPTに書いてもらった指示をコピペする

先ほど書いてもらったcodex用の指示をテキストフィールドにコピペして実行させます。

image.png

たまにこのような質問が飛んできますが、情況に合わせてYes/Noを選んでください。

Pythonを求められる時がある

その際は下記からインストールしてください。

初回制作はとにかく時間がかかる

codex側からいろいろこれはどうする?あれはどうする?と聞かれまくるので、とにかく時間がかかります。 Yesを連打しながら気楽に待ちましょう。
0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?