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.tvhttp://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ファイル

ブラウザで開いた場合２

字幕付け作業支援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!

ご清聴ありがとうございました