Share
Embed

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

LIVE DEMO CHALLENGE ON AIR 1人で登壇＆配信

Slide 3

Slide 3 text

ON AIR 本発表は “1人で登壇＆配信” できるくらいの「カンタンさ」の実演も兼ねています

Slide 4

Slide 4 text

安川 要平 （@yasulab） YassLab (株) 代表取締役, (一社) CoderDojo Japan 代表理事, 未踏ジュニア PM, 早稲田大学情報理工学 修士, IPA未踏スパクリ Railsチュートリアルと Railsガイドの運営会社。 解説動画やWebテキスト、 教材利用や法人研修を提供 国内最大級の子どものための プログラミング道場 (非営利)。 全国に200ヶ所以上の Dojo、 「つくりたい」を楽しむ「場」 IPA 未踏事業の17歳以下 対象版。卓越したスキルと 情熱があれば年齢を超えて 飛躍できるよう、広く支援

Slide 5

Slide 5 text

それぞれの YouTube チャンネルも開設 本業の合間に少しずつコンテンツを投稿 Railsチュートリアルと Railsガイドの運営会社。 解説動画やWebテキスト、 教材利用や法人研修を提供 国内最大級の子どものための プログラミング道場 (非営利)。 全国に200ヶ所以上の Dojo、 「つくりたい」を楽しむ「場」 850 人 270 人 IPA 未踏事業の17歳以下 対象版。卓越したスキルと 情熱があれば年齢を超えて 飛躍できるよう、広く支援 1,000 人 🎉

Slide 6

Slide 6 text

コンテンツ力の高い Rubyist が多いので イベントなどの収録→編集→公開も企画

Slide 7

Slide 7 text

コンテンツ力の高い Rubyist が多いので イベントなどの収録→編集→公開も企画

Slide 8

Slide 8 text

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 ...”

Slide 9

Slide 9 text

Why カンタン動画化？ 動画化も付いてくるカンファレンス ・RubyKaigi ・Kaigi on Rails ・RubyWorld など 他のイベントもコンテンツ力が高い!! が... ・地域 Ruby 会議 “準備が大変 💦” ・銀座 Rails “外注も大変 🥹” ・Regional Meetup など

Slide 10

Slide 10 text

Why カンタン動画化？ • ９年間の動画制作の知見 • 動画を見る人が増えた • 労力の割に感謝されやすい!

Slide 11

Slide 11 text

労力の割に 感謝されやすい?

Slide 12

Slide 12 text

動画制作カンタンだよ！ どんどん撮ってみよー！

Slide 13

Slide 13 text

“動画で切り拓く Ruby の世界。 https://regional.rubykaigi.org/fukuoka03

Slide 14

Slide 14 text

Rubyist のためのカンタン動画制作 ON AIR

Slide 15

Slide 15 text

1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら

Slide 16

Slide 16 text

1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら

Slide 17

Slide 17 text

“気楽” な一歩がオススメ • 悩みすぎず、動いてから考えても OK! • 何が “良い” のか、予測を立てづらい • 方向性は “後で” 決めたり変更できる Ruby に集中

Slide 18

Slide 18 text

“気軽” な一歩がオススメ • LT や登壇をそのまま動画化する ON AIR • 発表 → 動画が、たぶん一番ラク！ • “録る/撮る” 部分がボトルネック？ 銀座Rails#39 #eng̲career

Slide 19

Slide 19 text

1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら

Slide 20

Slide 20 text

音は丁寧に、画は程々に • 音は丁寧に録る 🔊 • 音で印象が変わる • 音で字幕が変わる

Slide 21

Slide 21 text

音は丁寧に、画は程々に • 音は丁寧に録る 🔊 • 音で印象が変わる 三 脚 ピンマイク (無線) • 音で字幕が変わる • 画は程々に撮る 🎥 • 文字が読めれば OK • 機材がグッと減る → 雲台 + スマホ

Slide 22

Slide 22 text

音は丁寧に、画は程々に なんでも OK! 無線だと、より柔軟になる 表面 裏面

Slide 23

Slide 23 text

音は丁寧に、画は程々に 音を入力する 音 声 入 出 力 ケ 受 信 ブ ル で 繋 ぐ ク!” // \\ “マイクチェッ 声を入力する ク!” // \\ “マイクチェッ ← ⚡ \\ ビビビッ!! // \\ マイクチェック! // 送 信

Slide 24

Slide 24 text

配信は、もっとカンタン! • All-in-one なものを使うとラク • Zoom → 有料プランで配信可 • StreamYard 月20時間まで無料 ブラウザから参加 ※ 本日の DEMO も、 StreamYard で配信 streamyard.com/pricing streamyard.com

Slide 25

Slide 25 text

本日のライブ配信デモの構成 StreamYard + iPad (Safari) + 無線マイク 設定が無事にできたかどうかも カンタンに確認できる！🎤✨

Slide 26

Slide 26 text

編集は、音量の調整だけ • Auphonic Leveler Batch Processor auphonic.com/leveler

Slide 27

Slide 27 text

編集は、音量の調整だけ • Auphonic Leveler Batch Processor

Slide 28

Slide 28 text

音だけ差し替えて公開！ 前工程を工夫すると、後工程がグッと楽になる 動画編集はほぼ不要!! (音のみ差し替え)

Slide 29

Slide 29 text

音だけ差し替えて公開！ 前工程を工夫すると、後工程がグッと楽になる 自動字幕の精度もグッと上がります！

Slide 30

Slide 30 text

音だけ差し替えて公開！

Slide 31

Slide 31 text

1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら

Slide 32

Slide 32 text

推しがあれば文字起こし Vrew ↑ で 文 字 を 起 こ し た

Slide 33

Slide 33 text

興味が出たら掘り下げる • 🖥 動画の収録・編集でもっと遊びたい → OBS, iMovie, Premiere, etc. • 🎨 サムネイル画像をサッと作りたい → Figma, Keynote, Illustrator, etc. • 🎵 BGM / SE などの素材を使いたい → dova-s.jp, pixta.jp, etc.

Slide 34

Slide 34 text

興味が出たら掘り下げる • 💻 コーディング風景を配信/撮影したい → StreamYard, ScreenFlow, etc. • 🎵 音をもっと凝りたい → Podcasting Guide を読む (末尾の参考資料) • 🎥 画をもっと凝りたい → 良いカメラ/スマホを使う (Your New Gear!!)

Slide 35

Slide 35 text

1. 気楽に、気軽に 2. ラクラク収録法 3. 楽しくなったら

Slide 36

Slide 36 text

“動画で切り拓く Ruby の世界。 https://regional.rubykaigi.org/fukuoka03

Slide 37

Slide 37 text

Rubyist のためのカンタン動画制作 ON AIR

Slide 38

Slide 38 text

参考資料・謝辞 • 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̲