読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

YouTube Viewer

YouTube Data API - YouTube Viewerを作ってみた。

機能を付け足して、YouTube 簡易ビューワーに仕立ててみた。まあ実用的かどうかというとわからないけども。。 YouTube Viewer YouTube Viewer Youtube Data APIのsearch.listを使用して検索窓に検索キーワードを入れてエンターを押すと検索できるようにして…

d3.jsはやっぱり使えるな。

ここ何日かd3.jsを使ってYouTube Data APIをいじっているけれどもこういうJSONで返してくれるAPIとd3.jsの相性は抜群だなと感じている。 d3.jsはSVGを使用したデータ・ビジュアル化のための支援ライブラリとしての認知度が高いけれども、DOM操作ライブラリと…

Youtube Data API - 再生リストのサムネイルとプレビュー

続いて再生リストのサムネイル表示に取り組んでみた。 再生リストのサムネイルとプレビュー 今回は動きを少し工夫してみた。 まずプレイリスト一覧表示する。 プレイリスト一覧のサムネイルをクリックするとプレイリストの中身をサムネイル表示する。 サムネ…

Youtube API - 動画サムネイルの表示とプレビュー再生

ようやく2つめのサンプルを作成することができた。 Youtube API サンプル - 動画サムネイルの表示とプレビュー再生 Youtube API サンプル - 動画サムネイルの表示とプレビュー再生 サムネイルにマウスカーソルを合わせるとプレビュー再生するというもの。AP…

nginx の valid_refererで直リンクを防止する

おとといと昨日はnginxをいじっていた。Youtube Data APIは一般公開しているものに関してはOauth認証なしにアクセスでき、動画・プレイリストや各種情報を取得できる。私が欲しいのは「私の公開情報」なのでこれで十分である。ただAPIを呼び出すにはAPIキー…

bl.ocks.orgへの対応

gistupという強力なツールを得たので、bl.ocks.orgのフォーマットに合わせてgistにファイルをアップロードしてみた。サンプルとしては稚拙なものではあるが、これで容易にサンプルおよびソースコードを表示できますな。。。 これからYoutube Data APIいじり…

gistjsをforkしてみる。 gistへの画像アップロード。

www.sfpgmr.netの自己キュレーションサイト化に取り組んでいて、Youtube Data APIを勉強がてら叩いてみているところ。その経過をブログで報告するのにソースコード部分をgistにアップして置いてそれをブログにエンベッドしようかなと思った。ソースコードの…

OAuth2

現在のWeb APIはOAuth2.0を基本認証としているものが多い。例えばYoutube Data APIではOAuth2.0認証でないと読み書きができなかったりする。このOAuth2.0というのはそもそも「ユーザーがWebアプリケーションに対してユーザー自身のリソース提供を許認可する…