pooneilの脳科学論文コメント

■ はてなブックマークウィジェットをちょっといじってみた

細胞外記録のエントリがけっこう多くブクマされたので、この機会にはてなブックマークウィジェットを入れて使ってました。しかし、いちいちブログのタイトルが表示されるとか、昔のhtmlで作ったエントリが表示されるとか使い勝手が悪かったので「はてなブックマークウィジェットをhackする」をちょっと改変して使ってます。

Javascriptをいじったのははじめてなので、文字列処理の仕方とかをwebでチラ見してとりあえず完成。使える技が'split'しかないわたしw もっとマシな方法があるんでしょうけど、とにかく動いたのでこれ以上追求しないでおきます。コードを貼ってみた。

<!-- 20080806 参考：http://www.h-fj.com/blog/archives/2007/12/02-093206.php -->
<!-- a[4]をチェックして*.phpのファイルだけ表示する(古いhtmlは表示しない) -->
<!-- c[4]をチェックしてpermalinkのファイルだけ表示する(アーカイブファイルは表示しない) -->
<!-- 人気エントリの数が増えてきたらdata.lengthを8とか(10以下)に決めうちにする -->
<script type="text/javascript">
//<![CDATA[
var SimpleHBWidget = {};
SimpleHBWidget.showBookmarkList = function(data) {
var i, j, html;
html = '<p>' + SimpleHBWidget.title + '</p>';
html += '<ul>';
for (i = 0, j = data.length; i < j; i++) {
a = data[i].link.split(".");
b = data[i].title.split(":");  <!-- ブログタイトルを削る。matchのほうがよいけど -->
c = data[i].link.split("/");  <!-- permalinkだけに絞る。カテゴリーアーカイブを除く -->

entryurl = '<a href="http://b.hatena.ne.jp/entry/' + data[i].link + '"><img src="http://b.hatena.ne.jp/entry/image/' + data[i].link +'"></a>';

if (a[4]=="php" & c[4]=="permalink"){
html += '<li><a href="' +data[i].link + '">'+ b[1] + '</a> ' + entryurl + '</li>';
}
}
html += '</ul>';
document.getElementById(SimpleHBWidget.id).innerHTML = html;
};
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
SimpleHBWidget.title = '<a href="http://b.hatena.ne.jp/entrylist?url=http://pooneil.sakura.ne.jp/&sort=count"><img src="http://b.hatena.ne.jp/images/widget/favicon.gif">当ブログの人気エントリ</a>';
SimpleHBWidget.id = 'hatena_count';
//]]>
</script>
<script type="text/javascript" src="http://b.hatena.ne.jp/entrylist/json?url=http%3A%2F%2Fpooneil.sakura.ne.jp%2F&sort=count&callback=SimpleHBWidget.showBookmarkList"></script>

ちなみにブクマはふだんは自分では使ってません。Web上のエントリってすぐ消えるし。ブログが盛んになったから状況は変わるような気がしていたが別にそんなことはなかったぜ！でも人気エントリを見るのは大好き。非モテとかメンヘルとかネタとか揉め事とかそんなのばかり見過ぎです俺。

細胞外記録のエントリはけっこう多くブクマされたけど、じつは来訪者数はいつもとあまり変わりませんでした。いろいろナゾだ。