僕は発展途上技術者

スピッツのオフィシャル PV をエンドレスで視聴できる Endless Spitz(エンドレススピッツ) をリリースしました

プログラマが本気だしてファンサイトを作ってみたら。。というコンセプトで作ってみました。

» Endless Spitz(エンドレススピッツ)

スピッツ、YouTubeで全PV公開 - ITmedia News というニュースが流れ、公開されたPVを観ていたのですが、いちいち次の動画をクリックして観ていくのが面倒くさい。開発しているときなどに、傍らで流しっぱなしにしておきたいと思い作りました。サイトにアクセスしたら、あとはそのまま。何もしなくても、スピッツのオフィシャル PV が次々再生されます。

また、再生中の曲について Twitter でつぶやいているユーザーとそのつぶやきをリアルタイムで表示するようにしました。つまりは同じスピッツファンのつぶやきです。当然、フォローしたくなると思うので、Twitter @Anywhere を使い、サイト上で簡単に即座にフォロー出来る仕組みにしました。

これ、実際にやってもらったらわかるのですが、@jishiha のように @ がついている Twitter アカウント名の上にカーソルを持っていくと、Follow ボタンがついた吹き出しが表示され、すぐさまフォローできます。あまりに手軽過ぎで、どんどんフォローしてしまいます。

Endless Spitz
Uploaded with plasq's Skitch!

さらにサイト上から、Twitter のサイトに移らなくても、そのままつぶやきを投稿できるようにしました。曲の感想などをつぶやくと、そのつぶやきがすぐにその下のつぶやき一覧に表示されるので、ファン同士の交流ができるかも。。

スピッツファン限定のかなり個人的趣味が強いサービスですが、よかったら使ってみて下さい。

Comments

  • $('.twitter-anywhere-tweet-box')[0].contentDocument.getElementById('tweet-box').focus()
    を@anywhereのロード後に呼ぶとtextareaにフォーカスが移って直接投稿可能になりますね
    他の方法もあるかもしれません
    もしイベント取れなかったらsetIntervalで定期的に監視してみたらいいと思います

    てきとうですが、とりあえず
  • ほぼアドバイス通り実装したら、うまくいきました。
    自動的にテキストエリアにフォーカスがあたるようになって、Tweetしやすくなったと思います。

    どうもありがとうございます。

Comments


(Option)


Recent Entries

Recent Comments

Tags

Archives

Admin