岩家.net

はじめに

細かい部分をいくつか修正したり元に戻したりするなどして，ver.0.1.3 として公開しました．

にこぐらふ

主な修正点

トップページ

右部にある 「にこ数 Top5」「にこ率 Top5」 を，それぞれ 「今日のにこ数 Top3」「今日のにこ率 Top3」 に置き換えました．

時間が経過するにつれて，徐々に変化がなくなってくるんじゃないかな，ということで．

また，「最新着にこぐらふ」 においては，グラフの対象となる動画が重複するのを避けて表示していましたが，どうやら私のSQL分不足のために，この表示自体がおかしなコトになっていました．（コメントの取得時間と 「w」 の数が対応していなかったりとか諸々 ＞＜）

ので，重複を許すことにしちゃいました．

にこ数順，にこ率順

特定の日におけるにこ(数|率)の表示に対応しました．

たとえば，今日のにこ数順 とか 2008年 3月19日のにこ率順 とか，です．

また，それに伴い，にこ(数|率)順に関するページに 「にこ(数|率)カレンダー」を追加してみました．

日付に加え，その日のグラフの数が表示されます．また，その日のにこ(数|率)の平均値によって，赤っぽい背景色が濃淡するようにもしてみました．（その辺の基準値は，現在テキトーに設定しています．今後要調整になるかも．）

おわりに

というわけで，よろしければ．

はじめに

Twitter API でお友達 （following） のリストを取得してデータを加工する際，一度もtwitしていないユーザの存在を考慮した方がよさげかも．まぁごく稀ではあるでしょうが．．．

本題

この API をたたくと，更新が新しい順に最大100人分のお友達のリストが特定のフォーマットで得られます．JSON の場合，

[ { /* お友達のデータ */ }, { /* お友達のデータ */ }, ... ]

のようなものが得られるわけです．

これからあるお友達のtwitの内容 （テキスト） を取得するには，

a_friend.status.text

のように，status プロパティを参照するわけですが，一度もtwitしていないお友達の場合，怒らてしまいます．

というのも，status プロパティが undefined なため です．

typeof a_friend_never_twitted.status == undefined; // true

以上，得られた JSON をごにょごにょする際には，一度もtwitしていない場合も考慮に入れておいた方がいいよね，というお話でした．

そんなわけで

その辺を踏まえた 「twitomonitor [ついともにた]」 の修正版 （0.1.4） を公開しました．

twitomonitor [ついともにた]

ひとまず，次のようなコードを該当部分に追加することで対処しておきました．

var json = 取得したJSON;
for( var i = 0; i < json.length; i++ ) {
  var friend = json[i];

  // statusプロパティが未定義の場合
  if( ! friend.status ) {
    friend.status = {
      id:         0,
      created_at: ‘’,
      text:       ‘’
    };
  }

  /* … */
}

おわりに

1か月ぶりにコードを見ましたが，もう処理の流れを忘れかけてました orz

やっぱり紙とかに残しといた方がいいかなぁ．．．

はじめに

テキスト上で笑い （ときには嘲笑的意味もありますが） を表すときによく用いられている 「w」．これがついているだけでついついクスっとしてしまいます．（しません？） 「wwwwwwwww」 とかなったときはもう．．．

さて，私もよく ニコニコ動画 を利用する人ですが，その動画の中で流れるコメントの場合，「w」 が笑いを誘う効果がかなり大きくなっているんでないかな，などと個人的に感じていたりします．そんな思いがあってかどうかはさておいて，

この 「w」 を数えてみたらどうなるんだろ？

いつの間にか，そんなことを考え始めていました．

そんなわけで

ニコニコ動画の任意の動画に流れる最近のコメントの中から，「w」 の数を単位時間ごとにカウントしてその結果をグラフにする，そんなものを作ったので公開してみます．

にこぐらふ

中身についてはそのうち．．．ということで，ここでは主な使い方について書いていきます．

「にこぐらふ」 の主な使い方

ブックマークレットを登録する

トップページ右部に 「にこぐらふ生成！」 といったリンクがありますが，これがブックマークレットになります．

これを，ドラッグなり右クリックメニューなりでブックマークやツールバーに登録します．

動画再生ページでブックマークレットをクリックする

先のブックマークレットを ニコニコ動画 の動画再生ページでクリックすると，「動画をエントリする」 ページがポップアップで開きます．

[2008-03-19 07:30] IE だと動作しないっぽいですねぇ．．．ナンカ404とか出るし．今後修正，と．

「動画をエントリする」 ページが開いたら，あとは下の方にある 「この動画をエントリする」 ボタンをクリック．これでエントリ完了です．完了メッセージが表示されたら，このウィンドウを閉じてしまって構いません．

なお，ページ右上部の 「砂時計」 アイコン右の数は，エントリされた動画の数を表しています．

これらの動画に対して，グラフ生成プログラムが順次処理を行っていきます．

グラフが生成された

しばらくすると，グラフが生成されています．（「砂時計」 アイコン右の数が減ることでそれがわかります．）

ちょっと詳細めのページなんかも用意しています．

おわりに

ね，簡単でしょ？ （これを使ってみたかった．．．）

グラフを眺めれば，動画のどの辺りが特におもしろいのか，なんてことがわかるのかもしれませんね．（あくまで 「w」 のみの基準なので一概には言えませんが．．．）

というわけで，よろしければお試しくださいまし．ご意見なんかもぜひぜひ．

