今回、こちらを使わせていただきます。
開発環境
Windows10
流れ
GithubのリポジトリをFORK
vscodeでCloneする
セットアップ
mp4ファイルを作成
GithubのリポジトリをFork
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-220202-1024x702.png)
FORKする内容を確認して、CteateForkをクリックする
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-220052-1024x702.png)
はい、Forkできました!ありがとうごぜいやす。このリポジトリで検証するのでURLを控えておく。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-220339-1024x702.png)
vscodeを起動してWelcome画面のCloneGitRepository…をクリックして、さっき控えておいたURLを入力する。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-220957.png)
3本バーのメニューからterminal > New terminalを選択する。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-221158.png)
readmeの指示に従ってterminalでコマンドを順番に実行していきます
npm i
npm startで動作を確認。ハートマークが回転するを確認したらCTL+cキーで止めてください。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-221428-1024x786.png)
npm run build
数分でout配下にvideo.mp4ファイルが作成されました。実行します。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-221939.png)
背景の色を00ff00からccccccに変えてみましょう。
![](https://cntsv.jp/wp-content/uploads/2023/04/スクリーンショット-2023-04-29-223057.png)
できました。リポジトリを公開してくれたmirko channelに感謝します。