【はてな】 はてブのブックマーク数を任意のページにインライン表示してみる その2

2006-03-09 00:02
何かはまちちゃんのところとか、はてブのブックマーク数をBlogに表示させるのが流行っているみたいなので、便乗してみます。
# 前にもらったし、トラックバック返しておきますね。

というか、以前にはてブのブックマーク数を任意のページにインライン表示してみるで一度紹介していますが、あの方法ではBlogの記事ページのようにとある1ページのブックマーク数を一つだけしか表示できませんでした。
今回はBlogトップページのように複数のコンテンツがある場合にそれぞれのコンテンツにブックマーク数をインライン表示(シール?)させる方法を紹介してみます。
但し、前回のように単にJavaScriptでwriteするだけだとそこで表示が止まってしまいますし、また毎回APIにアクセスすると全体表示が非常に遅くなってしまうため、CGI経由で複数のブックマーク数をまとめて取得しておいて、後からJavaScriptでインライン表示してみます。
また前回と同じくCGIからJavaScriptオブジェクトやデータを生成して引き渡しますので、クロスサイト・ドメインの制限にはかかりません。
例えばレンタルのBlogサーバーでも別のサーバーのCGIからブックマーク数を取得して表示可能になっています。

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてブのブックマークを自動的にBlogへ投稿するスクリプト

2006-03-04 22:02
しばらくテストで使ってみたんですが、意外に使えそうなので公開してみます。
はてブは基本的にストックじゃなくフローの印象が強くて、僕なんかはオンライン・ブックマークというよりはクリップとコメント書きのために使っています。
但しそのままでは放置ではもったいないので、RSSリーダーに登録することでXML-RPCを使って自分のはてブのブックマークをBlogに投稿するPerlスクリプトを作ってみました。
はてブの内容を自動的にかつ定期的に(場合によっては非定期?)自分のBlogへ転載できます。

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてブのブックマーク数を任意のページにインライン表示してみる

2006-02-20 20:12
Blogなどではありがちな Comment(6) | TrackBack(2) のようなインライン表示をはてブのブックマーク数でも行ってしまうスクリプトです。

20060220035404.jpg

尚IFRAMEは使っていません。JavaScriptとCGI(Perlスクリプト)で実現しています。
一般にはクロスサイト・ドメイン制約の問題がありますが、近頃流行りそうな(?)CGIからJavaScriptオブジェクトやデータを生成して引き渡すことで回避しています。
従ってBlogに限らず、(JavaScriptを書けるのであれば)どんなページにも貼り付けられます。

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 内緒ではてブへの言及を表示できるようにする

2006-02-19 22:16
先日はてブへ言及されたコメント一覧を表示するPerlスクリプトを紹介してみました。
しかし、僕もそうなんですけど、それをそのまま自分のBlogなどで表示するのも気が引ける感があります。
元々はてブのコメントなんて「オルタナティブ」なものだし、そもそも全部の記事にそんなコメントなんて付いていないのに恥ずかしい・・。
でも気になる!
という場合のために、先のPerlスクリプトを使った上で常に表示しておくのではなくてBookmarkletで自分の気が向いた時だけこっそり表示できる方法を紹介してみます。

20060218152313.jpg
*Bookmarkletからの呼び出しで記事に対応して動的にはてブコメントを表示します。

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてなでのFirefox率

2006-02-18 20:52
はてなユーザーのFirefox使用率って、どこかで調査されたりしたものはあるんでしょうか。
もちろん、はてな自身ではある程度把握してるかもとは思いますが。

先日Web拍手1.5の記事ではてブから集中して読まれたんですが、ふと気付くとアクセス解析でFirefoxとIEの利用率でFirefoxがIEを上回ってしまっていました。普段なら1:3〜1:5ぐらいで圧倒的にIEなのに。
恐るべし、はてな。さすがはオ○クの殿堂・・・。

因みにOperaは普段と全然変わってませんでした・・orz


