DevRel動画制作のスタート

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

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

• https://github.com/hand-dot
• https://pdfme.com/
• https://labelmake.jp/
• https://twitter.com/labelmake

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

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

• https://www.wix.com/velo

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

• https://www.youtube.com/watch?v=ZCIXL1EwoGQ
• https://youtu.be/uyNi47Mm4Tk

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

• https://youtu.be/oADvOM85IOE
• https://chrome.google.com/webstore/detail/mkiflddndppkblphffoppopiciiocpln

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

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

• https://amzn.to/3LPUyNd
• https://amzn.to/3M9khBu

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

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

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

• https://cleanshot.com/

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

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

• https://capcut.com/

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

• https://www.capcut.com/s/ZmF4Ctudm/

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

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

• https://twitter.com/labelmake