My puppyのブログ

学んだ事や作っているプログラムなどについて書いています。

「TED Talks List」でソートや検索が出来るようにしました(English-Video.net)

今日は仕事が休みだったので、午後からEnglish-Video.netの「TED Talks List」でソート(並べ替え)や検索が出来るようにしていました。

ちなみにこれらは「DataTables」というjQueryプラグインで実現しています。

まずはソート機能です。

具体的には下の画像の赤丸の部分をクリックするとソートできます。

f:id:ken_tokyo:20170926091710p:plain

この画像では表の見出しの「DURATION」をクリックして、動画の再生時間が短い順にソートしています。

このほかにも「NO.」や「ID」、「TITLE」など各見出しをクリックすることによって、昇順/降順にソートすることができます。

次は検索機能です。

下記画像の赤丸内のように「TED Talks List」でテキストボックス内に「ビル ゲイツ」などと入力すると、表の内部をリアルタイムに検索できます。

f:id:ken_tokyo:20170926091447p:plain

ただこの場合「ビル」と「ゲイツ」の間のスペースが全角だとうまく動きません。スペースを入力する時は半角でお願いいたします。

この不具合は時間がある時に修正したいと思います。

ちなみにこの検索機能は表の内部の文字列ならなんでも検索できるので、たとえば下の画像の赤丸内のように「06:」と検索すれば、再生時間が「06:00」から「06:59」までの動画をすべて列挙できます。

f:id:ken_tokyo:20170926092032p:plain

今作成したばかりなので不具合などもあるかもしれませんが、もしなにかございましたらこのブログへコメントをお願いいたします<m(__)m>

ID:2852まで追加しました(English-Video.net)

今日「English-Video.net」の動画をID:2852まで追加しました。

先月まではID:2830までの公開でしたので、IDは22増えることになります。

今回は英語日本語スペイン語フランス語など全部で48言語の字幕が追加されていて、全て合わせると370ページ程の追加となります。

日本語字幕の動画リストは「http://www.english-video.net/l/ja」にございますので、もし良かったらご参照くださいね(^^♪

「No Video」、「No Transcript」のラベルを表示するようにしました(English-Video.net)

今日English-Video.net上のTEDトークの内、YouTube動画が無いものに「No Video」というラベルを付けるようにしました。

また字幕ファイルが無いものは「No Transcript」のラベルを付けています。

具体的には以下の2枚の画像の赤丸の部分です。

(1)サムネイルページの例。動画の日付の下に「No Video」、「No Transcript」と書かれたラベルが表示されています。このページのURLは「http://english-video.net/p/ja/35」です。 f:id:ken_tokyo:20170906110633j:plain

(2)リストページの例。動画のタイトルの右側に「No Video」、「No Transcript」と書かれたラベルが表示されています。このページのURLは「http://english-video.net/l/ja」です。 f:id:ken_tokyo:20170906110741j:plain

これらの動画や字幕はTED本家(https://www.ted.com)に行くと見ることができる場合もございますのでご了承くださいませ。

よろしくお願いいたします<m(__)m>