それは一羽のモズから始まった

アラフォーおやじの鳥とトンボのブログ。メインフィールドは淀川河川敷

はてなスターをプロフィールアイコンにする方法

最初に、今日のエントリーは鳥とは関係無いです。

以下をサイドバーに貼れば、はてなスターをプロフィールアイコンに変換して表示*1してくれます。
誰がスターくれたかが分かりやすくなってすごくいいと思うので、みんなで導入しようよ!(;^ω^)

<script type="text/javascript">// <![CDATA[
(function(){
	var COLOR = true;
	if (this.Hatena && this.Hatena.Star){
		Array.prototype.slice.call(document.getElementsByClassName('hatena-star-star')).forEach(function(img){
			var color;
			if (/^[a-zA-Z][-\w]{1,30}[a-zA-Z\d]$/.test(img.alt)) {
				if (COLOR && (color = (/star-(\w+)\.gif/.exec(s.src)||[])[1]))
					img.style.border = '2px solid ' + color;
				img.src = Hatena.User.getProfileIcon(img.alt).src;
			}
		});
		var pushStars = Hatena.Star.Entry.prototype.pushStars;
		Hatena.Star.Entry.prototype.pushStars = function(stars, color){
			stars = stars.map(function(star) {
				var image = Hatena.User.getProfileIcon(star.name);
				image.alt = star.name;
				if (COLOR && color) image.style.outline = '2px solid ' + color;
				star.img  = image;
				return star;
			});
			pushStars.call(this, stars, color);
		};
		var showName = Hatena.Star.Star.prototype.showName;
		Hatena.Star.Star.prototype.showName = function(e){
			this.screen_name = this.name;
			showName.call(this,e);
		};
	}
})();
// ]]></script>

via
はてなスターの星をプロフィールアイコンに置き換えるGreasemonkey Script - 0xFF
参考といえば聞こえはいいですが、これはもうパクったレベルですね…(;^ω^)

っていうか

はてなブログのオプションで、はてなスターをプロフィールアイコンにして表示するかどうか、選べてもいい様な気がするんだけど。それくらい、個人的にはこのGreasemonkeyスクリプト気に入っています。

*1:クリックした時点では、通常のスター画像のままです。