AngularJSで作業用BGM再生アプリを作りました

AngularJSの練習をしていたら作業用BGM再生アプリができました。
ナガレテッター

どういうものか

J-WAVEで流れた曲がプレイリストになっています。
プレイリストから曲をクリックすると、YouTubeにあるその曲の動画が流れます。

なぜ作ったか

AngularJSの勉強のため。
新しい曲・名曲を知るきっかけになるのがラジオであることが多いです(個人的に)。なのでそのきっかけが広がるものを作りたいと思ったため。

仕組みは

HerokuのClock ProcessでJ-WAVEで流れた曲を定期的に取ってきてMongoDB(MongoLab)に保存しています。
さらにHerokuにRailsでAPIサーバーを立てて、MongoDBのデータを返します。
クライアントはYeomanのgenerator-angularを元にして作りました。これをGitHub Pagesにデプロイしてます。
YouTube再生の内部的な仕組みはyusukebeさん作のFMTubeの実装を参考にさせてもらいました。勉強になります。

Comments