追記(2/19)
このエントリーを受けて、はてな人力検索ではてなユーザーのFirefox率を尋ねて下さった方がいました。ありがとうございました。
結果はFirefox率がやはり高そう、ということですが、この比率は当サイトではてなで取り上げられた直後(昨日とかまさに(^^;)の比率と非常に似通っているため個人的には納得のいくものでした。
一方ではIEとFirefox層の分離を指摘する意見もあるみたいです。
今後は(お○くだし、というのは置いといて)何故はてなでは世間に比べてこんなにFirefox率が高いのかという理由もテーマになり得るかも知れませんね。
posted by ROCA | Comment(0) | TrackBack(1) | はてな

【はてな】 はてブ個人ページのカスタマイズ方法

2006-02-18 19:01
はてブの個人ページを好きなようにカスタマイズする方法。
自分でも忘れちゃうから、覚え書き。

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 OperaではてなのSSL証明書に警告が出る件

2006-02-15 22:09
Operaではてなにログインしようとすると、セキュリティ警告が表示されます。セキュリティレベルが「弱」だという警告です。
実は今までほとんどその警告には遭遇したことは無かったので気になっていたのですが、どうやらパブリックキーの強度不足(The server is using a short public encryption key, which is considered insecure.)を指摘しているようです。

20060215020853.jpg

調べてみると、はてなではRapidSSL(GeoTrust)を使用しており、パブリックキーは512bit RSA/SHAとなっています。
これが問題になっているみたいですね。512bitというのが短すぎるということでしょう。

20060215214920.jpg

他のサイトでは例えばGoogleなどは1024bit RSA/SHAとなっています。確かにこちらの方が一般的な気がしますね。

20060215215410.jpg Googleの場合の鍵アイコン。これで気付いたんですけど、Opera9ではアイコンにも強度が表示されるようになったみたいです。強度は3(強)です。
20060215215625.jpgこちらははてな。強度は1(弱)とされています。強度が足りないとグレーになるんですね。

因みにRapidSSLのサイトでサンプルのSSL証明書を調べてみると1024bit RSA/SHAです。
そもそもパブリックキーのサイズは、証明書要求の際のキー・ジュネレーション時の指定なので、認証局によってポリシーの差異があるとも思えません。
確かに1024bitが普通になってきたのは最近かもしれないので、昔からそうしたオペレーションになっているだけなのかも知れません。
変更コストもかかることではないと思われるので、次のサイクルからは変更してみてはどうでしょうね。
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてブへの言及を記事ページに表示してみる

2006-02-14 21:09
ということで、自分のページへのはてなブックマークによる言及を可視化するために、指定されたページに対するはてなブックマークのコメント一覧を表示するためのPerlスクリプトを書いてみました。
例えば、自分のBlogの記事ページに、対応するコメント一覧を常時表示することもできます。

20060214194447.jpg
* このコメントは架空のものです(^^;

続きを読む
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 わかった、はてなブックマークはWeb拍手1.5なんだよ!

2006-02-14 20:25
既にブックマークとしてはあまりイメージが無いことは明白な気はするのですが、ほぼ現状では、コメントをみんなで共有可能な、共有Web拍手なんじゃないかと思います。
実際、BlogコメントやTBは全然無いのに、やけにはてブコメントだけ盛り上がってるアーティクルもかなり見受けられますし。

コメントやTB送って記事を書くほどじゃないけど、ちょっとコメント残したい/みんなと「コメント」共有したい、という使い方が一般化しつつあるんじゃないでしょうか。
僕なんかは端からそのつもりで使ってますし(はてブ暦5日目ですが)。

追記---
逆に通常のコメントに比べると、
・基本的に匿名コメントではない
・一人1コメントという非常に民主的な運用になる
・なのでまず荒れない(辛らつなコメントが続くというのは別にして)
というところも、逆にコメントされる側からも好ましいのではないかと思われます。
---

# ではWeb拍手2.0とは何か?
それはもちろん、通常のBlogコメントのことです(:P
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてなブックマークのサイドバー・パーツ

2006-02-12 03:10
多分他の人たちも作られてると思いますが、組んでみたので公開してみます。
自分のPostしたコメントを一覧するのが主な目的なので、コメントを入れていない人にはあまり面白くないかも。

@CGI(Perl)で動作しますので、CGIの動くサーバーが必要です。
またLWPやXML::RSSがインストールされている必要があります。
getMyhetebuComments.cgi

#!/usr/bin/perl

use lib qw(../lib); #←ライブラリは適当に変更して下さい。
use LWP::Simple;
use LWP::UserAgent;
use HTTP::Request::Common;
use XML::RSS;

my $maxcount = 10; #←表示件数です。適当に変更して下さい。
my $yourhatena_id="ro-ca"; #←はてなのIDです。自分のIDに変更して下さい。


print "Content-Type: text/html\r\n\r\n";
#ヘッダーも適当に変えて下さい。
print "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n";
print "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\r\n";
print "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"ja-JP\" lang=\"ja-JP\">\r\n";
print "<head>\r\n";
print " <link rel=\"stylesheet\" type=\"text/css\" href=\"(CSSファイル名を指定して下さい)\" />\r\n";
print " <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\r\n";
print " <meta http-equiv=\"Content-Script-Type\" content=\"text/javascript\" />\r\n";
print " <meta http-equiv=\"Content-Style-Type\" content=\"text/css\" />\r\n";
print "</head>\r\n";
print "<body style=\"background-color: #ffffff;\">\r\n";

my $hbUrl = "http://b.hatena.ne.jp/".$yourhatena_id."/rss";

my $title;
my $link;
my $desc;
my $rss_data = get($hbUrl);
my $rss = new XML::RSS;
$rss->parse($rss_data);

my $cnt = 0;
foreach my $item ( @{$rss->{'items'}} ) {
if($item->{'link'} ne "") {
$title = $item->{'title'};
$link = $item->{'link'};
$desc = $item->{'description'};
print "<a href=\"$link\" style=\"font-size: 0.8em;\" target=\"_blank\">$title</a><a href=\"http://b.hatena.ne.jp/entry/$link\" target=\"_blank\"><img src=\"http://b.hatena.ne.jp/images/entry.gif\" border=\"0\"></a><div style=\"font-size: 0.8em;\">&#x300e;$desc&#x300f;</div><br />";
}
$cnt++;
if($cnt >= $maxcount) {
last;
}
}
print "</body></html>\r\n";


Aサーバーにアップして、適切な権限を設定しておきます。

BIFRAME内などに呼び出してやればOKです。
例えばSeesaaの場合だと、管理画面から「自由形式」のコンテンツに以下のようなHTMLコードで呼び出せます。

<iframe name="hatebu" width="165" height="500" frameborder="0" src="getMyhetebuComment.cgiへのパス" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="false" scrolling="yes"></iframe>



Seesaaでは直接CGIを置いたりできないのでIFRAMEでの呼び出しにしましたが、SSIが使える環境などであれば、SSIに改造しても綺麗でしょう。
適当に改造して使って下さい。
posted by ROCA | Comment(0) | TrackBack(0) | はてな

【はてな】 はてブ デビュー

2006-02-10 21:14
はてなブックマーク(以下、はてブ)って面白いのかな、と思い使い始めました。
おかげで、初めてはてなのアカウントも取りました。

少し触って思うのは、これは「ブックマーク」じゃないんですね。
本来ソーシャル・ブックマークというのは「みんなでいいコンテンツを共有して(Share)まとめて(Stock)お勧めする(Suggest)」というのが、そもそものスタートだと思うのですが、もはやはてブはストックではなく、フローですね。
日々大量に情報が流れ追いつくのも容易ではないインターネットの物量の前にあっては、ストックとしては機能せずフローとしての価値のみを残した、というところでしょうか。
何となく、Knowledge Baseというか、ありがちな企業の情報共有管理の行く末にに似ています(^^;

シェアしてサジェストする、という部分もこれに引きづられ、またコメントという便利な機能によって、今やインターネット・コンテンツの評価マシンとしては超一流ではないかと思います。
実際、掲示板的に使ったり、評価に絡んでもめごとも起こったりしてるみたいです。


かくいう僕も実はブックマークと言うより、情報と評価の寄せ集めに興味があって使い出したりしています。
(よって、タギングとかあんまり興味が無かったりします)
そんな観点からは使い難さを感じたもので、はてなアイデアに要望を出してみました(^^;
他にも同じ要望があったら、ごめんなさいですが(検索機能も付いてないから、調べられないし・・)。
posted by ROCA | Comment(0) | TrackBack(0) | はてな