はじめに

ついともにた にちょっとした動作を追加して，ver. 0.1.3 としました．

個人的にこんなのがあるといいなぁ，というもののなかで簡単に実現できそうな以下の 2点をとりあえず．

更新時のタイトル表示

ウィンドウが非アクティブなときに更新処理が行われた場合，タイトルが

<モニタ中のお友達数>/<全お友達数（最大100）> @ <時刻> - twitomonitor [ついともにた]

といった感じに変更されるようにしました．タブブラウザであればこれがタブにも表示されるので，他のサイト利用時でも更新の概要が簡単に把握できるかな，と思ってみたり．

更新後に強制的にフォーカスさせる，というのもあったんですが，何らかの作業中にいきなりウィンドウが切り換わるのもねぇ．．．ということで却下しました．

ちなみに，「ついともにた」にフォーカス後10秒くらいで，タイトルは元に戻ります．

つぶやきの拡張表示

「モニタ」のサイズからはみ出して見えなくなっている「つぶやき」を表示できるようにしました （これを「拡張表示」と呼ぶことにします．今だけかも）．「つぶやき」 のテキストをクリックすることで表示・非表示を切り換えられます．

はみ出した部分にURLが含まれていたりしたときにけっこう不便だったので．．．

おわりに

こんな感じでゆるゆるっとやっていきますよ．

はじめに

Twitter でのお友達 （今は following かな？） のつぶやきを一覧するアプリ 「ついともにた」 の新バージョンを公開しました．

twitomonitor [ついともにた]

背景

Kanasan.JS JavaScript第5版読書会 #2 の LT でこのアプリについて発表させていただいた ことで，モチベーションがグッと上がった気がします．

そしてもうひとつ．

みんなの最新updateを一望できる「twitter100」をリリースしました : akiyan.com via kwout

akiyan.com の中の人 が 「つぶやき一覧」 系のサービスを公開されたことですね．この一件がかなり大きいかも．

変更点

ver. 0.1.0 における主な変更点は次のとおりです．

• ログインの単純化．
• 「お友達リスト」 をアイコン表示に．
• 「モニタ」に移動機能を追加．
• JavaScript による実装部分を jQuery ベースに移行．
• それに伴うHTMLの再構成．
• ロゴ．

変更点についての簡単な解説

ログインの単純化

以前から Twitter Reader のログイン方法をステキに感じていたので，同様に，ワンクリックでログインできるようにしてみました．

これには，最近ようやくわかってきた JSONP な手法を使っています．流れとしては次のような感じですかね．

1. 「ログイン」ボタンをクリックする．
2. <script src="http://twitter.com/statuses/friends.json?callback=hogehoge"></script> を生成する．
3. ↑ のソースは hogehoge( json ); といったものになる．
4. ログイン後の処理をあらかじめ定義した関数 hogehoge が実行される．

なお，事前に Twitter にログインしていない場合には，2．の段階で認証のダイアログが表示されるかと思います．Twitter で利用しているニックネームとパスワードを入力すればOKです．（一度済ませたら，ブラウザを閉じるまで（？）は認証不要です．）

「お友達リスト」 をアイコン表示に

テキストよりもアイコンでの方が探しやすいかな？ということで．省スペースにもなりましたしね．

アイコンをマウスオーバーすると，リスト上部にそのユーザのニックネームが表示されます．また，クリックでそのユーザの 「モニタ」 の表示・非表示を切り換えられます．

「モニタ」に移動機能を追加

「モニタ」 右上部の 「←」「→」 をクリックすると，それぞれ左隣・右隣の 「モニタ」 との位置が入れ替わります．

JavaScript による実装部分を jQuery ベースに移行，それに伴うHTMLの再構成

DOM 操作やイベント処理，簡単なエフェクトをすばやく記述できていい感じです．書いてて楽しいですね，ホント．

ロゴ

Twitter っぽいと言われている Pico-alphabet を使いました．（via：twitter のロゴに似ているフリーフォント「Pico-alphabet」 ::: creazy photograph． ）

おわりに

さっそくアプリを使いながら本エントリを書いてますが，さっそくバグが見つかりました＞＜ 自動 （手動でも） 更新後の 「モニタ」 の時間表示がヘンになってますね．今後の最初の課題．．．と．

あと，IE （6 だけ？）で動かない，と言う不具合についてだけは，しばらくの間スルーしますｗ

参考

Twitter!―Twitter APIガイドブック

以前の ついったー名古屋 味仙オフ にて tsupo さん よりいただいた本です．Twitter API を利用して得られるJSONデータのフォーマット関連において特に参考になりました．

• 

  Twitter!―Twitter APIガイドブック

  posted with amazlet on 08.02.14

  辻村 浩
  九天社 (2007/09)
  売り上げランキング: 63745

  Amazon.co.jp で詳細を見る

Main Page - jQuery JavaScript Library

jQuery に関するドキュメントです．

クイックリファレンス 第5版―JavaScript1.5対応

文法や仕様については 本家 に任せるとして，各種オブジェクトのメソッド，それらの動作について素早く知りたいときに重宝します．

• 

  JavaScriptクイックリファレンス 第5版―JavaScript1.5対応

  posted with amazlet on 08.02.15

  David Flanagan 木下 哲也 福龍興業
  オライリージャパン (2007/05)
  売り上げランキング: 18385

  Amazon.co.jp で詳細を見る