Yahoo-Widget

会社からではLingrTickrが動かない件。wiresharkでパケットを取得して内容を見て見ました。結果は以下のような感じ。 入室までは問題なし observeAPI実行後にPage Not Foundが返ってきてしまっている G E T h t t p : / / w w w . l i n g r . c o m / a p i / r o o m / o b s e r v e ? s e s s i o n = f N J H B 8 h d L 3 z & t i c k e t = a - r - 9 a O e N v Y K V C 4 - 9 w A g e G 6 7 Y s l & c o u n t e r = 1 9 7 4 6 0 4 5 H T T P / 1 . 1 C o n t e n t - T y p e : a p p l i c a t i o n / x - w w w - f o r m - u r l e n c o d e d U s e r - A g e n t : M o z i l l a / 5 . 0 ( W i n d o w s ; U ; W i n d o w s N T 5 . 1 ; e n - U S ) H o s t : w w w . l i n g r . c o m P r o x y - C o n n e c t i o n : K e e p - A l i v e H T T P / 1 . 1 2 0 0 O K V i a : 1 . 0 C o n t e n t - L e n g t h : 7 0 4 4 D a t e : M o n , 0 3 D e c 2 0 0 7 0 3 : 5 7 : 0 2 G M T C o n t e n t - T y p e : t e x t / h t m l ; c h a r s e t = u t f - 8 C a c h e - C o n t r o l : n o - c a c h e S e r v e r : l i g h t t p d / 1 . 4 . 1 3 クライアントが出しているリクエスト自体はまっとうなものだと思うので(自宅では動くし)、これはProxyサーバー(某企業のいけてないProxyサーバーの旧バージョン・・・)の問題っぽいなぁという感想です。これはもう社内のProxyサーバー経由のアクセスはあきらめようかなと思います。社内勉強会の際にはLingrTickerだけPHS経由にすることでお茶を濁せばいいか・・・。 ...

LingrTickrを改造してパスワード付のルームに入出できるようにしました。このくらいが勉強にはちょうどいい難易度だろうと思ってやってみたのですが、あきれるほど簡単に実施できてしまいました。私がすごいんじゃなくて、Yahoo!ウィジェットがすごいんです。普通にHTMLを書くような感覚でXMLファイルにタグを書き込んでおけば、レイアウトも勝手にやってくれるし、設定の保存も勝手にやってくれるし、プログラムから入力された値にアクセスするのも非常に楽チンだし。これは本気でいろいろ簡単に作れそうですわ・・・。 これからも勉強がてら、どんどん改造していって自分でも公開・・・してみたいのですが、Yahoo!ウィジェットのライセンスがどのような形態になっているのかがわからず、オリジナルの製作者の連絡先(e-mailアドレスとか)もわからず。まぁ、これは勉強だけにとどめておいて、自分で一からオリジナルのものを作ればいいかな。

ソース読み 今日はYahoo!ウィジェットエンジン リファレンスガイド を参照しつつ、LingrTickerのソースコードを読んでみました。あらかた理解できた気がします。JavaScript面白いかも! さしあたっての改造としては、Lingrのパスワードを設定したルームへの対応あたりをやってみようかなぁと考え中です。結構簡単にできそうな感じです。 会社でうまく動かない件 今日はネットワークからトレースしてやる!・・・と思っていたのですが、時間がとれずそこまでできませんでした・・・。とりあえずDebugModeをOnにしたところ以下のようなメッセージが出力されました。 Y a h o o ! ウ ィ ジ ェ ッ ト エ ン ジ ン （ 4 . 0 . 6 ( b u i l d 1 8 5 ) ） へ よ う こ そ 。 「dom has no properties」とのことです。これはstatusは200でHTTP上では正常にXMLを取得できたはずなのに、ふたを開けてみたらきちんとXMLが取れていなかった・・・ということなのかな?パケットを取得すればわかるのではないかと思うので月曜日のお昼休みにでもやってみよう。

私の部署が主催して、2週間に1回社内勉強会を実施しています。そのなかで是非もっと参加者からの反応を引き出したい!ということで前回私が担当のときにYahoo!ウィジェット|http://widgets.yahoo.co.jp/]]の[[LingrTickrをつかってニコニコプレゼンをやろうと試みました。 LingrTickr - 誰でもニコニコメソッドプレゼン (nakatani @ cybozu labs) ですが、いざやろうとしてみると、はじめの数秒〜数十秒はうまくメッセージが流れるものの、その後はまったくメッセージが流れなくなってしまい、結局うまく使うことができませんでした。 その後、更新もされていないようですし、ほかにも同じことができるようなツール(AIR でニコニコメソッド プレゼン - てっく煮ブログ)があるようなのでLingrTickrには見切りをつけてもよかったのですが、このあたりの技術に疎い私にはいい勉強になるのではないかと思い、改造して自分の環境でうまく動くようにしようと思い立ちました。しばらく時間がかかるとは思いますが・・・。 Yahoo まずはYahoo!ウィジェットが何者なのか、どのように開発できるのかから調査です。 Yahoo!ウィジェット - 開発ツール Yahoo!ウィジェットエンジン リファレンスガイド ウィジェット クリエイション チュートリアル ウィジェット コンバータ とりあえず、ウィジェットコンバータにてすでに提供されている既存のウィジェットを変換して、ソースを取り出すことができるようなので、直接ソースを見ることでずいぶん勉強できそうです。 Lingr 次に、チャット部分のLingrです。LingrのAPIを利用しているはずなのでこちらも情報収集。 Lingr > Developers Lingr > Developers > Manage API keys ここでAPIのKeyを取得できました。 Lingr Developer Wiki 開発用のドキュメントはここにまとまっています。 Lingr Group on Hatena はてなにLigr Groupがあり、ドキュメントの日本語訳がありました。 これだけ材料があれば、あとはJavaScriptの部分も調べながらなんとかいじれそうです。 ・・・と。ここまで調べながら再度LingrTickrの動作チェックをしていたら、LingrTickrが自宅では正常に動作することに気がつきました・・・。 どうやら会社でうまく動かないのは何かほかに原因があったようです。非常に怪しいのはProxyか・・・。会社で再度動作させてネットワークトレースを実施してみようと思います。(後日) でも、ここまで調べたのでせっかくなのでソースは全部読んで理解してみようと思います。自分でもなにかWidgetを作ってみてもいいですね。Yahoo!ウィジェット、結構面白そうです。

ウィジェット クリエイション チュートリアル とりあえず読みました。かなりわかりやすく書いてあって好印象です。日本語ですし。そしてかなり簡単にウィジェットが作成できることがわかりました。何か作ろう。