Rubyist のためのカンタン動画制作 / How to Film Your Talk by Yourself

福岡Rubyist会議03で行った以下の発表を、１人で準備＆配信した実録です！📺⚡️

📺 発表動画：
Rubyist による Rubyist のためのカンタン動画制作
https://www.youtube.com/watch?v=Lw1A8onYUoM

💎 発表概要：
Ruby を知ってもらうため、Ruby に親しんでもらうために動画コンテンツに手を出してみようと考えている Rubyist に向けて、営利・非営利の両面から多くの動画を作ってきたノウハウを共有します。
https://regional.rubykaigi.org/fukuoka03/timetable.html

-----

OSS Gate - OSS 開発に参加する「入り口」
https://oss-gate.github.io

福岡Rubyist会議03 | Fukuoka RubyistKaigi 03
https://regional.rubykaigi.org/fukuoka03

Twitter ハッシュタグ #fukuokark03
https://twitter.com/hashtag/fukuokark03

---

参考資料

StreamYard で同時ライブ配信をカンタンに (実例解説付き) 
https://note.com/yasulab/n/n9bfdd69a6b01


Podcasting Guide 20xx - Tatsuhiko Miyagawa’s Blog (a.k.a. Rebuild.fm)

https://medium.com/@miyagawa


\\ Special Thanks !! //


映像制作・動画制作 株式会社フランリベル

元Web系エンジニアが代表を務める映像制作

https://franliber.co.jp/

コウペンちゃん（作者：るるてあ）

https://twitter.com/k_r_r_l_l_

Transcript

