YoutubeやVimeoは(タグ)検索結果をRSSで取得出来るようになっていますが、
興味があるワードごとにいちいちRSSリーダに登録するのは面倒だったので、
Tech Video RSS Searcher というサイトを作りました。

Tech Video RSS Searcher 2014 01 19 11 49 06

使い方

何ができるかというと、単なる静的なサイトなので大した事はできなくて、

  1. キーワードを入力
  2. サイトの検索結果を見て購読したい感じだったら、”Add to list”する
  3. 1,2を繰り返す
  4. 最後に “Download opml” からキーワードの検索結果のRSSをまとめたopmlファイルをダウンロードする
  5. LDRとかFeedlyにopmlファイルを読み込ませて購読する

という感じで使います。

Tech Video RSS Searcher 2014 01 19 11 48 46

ブラウザ

DataURI(Blob使ったほうがよいのかな?)とdownload属性使ってるので、FirefoxとChromeあたりでしか動かない気がします。

仕組み

ソースコードは azu/tech-video-rss-searcher に公開してあります。

今回は、browserify + debowerify + Bower + (beefy or gulp)
を使った仕組みを回して作りました。

使ったJavaScriptライブラリとしてはRactive.jsがメインですが、
それらnpmで提供されてないもの と npmでしか提供されてないもの 両方をどう扱うかがテーマでした。

そこで、browserifyを使って両方共nodeのモジュールの仕組み(CommonJS)で回せるようにすれば、
モジュールの問題がCommonJSに集約できて中々面白い感じにできたので、それは別の記事で書きます。

作るに至った道のり

JavaScript情報の探し方とか 何か面白い方法思いついたりしたら以下に書き込んでいるのですが、

最近のJavaScript情報の探し方 · Issue #2 · azu/jser.info

YoutubeやVimeoやUstに大体のイベントの動画があがる傾向があるので、その辺から見れば以下で書いていたJavaScriptイベントを探すにつながるかなと思ったのが始まり。

RSSを購読しようとしたのですが、キーワードごとにやるのが面倒だったのとbrowserifyを使ってみたかったのでサイトを作ってみました。

想像以上にbrowserifyで回せる事がわかったのが良かったです。

追記: browserifyでの開発についての詳細を書きました

=> npmとbrowserifyを使ったクライアントサイドのウェブアプリ開発 | Web scratch