動画や字幕でWordPressコミュニティに貢献しよう！（Let’s contribute by videos and subtitles!）

動画や字幕でWordPressコミュニティに貢献しよう！（Let’s contribute by videos and subtitles!） – WordCamp Osaka 2019
https://2019.osaka.wordcamp.org/session/lets-contribute-by-videos-and-subtitles/

Transcript

2. このセッションでは 動画と字幕についてお話しします。 In this session, Iʼm going to talk about videos and subtitles.
3. はやし まさや Masaya Hayashi
5. SNS @haya2_ Follow me! Twitter YouTube Mastodon
6. 動画 Videos
7. ※以下、ドリキン(@drikin)さん動画のサムネイル画像を 特別に許可をいただき使⽤させていただいております 〜プロローグ〜 動画の魅⼒
8. YouTuber?
10. おしゃれ？
13. Vlogger?
16. 動画が⽇常に なった世界が もうすぐ
17. 動画で世界と もっと楽しくつながれる 世界がもうすぐ
18. 本題
19. 11405 2019/12/6 1:10 時点 Q. この数字は何？
20. WordPress.tv で公開されている 動画の数 A. こたえ
22. CC BY-SA 4.0
23. 18 2019/12/07 11:45 時点 Q. この数字は何？
24. ⽇本で開催されたWordCampで WordPress.tvに動画がアップ されているWordCampの数 A. こたえ
25. これまでのWordCamp動画 ʼ19 新潟 ⽻⽥ 東京 ⼤阪 ʼ18 男⽊島 東京 ⼤阪 ʼ17 東京 京都 ʼ16 東京 関⻄ ʼ15 東京 関⻄ ʼ14 東京 関⻄ ʼ13 東京 神⼾ ʼ12 東京 ⼤阪 ʼ11 福岡 東京 神⼾ ʼ10 横浜 名古屋 福岡 ʼ09 東京 京都 ʼ08 東京
26. 未公開セッション動画の データお持ちの⽅と、セッション動 画公開して欲しい⽅からの連絡お待 ちしております！ 全WordCamp動画公開したい！
27. WordCampのセッション動画が WordPress.tvで公開されるまで How to publish session videos to WordPress.tv
28. 全体を⾒渡した計画 ・機材 ・配線、配置 ・撮影 ・編集、アップロード作業 ・公開
29. 動画データ
30. 動画データとの付き合い⽅初歩の初歩 ・データ保存メディア：SDカード ・ファイルサイズ  ・2GBの壁 ・ネットで共有  ・通信量制限 ・動画形式：H.264 ・ファイル形式（拡張⼦）： .mp4, .mov
31. WordPress.tv にアップできる動画の最⼤容量 1GB
32. 1GBに抑えるためのコツ ・解像度：720pまで ・ビットレート：2Mbps 程度
33. 機材リストの例
34. カメラ
35. ビデオカメラ
37. マイク
39. マイク
40. その他 ・スイッチャー ・スプリッタ ・ビデオキャプチャーデバイス ・GPU搭載PC
43. 配置、配線図の例
44. 動画を編集する⽅法 How to edit videos. ※2019年11⽉に私が調べた範囲での情報です
45. iMovie ・できること ・トリミング、動画の切り貼り ・動画の回転 ・movファイル書き出し ・動画の拡⼤ ・トランジション
46. iMovie ・できないこと  ・モザイク・ぼかし（すごくがんばればできる）  ・⽚側のみの⾳声を左右両⽅で聞こえるように  ・ビットレート設定
47. Edit WordCamp Videos Using iMovie
48. ビデオエディター ・できること  ・トリミング、動画の切り貼り  ・動画の回転  ・mp4ファイル書き出し
49. ビデオエディター ・できないこと  ・モザイク（画⾯全体は可） ・ぼかし  ・動画の拡⼤  ・トランジション  ・⽚側のみの⾳声を左右両⽅で聞こえるように  ・ビットレート設定
50. より⾼度な編集が必要な場合 ・アプリ例  ・Premiere Pro （Adobe）  ・DaVinci Resolve （Blackmagic Design） ・できること  ・モザイク・ぼかし  ・⽚側のみの⾳声を左右両⽅で聞こえるように  ・ビットレートを細かく設定
52. サブミット画⾯1
53. サブミット画⾯2
54. How to upload your WordCamp videos to WordPress.tv
55. 情報共有シート
56. 作業分担
57. 少⼈数の例 WordCamp実⾏委員 モデレータ ・動画ファイルとりまとめ ・情報まとめ、シート作成 ・イントロ作成 ・動画編集 ・サブミット ・モデレート ・公開
58. ⼤⼈数の例 WordCamp実⾏委員 モデレータ 動画編集、 サブミット 係 撮影した動画をクラウ ドにアップする係 情報整理、 シート作成 係 イントロ作 成係 ・モデレート ・公開
59. 字幕 Subtitles
60. 英語動画→⽇本語字幕 英語のセッションの内容が⽇本語 でわかる 様々な字幕の意義
61. 英語動画→英語字幕 英語のセッションの英語を⽂字で ⾒れる 様々な字幕の意義
62. ⽇本語動画→⽇本語字幕 ⾳を出せない環境でも内容がわかる ⾳声を聞くことが難しい⼈でも⾒れる 様々な字幕の意義
63. ⽇本語動画→英語字幕 英語の勉強になる 様々な字幕の意義
64. ⽅法1：テキストエディタ ⼀番素朴な⽅法。 字幕データは、「タイミング」と「表⽰する⽂字」が書かれたテキストファイル。 ⽅法2：UDトーク 使いこなすのはちょっと⼤変かも？ 使いこなせると、⾮常に効率的に作業できます。 字幕ファイルの作成⽅法の例
65. コミュニケーション⽀援アプリ UDトーク
66. 1．書き起こししてくれるので、1から⼿作業より楽 2．みんなで誤認識を直せる 3．句点、読点が⼊る 4．単語登録ができる 5．タイミング情報が⼊る UDトークを使うメリット
67. データの流れ 動画の⾳声 CSV SRT DFXP TTML WordPress.tv CSV Converter フォーム より提出 Amara 拡張⼦ 変更
68. CSV形式
69. CSV Converter
70. SRT形式
71. Amara.org
72. DFXT形式 数値⽂字参照形式になっちゃってます・・
73. 字幕サブミット(投稿)フォーム
74. How to add subtitles and translations to WordPress.tv
75. モデレータとは？ What is Moderator?
76. モデレータ画⾯
77. WordPress.tvチーム About WordPress.tv team.
78. WordPressコミュニティ公式 Slack #wptv チャンネルで 毎週⾦曜⽇の午前0時に開催中 Weekly meetings
79. 情報共有シート
80. vs. YouTube
81. vs. 1GB 120 GB YouTube
82. 圧倒的強さ!! YouTube
83. ・⾼解像度の動画に対応 ・興味がありそうな動画を紹介してくれる ・便利なショートカットキー  ・数字の 0〜9・・・動画を最初〜90%の場所にジャンプ  ・＞＜・・・再⽣速度アップ、ダウン  ・J、L、←、→・・・進む、戻る YouTubeの優れた機能
84. とはいえ ひとつのクラウドサービスに 依存するリスクもある…かも
85. 場所はともかく とにかくもっと動画を 盛り上げたい！
86. 理想
87. 作りたい流れ たくさんの⼈が 動画を⾒てくれる 動画を公開する モチベーションが アップ！ 良質な動画が たくさん 公開される
88. 現実 Real
89. 残念な流れ 動画を公開 しても⾒て もらえない 動画を公開する モチベーションが ダウン 動画の質低下 公開時期遅延 字幕つかない
90. どうすれば 良い感じの流れ 作れる？
91. WordPress.tv で世界と友達になろう！ Twitter @wptvjp
92. A friend.
93. Many friends all over the world. 友達募集中！！！
94. 提案 Proposals
95. ⾃分が登壇したセッションの内容に 英語字幕をつけませんか？ Letʼs make subtitles for your session.
96. YouTubeのプレミア公開 しませんか？ Letʼs YouTube Premiere!
97. 動画にフィードバックしましょう
98. WordSlack について
99. WordSlackの#wptvへ参加して⾃⼰紹介しよう！ ※ ◦◦@chat.wordpress.org のメールアドレスでのみユーザー登録可能 Making WordPress wordpress.slack.com #wptv WordSlack wpja.slack.com #wptv
100. #wptv チャンネルが 動画好きがどんどん集まって クリエイティブなコミュニケーションを する場になるといいな
101. 動画が⽇常に WordPress.tv とは 動画を公開する⽅法 字幕をつける⽅法 動画と字幕で世界と友達になろう！ WordSlack の #wptv チャンネル まとめ
102. さいごに
103. Thank you for watching! @haya2_