Entries in 2007/05

Yahoo! PipesのJSONP呼び出しを利用してエントリページにソーシャルブックマークのコメントを表示

指定したURLに関するソーシャルブックマークのコメントをまとめて取得するAPIをYahoo! Pipesで作った(管理人日記) – むぅもぉ.jp

上記エントリにて紹介されているYahoo! PipesのAPIを利用して,エントリページに表示するブックマークコメントにはてなブックマークだけじゃなくdel.icio.usとlivedoorクリップのものも含めました.del.icio.usには指定URLのコメント一覧をJSONPで取得するAPIがないので困っていたところです.ようやくYahoo! Pipesの便利さを実感できるところまできました.

確認はこちらで : 色んなところにfaviconを – cameraLady

コールバック関数はこんな感じにしています.予めエントリページに「sbm」というidの空のdivを埋めておいて,そこにブックマークコメントをブチ込んでいます.

function hundleSBM(data) {
        if(data) {
                var sbmtitle = document.getElementById("sbmtitle");
                sbmtitle.appendChild(document.createTextNode("ブックマークコメント"));
                sbmtitle.style.display = "block";
                var ul = document.createElement('ul');
                for (var i=0, post; post = data.value.items[i]; i++) {
                        if(post.comment != "") {
                                var li = document.createElement('li');
                                var a = document.createElement('a');
                                a.setAttribute('href', post.link);
                                a.appendChild(document.createTextNode(post.author));
                                li.appendChild(a);
                                li.appendChild(document.createTextNode(" " + post.description));
                                ul.appendChild(li);
                                var faviconurl;
                                if(post.link.search(/^http:\/\/b\.hatena\.ne\.jp/) == 0) {
                                        faviconurl = 'http://b.hatena.ne.jp/';
                                } else if(post.link.search(/^http:\/\/del\.icio\.us/) == 0) {
                                        faviconurl = 'http://del.icio.us/';
                                } else {
                                        faviconurl = 'http://clip.livedoor.com/';
                                }
                                li.setAttribute('style', 'list-style-image: url(' + faviconurl + 'favicon.ico)');
                        }
                }
                document.getElementById("sbm").appendChild(ul);
        }
}

むぅもぉ.jpのぷーるさん,ステキなPipeをありがとうございます!自分でも色々なPipeを作ってみたくなったよ!

WordPressのテーマ作りに挑戦

兼ねてからやりたいと思っていて,計画だけは昨年末くらいからありましたが,今月に入ってからようやく作業に取り掛かることができました.そして今日,(無事に?)テーマの変更を完了しました.まだまだ直さなきゃいけないところがありそうですが… ボチボチ手を入れましょう.

screenshot

自作テーマでは,エントリページにはてなブックマークのコメントを表示させるようにしました.ほとんどブックマークされることもないブログにそんな機能を持たせても仕方ないですが,JSONPの勉強になったのでヨシとします.試しに以下のページを開いてみてください.

色んなところにfaviconを – cameraLady

同じ仕組みでdel.icio.usのブックマークコメントも表示させたいのだけど,del.icio.usのJSONのAPIじゃエントリのブックマークコメントは取れないんだなァ.色々と考えなきゃいけません.とは言え,今回のテーマ作りを通じて少し技術的な理解も深まったので,今後はGoogle AJAX Feed APIYahoo! Pipesもどんどん活用して楽しみながらcameraLadyを運営していこうと思います.

最後に,Web上に様々なログを残してくれている皆さんに感謝の意を述べます.ボクひとりでは何もできません!ありがとうございます!

今週は色々と勉強になった

Subversion

Subversionの設置から導入までをやった.仲間との開発作業を通じて,Subversionを使うメリットを改めて体感した.導入中のGreasemonkeyスクリプトもSubversionで管理するようにして,複数PC間で同期を取れるようになってすごく便利だ.

LingrTickr

研究室のゼミ中にLingrTickrを試した.みんなでプログラミングの勉強をしながら,分からないところはLingrで質問し,分かる人が答える形を取った.ノウハウが共有されるし,ログが残るしいい感じ.ゼミの担当者さんが色んな仕掛けを考えていて面白い.次回も楽しみだ.

LingrTickrを起動したマシンをプロジェクターにつないで,ニコニコ風に質問や回答が流れる体験は新鮮だったなぁ!

Google Analyticsの新インタフェース

Google Analytics Help Center – Google Analytics Update

ボクのアカウントでも新しいインタフェースが使えるようになりました!すごく見やすくなりましたね.

このサイトはタグでの検索結果ページがアクセスの上位を占めているなぁ.検索エンジンの影響かな.こうしてまたボクはGoogleに自サイトの詳細な情報を提供しているわけだ.

Synergy使用時にキーボードショートカットで画面の切り替え

Windows版のSynergyはGUIでオプションを設定できる.他のOS版だとsynergy.confを書かないとダメみたい.

「Ctrl+1」「Ctrl+2」で「左の画面へカーソルを移動」「右の画面へカーソルを移動」できるようにHot Keysを設定した.これでマウスに手を伸ばしたくないときもキーボードだけで2つ(もしくはそれ以上)の画面を行ったりきたりできる.

最初は「Win+j」「Win+k」に当ててみたりしたけれど,Winキーを押したときの挙動がどうにも不安だったからやめた.