1. Rubyist のためのカンタン動画制作 How to ON AIR Film Your Talk by Yourself
2. LIVE DEMO CHALLENGE ON AIR 1人で登壇＆配信
3. ON AIR 本発表は “1人で登壇＆配信” できるくらいの「カンタンさ」の実演も兼ねています
4. 安川 要平 （@yasulab） YassLab (株) 代表取締役, (一社) CoderDojo Japan 代表理事, 未踏ジュニア PM, 早稲田大学情報理工学 修士, IPA未踏スパクリ Railsチュートリアルと Railsガイドの運営会社。 解説動画やWebテキスト、 教材利用や法人研修を提供 国内最大級の子どものための プログラミング道場 (非営利)。 全国に200ヶ所以上の Dojo、 「つくりたい」を楽しむ「場」 IPA 未踏事業の17歳以下 対象版。卓越したスキルと 情熱があれば年齢を超えて 飛躍できるよう、広く支援
5. それぞれの YouTube チャンネルも開設 本業の合間に少しずつコンテンツを投稿 Railsチュートリアルと Railsガイドの運営会社。 解説動画やWebテキスト、 教材利用や法人研修を提供 国内最大級の子どものための プログラミング道場 (非営利)。 全国に200ヶ所以上の Dojo、 「つくりたい」を楽しむ「場」 850 人 270 人 IPA 未踏事業の17歳以下 対象版。卓越したスキルと 情熱があれば年齢を超えて 飛躍できるよう、広く支援 1,000 人 🎉
6. コンテンツ力の高い Rubyist が多いので イベントなどの収録→編集→公開も企画
7. コンテンツ力の高い Rubyist が多いので イベントなどの収録→編集→公開も企画
8. Why カンタン動画化？ Ruby の開発を支えるエコシステム のスライドより引用（SHIBATA Hiroshi, 2022) https://speakerdeck.com/hsbt/ruby-nokai-fa-wozhi-eruekosisutemu “とにかく Ruby のことを発信する ... ・書籍の執筆 ・動画の作成と公開 この二つが最近は 急務なので頑張りたい The Rails Foundation kicks off with one million dollars (2022) https://rubyonrails.org/2022/11/14/the-rails-foundation “ The reason for that is largely a question of documentation, education, marketing, and events. Itʼs not nearly easy enough for a developer interested in learning Rails ...”
9. Why カンタン動画化？ 動画化も付いてくるカンファレンス ・RubyKaigi ・Kaigi on Rails ・RubyWorld など 他のイベントもコンテンツ力が高い!! が... ・地域 Ruby 会議 “準備が大変 💦” ・銀座 Rails “外注も大変 🥹” ・Regional Meetup など
10. Why カンタン動画化？ • ９年間の動画制作の知見 • 動画を見る人が増えた • 労力の割に感謝されやすい!
11. 労力の割に 感謝されやすい?
12. 動画制作カンタンだよ！ どんどん撮ってみよー！
13. “動画で切り拓く Ruby の世界。 https://regional.rubykaigi.org/fukuoka03
14. Rubyist のためのカンタン動画制作 ON AIR
15. 1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら
16. 1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら
17. “気楽” な一歩がオススメ • 悩みすぎず、動いてから考えても OK! • 何が “良い” のか、予測を立てづらい • 方向性は “後で” 決めたり変更できる Ruby に集中
18. “気軽” な一歩がオススメ • LT や登壇をそのまま動画化する ON AIR • 発表 → 動画が、たぶん一番ラク！ • “録る/撮る” 部分がボトルネック？ 銀座Rails#39 #eng̲career
19. 1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら
20. 音は丁寧に、画は程々に • 音は丁寧に録る 🔊 • 音で印象が変わる • 音で字幕が変わる
21. 音は丁寧に、画は程々に • 音は丁寧に録る 🔊 • 音で印象が変わる 三 脚 ピンマイク (無線) • 音で字幕が変わる • 画は程々に撮る 🎥 • 文字が読めれば OK • 機材がグッと減る → 雲台 + スマホ
22. 音は丁寧に、画は程々に なんでも OK! 無線だと、より柔軟になる 表面 裏面
23. 音は丁寧に、画は程々に 音を入力する 音 声 入 出 力 ケ 受 信 ブ ル で 繋 ぐ ク!” // \\ “マイクチェッ 声を入力する ク!” // \\ “マイクチェッ ← ⚡ \\ ビビビッ!! // \\ マイクチェック! // 送 信
24. 配信は、もっとカンタン! • All-in-one なものを使うとラク • Zoom → 有料プランで配信可 • StreamYard 月20時間まで無料 ブラウザから参加 ※ 本日の DEMO も、 StreamYard で配信 streamyard.com/pricing streamyard.com
25. 本日のライブ配信デモの構成 StreamYard + iPad (Safari) + 無線マイク 設定が無事にできたかどうかも カンタンに確認できる！🎤✨
26. 編集は、音量の調整だけ • Auphonic Leveler Batch Processor auphonic.com/leveler
27. 編集は、音量の調整だけ • Auphonic Leveler Batch Processor
28. 音だけ差し替えて公開！ 前工程を工夫すると、後工程がグッと楽になる 動画編集はほぼ不要!! (音のみ差し替え)
29. 音だけ差し替えて公開！ 前工程を工夫すると、後工程がグッと楽になる 自動字幕の精度もグッと上がります！
30. 音だけ差し替えて公開！
31. 1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら
32. 推しがあれば文字起こし Vrew ↑ で 文 字 を 起 こ し た
33. 興味が出たら掘り下げる • 🖥 動画の収録・編集でもっと遊びたい → OBS, iMovie, Premiere, etc. • 🎨 サムネイル画像をサッと作りたい → Figma, Keynote, Illustrator, etc. • 🎵 BGM / SE などの素材を使いたい → dova-s.jp, pixta.jp, etc.
34. 興味が出たら掘り下げる • 💻 コーディング風景を配信/撮影したい → StreamYard, ScreenFlow, etc. • 🎵 音をもっと凝りたい → Podcasting Guide を読む (末尾の参考資料) • 🎥 画をもっと凝りたい → 良いカメラ/スマホを使う (Your New Gear!!)
35. 1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら
36. “動画で切り拓く Ruby の世界。 https://regional.rubykaigi.org/fukuoka03
37. Rubyist のためのカンタン動画制作 ON AIR
38. 参考資料・謝辞 • StreamYard で同時ライブ配信をカンタンに (実例解説付き) https://note.com/yasulab/n/n9bfdd69a6b01 • Podcasting Guide 2017 - Tatsuhiko Miyagawaʼs Blog (a.k.a. Rebuild.fm) https://weblog.bulknews.net/podcasting-guide-2017-2e88531a367d • \\ Special Thanks !! // • 映像制作・動画制作 株式会社フランリベル 元Web系エンジニアが代表を務める映像制作 https://franliber.co.jp/ • コウペンちゃん（作者：るるてあ） https://twitter.com/k̲r̲r̲l̲l̲