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

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