閲覧しているﾍﾟｰｼﾞのはてﾌﾞｺﾒﾝﾄ一覧を､ﾌﾛｰﾃｨﾝｸﾞｳｲﾝﾄﾞｳで表示する様なﾌﾞｯｸﾏｰｸﾚｯﾄはありませんでしょうか？現在､chromeでのextensionを用いていま…

はてなﾌﾞｯｸﾏｰｸｺﾒﾝﾄﾋﾞｭｰﾜでｸﾞｸﾞればいろいろでてきます｡

まず､ﾌﾞｯｸﾏｰｸﾚｯﾄは毎回ｸﾘｯｸしないと実行できないので､本当に作りたいものは拡張やﾕｰｻﾞｽｸﾘﾌﾟﾄではないでしょうか？
拡張とﾕｰｻﾞｽｸﾘﾌﾟﾄでは作る手間が結構違います｡ｺﾒﾝﾄﾋﾞｭｰｱ程度のものならばﾕｰｻﾞｽｸﾘﾌﾟﾄのほうが適していると思います｡

適当なﾕｰｻﾞｽｸﾘﾌﾟﾄを見つけたので書いておきます｡
worris’ works - Greasemonkey - はてなﾌﾞｯｸﾏｰｸｺﾒﾝﾄﾋﾞｭｰﾜ
この｢はてなﾌﾞｯｸﾏｰｸｺﾒﾝﾄﾋﾞｭｰﾜ 0.22 (20090824)｣のｺｰﾄﾞを読んで気に入るまで改造してみるのはどうでしょう｡

chromeだとそのままでは動かなかったので以下のように修正すれば動きます｡

ｲﾝｽﾄｰﾙ方法は上記のｻｲﾄからuser.jsを｢名前を付けてﾘﾝｸ先を保存｣からﾀﾞｳﾝﾛｰﾄﾞして､以下のｿｰｽｺｰﾄﾞを上書きして､そのﾌｧｲﾙをchromeのｳｨﾝﾄﾞｳにﾄﾞﾗｯｸﾞｱﾝﾄﾞﾄﾞﾛｯﾌﾟしてｲﾝｽﾄｰﾙしてください｡ｳｨﾝﾄﾞｳの下にﾎﾞﾀﾝが表示されます｡(その際ｳｨﾝﾄﾞｳの幅を広くしておくこと｡また､user.jsをｸﾘｯｸするとgreasemonkey installerなるものが表示されるが現時点では正しく動作せず､実体のJSﾌｧｲﾙがﾌﾟﾛﾌｧｲﾙの奥に格納されるのでｿｰｽ書き換えが面倒｡)

ｱﾝｲﾝｽﾄｰﾙは拡張と同じように行えます｡

// ==UserScript==
// @name Hatena Bookmark Comments Viewer
// @namespace http://worris.sakura.ne.jp/hbcview.html
// @description Show Hatena Bookmark's comments at the bottom of your browser.
// @include http://*
// @exclude http://reader.livedoor.com/*
// @exclude http://www.google.co.jp/*
// @exclude http://twitter.com/
// @exclude http://www.tumblr.com/dashboard
// @exclude http://b.hatena.ne.jp/hotentry*
// @exclude http://b.hatena.ne.jp/entrylist*
// @version 0.22.20090824
// ==/UserScript==


var hbcv = function() {

var w = typeof unsafeWindow != 'undefined' ? unsafeWindow : window;

(function() {
if (self.location.href!=top.location.href) return;
var uri=top.location.href;
var script= document.createElement('script');
script.type= 'application/javascript';
script.charset= 'UTF-8';
script.src= 'http://b.hatena.ne.jp/entry/jsonlite/?url='+escape(uri)+'&callback=showBM';
document.getElementsByTagName('head')[0].appendChild(script);
})();

w.showBM=function(item){

if(item.count!='0'){
var kil_link = document.createElement('div');
kil_link.setAttribute('id', 'kill');
text="<a href='http://b.hatena.ne.jp/entry/"+item.url.replace('#','%23')+"' target='_blank' style='color:red;background-color:#ffcccc;font-weight:bold;font-size:80%;font-family:sans-serif;'>"+item.count+" user"+(parseInt(item.count)>1 ? 's' : '')+"</a> ";
text+="<a href='javascript:(function(){document.getElementById(\"kill\").style.display=\"none\";document.getElementById(\"hatenabm\").style.display=\"none\";})()' style='text-decoration:none;color:white;background-color:indianred;font-weight:bold;font-size:small;border-style:solid;border-width:1px;border-color:crimson;font-family:sans-serif;'>X</a>";
kil_link.innerHTML=text;

var comment='';
for (var n = 0; n < item.bookmarks.length; n++) {
if (item.bookmarks[n].comment) {
comment += "<span style='color:blue;text-decoration:underline;'>"+item.bookmarks[n].user+"</span>: "+item.bookmarks[n].comment+"<br />";
}
}
if(comment!=''){
var spl_link = document.createElement('div');
spl_link.setAttribute('id', 'hatenabm');
spl_link.setAttribute('style','position:fixed;bottom:0px;left:0px;padding-left:5px;padding-top:2px;border-width:0px;background-color:#C9D5F8;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;z-index:9;overflow:auto;width:100%;height:60px;text-align:left;');
spl_link.innerHTML="<div id='comment' style='color:black;font-size:80%;line-height:normal;font-family:sans-serif;'>"+comment+"</div>";
document.body.appendChild(spl_link);
kil_link.setAttribute('style','position:fixed;bottom:62px;right:0px;font-size:80%;border-width:0px;z-index:9;');

}else{
kil_link.setAttribute('style','position:fixed;bottom:0px;right:0px;font-size:80%;border-width:0px;z-index:9;');
}

document.body.appendChild(kil_link);


}
}

};

function evalInPage(fun) {
 location.href = "javascript:void (" + fun + ")()";
}
evalInPage(hbcv);

ﾍﾟｰｼﾞを書き換えたりする技術はjavascript,dom,html,cssあたりがｷｰﾜｰﾄﾞになります｡
javascriptとdomはMozillaのｵﾝﾗｲﾝﾘﾌｧﾚﾝｽが最良です｡

とくにDOM document､DOM element､DOM window あたりが重要です｡

開発者ﾂｰﾙはFirefox + Firebugが一番ｵｽｽﾒです｡Firebugを眺めているだけでDOMの仕組みが分かってきます｡
(Chromeの開発者ﾂｰﾙはまだまだ貧弱)

chrome拡張の作り方は公式のﾄﾞｷｭﾒﾝﾄを参照｡
ﾕｰｻﾞｽｸﾘﾌﾟﾄは､user script,greasemonkey あたりでぐぐってください｡
greasemonkeyは元々Firefox拡張ですが､chrome本体にも取り込まれているので簡単なｺｰﾄﾞなら互換性があります｡しかし機能がいろいろ削られているのでそれを補う拡張(NinjaKit - 0xFF)もあります｡