Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

たのしい WordPress.tv 動画への字幕付け作業

2,037 views

Published on

たのしい WordPress.tv 動画への字幕付け作業

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks }} ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

たのしい WordPress.tv 動画への字幕付け作業

  1. 1. haya2_ 2015年8月24日 (一般公開用バージョン)
  2. 2.  1. コミュニティに参加、貢献する事 の楽しさと意義 2. WordPressコミュニティへの貢献 の一つである、「WordPress.tv」 動画への字幕付け作業のご紹介 今回のテーマ
  3. 3.   はやつ~  Twitter : haya2_  Mixi : haya4  Blog : http://maatsa.wordpress.com/  Qiita : http://qiita.com/haya2_  とあるサーバー屋さんに勤めてはや10年  昨年より広報宣伝室所属。現在はコミュニティ支援を主に担当  趣味:コミュニティ  主な所属コミュニティ  日本Rubyの会  なでしこ友の会  WordBench  趣味と仕事が同じになってラッキー☆  趣味と仕事が一緒になると、色々あることも事実ですが… 自己紹介
  4. 4.   「Ruby」は、まつもとゆきひろさんにより開発され、 1995年頃発表されたプログラム言語。  2005年頃公開されたWebアプリケーションフレーム ワーク「Ruby on Rails」により、大きく拡大。  世界的に利用されているメジャーなプログラム言語 としては、コミュニティの中心が日本にある、唯一 の言語ではないかと思います。  Rails Girlsといった、ダイバーシティへの取り組みに ついても積極的なプロジェクトもあります。  専用メーリングリストにて運営 日本Rubyの会
  5. 5.   「なでしこ」は、クジラ飛行机さんにより開発され、 2005年頃に発表されたプログラム言語  日本語で記述 「こんにちは」と言う。  開発言語はDelphi。  現在も、少しずつバージョンアップされています。  次期バージョンの開発言語はC#となる予定。  Googleグループにて運営 なでしこ友の会
  6. 6.   WordPressの地域コミュニティの集合体。  コミュニティにより運営されるミートアップの名称 でもある。  WordBench公式サイトがあり、そこから登録可能。  WordPressコミュニティは、全体を代表する人はい ないようです。  私がこれまで、WordBenchは、神戸、大阪、奈良、 東京に参加したことがあります。 WordBench
  7. 7.   誰でも、自分の能力などに応じて自由に参加  コアコントリビュータ、コミッタ  ヘビーユーザ、エヴァンジェリスト  コミュニティ運営、イベント運営  ライトユーザ、一般参加者  (比較的)お金に縛られない自由さ  まったくお金と無関係、ということでもない コミュニティの楽しさ
  8. 8.   世界でもっとも利用されているブログ、CMSソフト。  日本国内では、さらに突出したシェアを誇っている ようです。  コミュニティWordBenchの存在もあり、日本のコ ミュニティは日本独自の活発さがあるようです。  8/29には、WordFes Nagoya 2015 が開催される予定 です。  10/11には、WordCamp Tokyo 2015 が開催される予 定です。 WordPressとは
  9. 9.   ドキュメンテーション (Codex 日本語版)  翻訳 (WordPress の日本語化)  WordPress 日本語サポートフォーラム  Slack の WordPress チャット  WordPress 関連イベントの開催  WordPress の開発  プラグイン・テーマの公式ディレクトリへの追加  WordPress へのリンク  寄付など WordPressへの貢献色々
  10. 10.   WordPress.tvとは?  WordPressコミュニティにより運営されている、動画 共有サイト。  世界中のWordPressに関する動画が集まっています。  WordPress.tvへの字幕付け作業とは?  WordPress.tvに必要な形式で字幕データを作成し所定 のフォームよりアップロードすることにより、動画に 字幕をつけることができます。 WordPress.tvへの字幕付け
  11. 11.   実際に、字幕が付けられた動画を見てみましょう。  WordPress.tvを表示、どんな動画があるか、探し方、 見方を一通りご紹介。 http://wordpress.tv/ 動画の例
  12. 12.   How to add subtitles and translations to WordPress.tv http://wordpress.tv/2014/08/08/how-to-add- subtitles-and-translations-to-wordpress-tv-videos/ 字幕の付け方
  13. 13.  下記が、字幕付け作業の際の基本的なデータの流れ。  逆に、WordPress.tvからダウンロードして、Amaraにアップロードす ることはできないようです。 データの流れ Amara subtitles.dfxp subtitles.ttml WordPress.tv ①字幕データ書き出し (Download) ②拡張子変更 ※ファイル内容は そのまま ③フォームより 投稿
  14. 14.   Amaraには字幕ファイルをアップロードする機能があり ますが、WordPress.tvからダウンロードしたttmlファイ ルは読み込んでくれないようです。 …と言っていたら、変換ツール作っていただきました! http://mikkame.github.io/wordpresstv-ttml2amara-dfxp/ アップロード画面
  15. 15.   XML形式  字幕を表示するタイミングと、文字情報を持ってい る  なぜか文字が全て数値参照形式(?)なので、編集しず らい(できない?) DFXP(TTML)って何?
  16. 16.   SRT (the standard subtitle format supported by most video players)  SSA (SubStation Alpha subtitle format)  TTML (Timed Text Markup Language, subtitles in an XML file)  SBV (YouTube format)  DFXP (Distribution Format Exchange Profile format)  VTT (Web Video Text Track format, which is similar to SRT, but does not number subtitles)  TXT (just text transcript, without timestamps) 情報元:http://support.amara.org/support/solutions/articles/8151- how-do-i-download-subtitles-and-translations-from-a-video-on-amara- 参考:フォーマットの種類
  17. 17.   WordPress.tvよりダウンロードしたttmlファイル メモ帳で開いた場合
  18. 18.   WordPress.tvよりダウンロードしたttmlファイル ブラウザで開いた場合
  19. 19.   AmaraよりダウンロードしたDFXPファイル ブラウザで開いた場合2
  20. 20.   字幕付け作業支援Webサービス  使い勝手の良い字幕エディタ  WordPress.tvだけでなく、様々な動画サービスに対 応  対応しているサイト&形式 Vimeo, Youtube, mp4, WebM, flv, ogg & mp3 https://amara.org/ Amaraとは?
  21. 21.  1. Type what you hear(聞いた内容をタイプする)  ひたすら翻訳(文字起こし)をしていきます。  一応ここで全部打ち尽くすのが基本ですが、別に途中 で次のステップに進んでも問題はありません。 2. Sync Timing (字幕の表示タイミングを設定)  ビートマニア(古い?)的な楽しさがあります。 3. Review and complete (字幕チェック、微修正)  頭から通して再生し、字幕が表示されるタイミングを 微調整したり、字幕の打ち間違いを修正します。 Amaraでの基本的な作業の流れ
  22. 22.   「Tab」キーで、動画の再生/一時停止ができます。  「Shift + Tab」で、動画を数秒(2秒程度)前にジャンプし することができます。これで、聞き取れなかったところ を何度も繰り返し聞くことができます。  字幕の文字を入力して、「Enter」キーを押すと、次の字 幕に飛びます。  「↓」キーで、字幕スタート、「↑」キーで、字幕の終わ りを指定できます。(画面見ながら説明した方がわかり やすいので、後ほどデモします) Amara基本操作
  23. 23.   「English」がない! →「英語(米国)」を選択  編集できない! →他の人が編集中の可能性があります  1行を42文字以内に収めるよう、それ以上の場合は改行す るようアドバイスが表示されますが、WordPress.tvの仕 様上、自動で改行してくれるため、ある程度長くなって も大丈夫です。  逆に、短すぎて、表示時間も短くなってしまうと、かな り見づらくなっていまうので注意(好みの問題もあると 思いますが) Amara使い方のヒント
  24. 24.   未解決の問題  一度付けたWordPress.tv の字幕を、修正する方法が不 明  WordPress.tv からダウンロードした字幕ファイルを活 用する方法が不明  ご存じの方、教えてください! その他Amara使い方について
  25. 25.   実際の字幕付け作業を、ご紹介します 1. Amaraにログイン(Twitterアカウント等使用可) 2. 編集動画を選択 3. 編集画面を表示 4. 動画を少しずつ再生させつつ、文字を入力 5. タイミングの設定 6. タイミングの微調整 デモンストレーション
  26. 26.  英語で話しているものに日本語字幕を付ける 日本語で話している動画に英語字幕を付ける 日本語で話している動画に日本語字幕を付け る 英語で話しているものに英語字幕を付ける →それぞれに、意味、意義があります。 色々な字幕付け作業
  27. 27.   貢献の中では、難易度が低い  動画を選べば、比較的簡単。  日本語でしゃべっているものに日本語字幕つけるなら、 かなりハードル低いはず  英語の勉強として  英語でしゃべっているものに英語字幕をつけたり、そ れを日本語に翻訳したりする作業は、とても良い英語 の勉強になります WordPress.tv字幕付けのススメ
  28. 28.   「貢献」という言葉は、かなり堅苦しいイメージがある が、コミュニティへの貢献は、実際は「楽しむ」に近い  誰でも、自分の持つ能力に応じて、貢献できるのが、コ ミュニティの面白さ  それにより、自分も成長でき、さらにそのソフトが良いも のになる、という好循環  基本的に人間は社会的な生き物なので、コミュニティの 存在は重要  オープンソースソフトウェアについて、無料で使えるソ フトだけの価値だけで使うのは勿体ない  最近はオープンソースじゃないコミュニティも盛り上 がってきている コミュニティに貢献する楽しさ
  29. 29.   WordSlack(WordPressに関する日本語Slack環境) の「#wptv」チャンネルでお待ちしております。 http://wpdocs.osdn.jp/WordSlack%E3%81%B8%E3 %81%AE%E5%8F%82%E5%8A%A0%E6%96%B9%E6 %B3%95  一緒にコミュニティ&貢献を楽しんでいただける方 募集中です! さいごに
  30. 30.  Thanks! ご清聴ありがとうございました

×