---
title: DevRel動画制作のスタート
tags: 
author: [Kyohei Fukuda](https://convert.docswell.com/user/hand-dot)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/L735Q546E5.jpg?width=480
description: DevRel Meetup in Tokyo #83 〜動画制作〜 https://devrel.connpass.com/event/282283/
published: May 09, 23
canonical: https://convert.docswell.com/s/hand-dot/58GV1E-2023-05-09-175645
---
# Page. 1

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

DevRel動画制作のスタート
カジュアルなアプローチで挑戦


# Page. 2

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

⾃⼰紹介👋
‧名前: 福⽥京平, GitHub: hand-dot
‧お仕事: WixでSolution Engineer, Developer Advocate
‧個⼈開発: PDFライブラリ pdfme, 書類作成サービス labelmake.jp
‧好きなもの: 猫とギターとブラウザ
https://twitter.com/labelmake


# Page. 3

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

背景
1.
2.
3.
4.
動画を作る⽅法を模索
知⾒がたまったとツイート
30分後に登壇決定
Atsushiさん仕事はやすぎぃ!


# Page. 4

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

DevRelのお仕事
‧これまで: フロントエンドがメインの開発者
‧今年の2⽉Wixに⼊社 Wix Japanとしては⼀⼈⽬の開発者
‧Wixのサイトエディター上でJSのコードを書ける機能 通称Velo
⽬的: Veloの機能と使い⽅を⽇本に広める
活動: Veloのウェビナー, コーディング, コード解説 など
https://www.wix.com/velo


# Page. 5

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

過去に作った動画 - Wix Japan
*すでに公開されている動画
*トライアルで⾃分で作ったみた動画(*⾮公開)
https://www.youtube.com/watch?v=ZCIXL1EwoGQ
https://youtu.be/uyNi47Mm4Tk


# Page. 6

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

過去に作った動画 - 個⼈で作成
https://chrome.google.com/webstore/detail/mk
iﬂddndppkblphﬀoppopiciiocpln
ChatGPTのWebページ上で使えるChrome拡張機能の紹介動画
https://youtu.be/oADvOM85IOE


# Page. 7

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

カメラについて - iPhoneの利点
‧すでに持っている⼈が多く、⼿軽に始められる
‧⾼画質の動画が撮影できる。iPhoneのカメラは⾼性能
‧連係カメラを利⽤して撮影をすると運⽤がとても楽


# Page. 8

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

カメラについて - スタンドや三脚の活⽤
‧スタンドや三脚を使⽤して安定した撮影が可能
‧特にMagSafe対応のスタンドや三脚はストレスがなく運⽤できる
‧Moment Tripod Mount - for MagSafe
‧Manfrotto ミニ三脚 PIXI
を組み合わせて使っています


# Page. 9

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

⾳声について - 使⽤した機器の紹介
とりあえずお金をかけず、あるもので試してみた
使用した機器
●
●
●
●
●
MacBook内蔵マイク
iPhone
EarPods
AirPods Pro(1st gen)
AirPods Max


# Page. 10

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

⾳声について - 各機器の評価
👎 よくなかった
●
●
AirPods Pro(1st gen) ← 独特のガビガビ感
AirPods Max ← 独特のガビガビ感
👍 よかった
●
●
●
MacBook内蔵マイク ← 予想を超えていい音で取れる! 環境音に注意
iPhone ← 悪くない 撮影も兼ねている場合、距離が遠くなる
EarPods ← 悪くない MacBookに比べると若干安っぽい音


# Page. 11

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

撮影ソフトについて - CleanShot X
CleanShot X というスクリーンショットの神アプリ, 録画でも神だった
https://cleanshot.com/


# Page. 12

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

撮影ソフトについて - 効果的な活⽤⽅法
●
●
●
●
連係カメラ対応、⼿元からカメラを楽々操作
4K 60FPSで撮影可能
クリックハイライト、キーストローク表⽰
⾃分の顔を映しながら画⾯録画も可能


# Page. 13

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

編集ソフトについて - CapCut
使う機能
●
●
●
●
●
https://capcut.com/
動画を繋げる
トランジション追加
アフレコ
⾳声のノイズ削除
映像の⾊調整
難しいことをする予定はないので、
無料で使えて、かつ初⼼者でも使いやすいソフトを探していた。
クラウド対応、ブラウザでも編集できる点も気に⼊った。


# Page. 14

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

編集ソフトについて - CapCutの注意点
‧ブラウザ版とアプリ版(PC, モバイル)で機能が少し違い、プロジェクトを共有できない
‧クラウドストレージ容量に注意(アプリ10GB, ブラウザ版3.49GB)
ブラウザ版は 招待で多少増える https://www.capcut.com/s/ZmF4Ctudm/ ← Get 500MB!
‧アプリはProにアップグレードすればストレージを100GBまで増やせる


# Page. 15

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

参考にしているYoutubeチャンネル
‧Steveの動画は3分程度のと
ても短い動画でさくっと⾒れ
る。
‧いい意味でカジュアルに
作っているのが伝わる。
‧⾃社製品だけでなく、
知らない開発Tipsが知れるの
でとてもおすすめ！
Wixと同じく本社が⽇本ではないが
⽇本の開発者をひきつけている所
活動のヒントを貰っています
他にもおすすめのチャンネル等
あれば教えて欲しいです...🥺


# Page. 16

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

まとめ / おわりに
‧⾼価な機材やソフトがなくてもDevRel動画制作は気軽にスタートできる！
‧⾒よう⾒まねでDevRelしております、
情報交換したいので、ぜひお友達になってください！
https://twitter.com/labelmake


