---
title: JavaScript で始める動画制作
tags: 
author: [くすたん](https://docswell.com/user/qst_exe)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/D7Y4RDDYEM.jpg?width=480
description: 「Webナイト宮崎 Vol.22 〜てげ推し技術を語りたい〜」で登壇したスライドです https://tegehoge.connpass.com/event/394904/
published: July 05, 26
canonical: https://docswell.com/s/qst_exe/ZPRL8X-2026-07-03-web-night-miyazaki
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/D7Y4RDDYEM.jpg)

JavaScript ではじめる動画制作
Webナイト宮崎 Vol.22 〜てげ推し技術を語りたい〜
2026-07-03 タスク(くすたん)
1


# Page. 2

![Page Image](https://bcdn.docswell.com/page/VENYD66RJ8.jpg)

JavaScript ではじめる動画制作
タスク・くすたん(@qst_exe)
1991年 鹿屋市出身
鹿屋・鹿児島でアプリ開発やってます
ヘッジホッグ.exe（同）代表社員 CEO
（一社）鹿屋青年会議所 運営幹事
鹿児島.mk オーナー
ゴルフ, サウナ, 和太鼓(叩く方)
タスク(くすたん) | @qst_exe
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/Y79PGLLZE3.jpg)

JavaScript ではじめる動画制作
動画作っていますか？
タスク(くすたん) | @qst_exe
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/G78DVXWY7D.jpg)

JavaScript ではじめる動画制作
デモ
タスク(くすたん) | @qst_exe
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/L7LM58N9JR.jpg)

JavaScript ではじめる動画制作
Remotion
React で動画を作るフレームワーク
JSX と CSS がそのまま映像になる
最終的に .mp4 へレンダリング
タスク(くすたん) | @qst_exe
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/4EMY36XVEW.jpg)

JavaScript ではじめる動画制作
エンジニアと相性がいい
<Title text="鹿屋大好き" />
コードなので Git で差分管理できる
コンポーネント分割・再利用ができる
props を変えるだけで映像を量産できる
タスク(くすたん) | @qst_exe
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/PER9QPNWJ9.jpg)

JavaScript ではじめる動画制作
用途
個人開発のプロモーション動画
AI 開発のアウトプット
アニメーションが少なめの解説動画
タスク(くすたん) | @qst_exe
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/P7XQ53NVEX.jpg)

JavaScript ではじめる動画制作
所感
React が書ければすぐ始められる
量産・再現性が要る場面では便利
Claude Code での動画制作は Remotion が最適解になることもある
凝った演出は After Effects に分がある
タスク(くすたん) | @qst_exe
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/37K96YN57D.jpg)

JavaScript ではじめる動画制作
始め方
npm create video@latest
タスク(くすたん) | @qst_exe
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/LJ3W69V1J5.jpg)

お知らせ
VR・メタバース体験会
8/7(金) 鹿児島.mk 7周年LT大大会
GMOペパボ鹿児島
8/9(日) VR体験会
よかど鹿児島
10