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. 3VCZJTUͷͨΊͷΧϯλϯಈը੍࡞
   ON AIR
   How
   to
   Film Your Talk by Yourself
   

   View Slide

2. ON AIR
   
   -*7&%&.0$)"--&/(&
   ਓͰొஃˍ഑৴
   

   View Slide

3. ຊൃද͸
   lਓͰొஃˍ഑৴z
   ON AIR
   Ͱ͖Δ͘Β͍ͷʮΧϯλϯ͞ʯͷ࣮ԋ΋݉Ͷ͍ͯ·͢
   

   View Slide

4. YassLab (ג) ୅දऔక໾, (Ұࣾ) CoderDojo Japan ୅දཧࣄ,
   
   
   ະ౿δϡχΞ PM, ૣҴాେֶ৘ใཧ޻ֶ म࢜, IPAະ౿εύΫϦ
   3BJMTνϡʔτϦΞϧͱ
   

   3BJMTΨΠυͷӡӦձࣾɻ
   

   ղઆಈը΍8FCςΩετɺ
   

   ڭࡐར༻΍๏ਓݚमΛఏڙ
   ࠃ಺࠷େڃͷࢠͲ΋ͷͨΊͷ
   

   ϓϩάϥϛϯάಓ৔ ඇӦར
   ɻ
   

   શࠃʹϲॴҎ্ͷ%PKPɺ
   

   ʮͭ͘Γ͍ͨʯΛָ͠Ήʮ৔ʯ
   *1"ະ౿ࣄۀͷࡀҎԼ
   ର৅൛ɻ୎ӽͨ͠εΩϧͱ
   ৘೤͕͋Ε͹೥ྸΛ௒͑ͯ
   ඈ༂Ͱ͖ΔΑ͏ɺ޿͘ࢧԉ
   ҆઒ ཁฏ ʢ@yasulabʣ
   

   View Slide

5. ࠃ಺࠷େڃͷࢠͲ΋ͷͨΊͷ
   

   ϓϩάϥϛϯάಓ৔ ඇӦར
   ɻ
   

   શࠃʹϲॴҎ্ͷ%PKPɺ
   

   ʮͭ͘Γ͍ͨʯΛָ͠Ήʮ৔ʯ
   *1"ະ౿ࣄۀͷࡀҎԼ
   ର৅൛ɻ୎ӽͨ͠εΩϧͱ
   ৘೤͕͋Ε͹೥ྸΛ௒͑ͯ
   ඈ༂Ͱ͖ΔΑ͏ɺ޿͘ࢧԉ
   3BJMTνϡʔτϦΞϧͱ
   

   3BJMTΨΠυͷӡӦձࣾɻ
   

   ղઆಈը΍8FCςΩετɺ
   

   ڭࡐར༻΍๏ਓݚमΛఏڙ
   
   ਓ
   
   ਓ
   
   ਓ
   ͦΕͧΕͷ:PV5VCFνϟϯωϧ΋։ઃ
   ຊۀͷ߹ؒʹগͣͭ͠ίϯςϯπΛ౤ߘ
   🎉
   

   View Slide

6. ίϯςϯπྗͷߴ͍3VCZJTU͕ଟ͍ͷͰ
   ΠϕϯτͳͲͷऩ࿥ˠฤूˠެ։΋اը
   

   View Slide

7. ίϯςϯπྗͷߴ͍3VCZJTU͕ଟ͍ͷͰ
   ΠϕϯτͳͲͷऩ࿥ˠฤूˠެ։΋اը
   

   View Slide

8. 8IZΧϯλϯಈըԽʁ
   3VCZͷ։ൃΛࢧ͑ΔΤίγεςϜ
   ͷεϥΠυΑΓҾ༻ʢ4)*#"5")JSPTIJ
   
   https://speakerdeck.com/hsbt/ruby-nokai-fa-wozhi-eruekosisutemu
   ͱʹ͔͘3VCZͷ͜ͱΛൃ৴͢Δ
   ɹɾॻ੶ͷࣥච
   ɹɾಈըͷ࡞੒ͱެ։
   ͜ͷೋ͕ͭ࠷ۙ͸
   ٸ຿ͳͷͰؤுΓ͍ͨ
   5IF3BJMT'PVOEBUJPOLJDLTPGG
   
   XJUIPOFNJMMJPOEPMMBST
   
   https://rubyonrails.org/2022/11/14/the-rails-foundation
   5IFSFBTPOGPSUIBUJTMBSHFMZBRVFTUJPOPGEPDVNFOUBUJPO
   FEVDBUJPO NBSLFUJOH BOEFWFOUT*U`TOPUOFBSMZFBTZ
   
   FOPVHIGPSBEFWFMPQFSJOUFSFTUFEJOMFBSOJOH3BJMTz
   l
   l
   

   View Slide

9. 8IZΧϯλϯಈըԽʁ
   ಈըԽ΋෇͍ͯ͘ΔΧϯϑΝϨϯε
   ɾ3VCZ,BJHJ
   ɾ,BJHJPO3BJMT
   ɾ3VCZ8PSMEͳͲ
   ଞͷΠϕϯτ΋ίϯςϯπྗ͕ߴ͍͕
   ɾ஍Ҭ3VCZձٞ
   ɾۜ࠲3BJMT
   ɾ3FHJPOBM.FFUVQͳͲ
   l४උ͕େม💦z
   l֎஫΋େม🥹z
   

   View Slide

10. 8IZΧϯλϯಈըԽʁ
    w ̕೥ؒͷಈը੍࡞ͷ஌ݟ
    w ಈըΛݟΔਓ͕૿͑ͨ
    w ࿑ྗͷׂʹײँ͞Ε΍͍͢
    

    View Slide

11. ࿑ྗͷׂʹ
    ײँ͞Ε΍͍͢
    

    View Slide

12. ಈը੍࡞ΧϯλϯͩΑʂ
    ͲΜͲΜࡱͬͯΈΑʔʂ
    

    View Slide

13. ಈըͰ੾Γ୓͘
    3VCZͷੈքɻ
    l
    IUUQTSFHJPOBMSVCZLBJHJPSHGVLVPLB
    

    View Slide

14. 3VCZJTUͷͨΊͷΧϯλϯಈը੍࡞
    ON AIR
    

    View Slide

15. ؾָʹɺؾܰʹ
    ϥΫϥΫऩ࿥๏
    ָ͘͠ͳͬͨΒ
    

    View Slide

16. ؾָʹɺؾܰʹ
    ϥΫϥΫऩ࿥๏
    ָ͘͠ͳͬͨΒ
    ؾָʹɺؾܰʹ
    

    View Slide

17. lؾָzͳҰา͕Φεεϝ
    w ೰Έ͗ͣ͢ɺಈ͍͔ͯΒߟ͑ͯ΋0,
    w Կ͕lྑ͍zͷ͔ɺ༧ଌΛཱͯͮΒ͍
    w ํ޲ੑ͸lޙͰzܾΊͨΓมߋͰ͖Δ
    Ruby ʹूத
    

    View Slide

18. lؾܰzͳҰา͕Φεεϝ
    w -5΍ొஃΛͦͷ··ಈըԽ͢Δ
    w ൃදˠಈը͕ɺͨͿΜҰ൪ϥΫʂ
    w l࿥ΔࡱΔz෦෼͕ϘτϧωοΫʁ
    ON AIR
    ۜ࠲3BJMT FOH@DBSFFS
    

    View Slide

19. ؾָʹɺؾܰʹ
    ϥΫϥΫऩ࿥๏
    ָ͘͠ͳͬͨΒ
    ϥΫϥΫऩ࿥๏
    

    View Slide

20. w Ի͸ஸೡʹ࿥Δ🔊
    w ԻͰҹ৅͕มΘΔ
    w ԻͰࣈນ͕มΘΔ
    Ի͸ஸೡʹɺը͸ఔʑʹ
    

    View Slide

21. w Ի͸ஸೡʹ࿥Δ🔊
    w ԻͰҹ৅͕มΘΔ
    w ԻͰࣈນ͕มΘΔ
    Ի͸ஸೡʹɺը͸ఔʑʹ
    w ը͸ఔʑʹࡱΔ🎥
    w จࣈ͕ಡΊΕ͹0,
    w ػࡐ͕άοͱݮΔˠ
    ϐϯϚΠΫ ແઢ
    
    Ӣ୆εϚϗ
    ࡾ
    ٭
    

    View Slide

22. ͳΜͰ΋0,ແઢͩͱɺΑΓॊೈʹͳΔ
    ද໘ ཪ໘
    Ի͸ஸೡʹɺը͸ఔʑʹ
    

    View Slide

23. ԻΛೖྗ͢Δ ੠Λೖྗ͢Δ
    aaϚΠΫνΣοΫ
    Ի
    ੠
    ೖ
    ग़
    ྗ
    έ
    ϒ
    ϧ
    Ͱ
    ܨ
    ͙
    ˡ
    ⚡
    aaϏϏϏο
    ड
    ৴ ૹ
    ৴
    aalϚΠΫνΣοΫz
    aalϚΠΫνΣοΫz
    Ի͸ஸೡʹɺը͸ఔʑʹ
    

    View Slide

24. ഑৴͸ɺ΋ͬͱΧϯλϯ
    w "MMJOPOFͳ΋ͷΛ࢖͏ͱϥΫ
    w ;PPNˠ༗ྉϓϥϯͰ഑৴Մ
    w 4USFBN:BSE
    

    ݄࣌ؒ·Ͱແྉ
    

    ϒϥ΢β͔ΒࢀՃ
    

    ˞ຊ೔ͷ%&.0΋ɺ
    

    4USFBN:BSEͰ഑৴
    streamyard.com
    streamyard.com/pricing
    

    View Slide

25. ຊ೔ͷϥΠϒ഑৴σϞͷߏ੒
    4USFBN:BSEJ1BE 4BGBSJ
    ແઢϚΠΫ
    ઃఆ͕ແࣄʹͰ͖͔ͨͲ͏͔΋
    Χϯλϯʹ֬ೝͰ͖Δʂ
    🎤✨
    

    View Slide

26. ฤू͸ɺԻྔͷௐ੔͚ͩ
    w "VQIPOJD-FWFMFS#BUDI1SPDFTTPS
    auphonic.com/leveler
    

    View Slide

27. ฤू͸ɺԻྔͷௐ੔͚ͩ
    w "VQIPOJD-FWFMFS#BUDI1SPDFTTPS
    

    View Slide

28. Ի͚ͩࠩ͠ସ͑ͯެ։ʂ
    લ޻ఔΛ޻෉͢Δͱɺޙ޻ఔ͕άοͱָʹͳΔ
    ಈըฤू͸΄΅ෆཁ ԻͷΈࠩ͠ସ͑
    
    

    View Slide

29. Ի͚ͩࠩ͠ସ͑ͯެ։ʂ
    લ޻ఔΛ޻෉͢Δͱɺޙ޻ఔ͕άοͱָʹͳΔ
    ࣗಈࣈນͷਫ਼౓΋άοͱ্͕Γ·͢ʂ
    

    View Slide

30. Ի͚ͩࠩ͠ସ͑ͯެ։ʂ
    

    View Slide

31. ؾָʹɺؾܰʹ
    ϥΫϥΫऩ࿥๏
    ָ͘͠ͳͬͨΒ
    ָ͘͠ͳͬͨΒ
    

    View Slide

32. ਪ͕͋͠Ε͹จࣈى͜͠
    7SFX
    Ͱ
    จ
    ࣈ
    Λ
    ى
    ͜
    ͠
    ͨ
    ˢ
    

    View Slide

33. ڵຯ͕ग़ͨΒ۷ΓԼ͛Δ
    w 🖥ಈըͷऩ࿥ɾฤूͰ΋ͬͱ༡ͼ͍ͨ
    

    ˠ0#4 J.PWJF 1SFNJFSF FUD
    w 🎨αϜωΠϧը૾Λαοͱ࡞Γ͍ͨ
    

    ˠ'JHNB ,FZOPUF *MMVTUSBUPS FUD
    w 🎵#(.4&ͳͲͷૉࡐΛ࢖͍͍ͨ
    

    ˠEPWBTKQ QJYUBKQ FUD
    

    View Slide

34. ڵຯ͕ग़ͨΒ۷ΓԼ͛Δ
    w 💻ίʔσΟϯά෩ܠΛ഑৴ࡱӨ͍ͨ͠
    

    ˠ4USFBN:BSE 4DSFFO'MPX FUD
    w 🎵ԻΛ΋ͬͱڽΓ͍ͨ
    

    ˠ1PEDBTUJOH(VJEFΛಡΉ ຤ඌͷࢀߟࢿྉ
    
    w 🎥ըΛ΋ͬͱڽΓ͍ͨ
    

    ˠྑ͍ΧϝϥεϚϗΛ࢖͏ :PVS/FX(FBS
    
    

    View Slide

35. ؾָʹɺؾܰʹ
    ϥΫϥΫऩ࿥๏
    ָ͘͠ͳͬͨΒ
    

    View Slide

36. ಈըͰ੾Γ୓͘
    3VCZͷੈքɻ
    l
    IUUQTSFHJPOBMSVCZLBJHJPSHGVLVPLB
    

    View Slide

37. 3VCZJTUͷͨΊͷΧϯλϯಈը੍࡞
    ON AIR
    

    View Slide

38. ࢀߟࢿྉɾँࣙ
    w 4USFBN:BSEͰಉ࣌ϥΠϒ഑৴ΛΧϯλϯʹ ࣮ྫղઆ෇͖
    
    

    IUUQTOPUFDPNZBTVMBCOOCGEEBC
    

    w 1PEDBTUJOH(VJEF5BUTVIJLP.JZBHBXB`T#MPH BLB3FCVJMEGN
    
    

    IUUQTXFCMPHCVMLOFXTOFUQPEDBTUJOHHVJEFFBE
    

    w aa4QFDJBM5IBOLT
    

    
    w ө૾੍࡞ɾಈը੍࡞ גࣜձࣾϑϥϯϦϕϧ
    

    ݩ8FCܥΤϯδχΞ͕୅දΛ຿ΊΔө૾੍࡞
    

    IUUQTGSBOMJCFSDPKQ
    w ί΢ϖϯͪΌΜʢ࡞ऀɿΔΔͯ͋ʣ
    

    IUUQTUXJUUFSDPNL@S@S@M@M@
    

    View Slide