極私的脳戸／日々の与太

07/07/12/: 本日の、我ながらご苦労様／はてすたも勢いで導入したのだぁ

最終更新:2007-07-12 05:33:59

勢いで昨日公開されたはてなスター（以下「はてすた」）も導入してみた。アメリカのHatena inc.でも同時にHatena Star公開されたということで、めでたいではないか。まぁ、僕にはあんまり関係ないけれど。

気に入った記事に投票するという、基本的にはWeb拍手みたいなサービス。それに加えて、☆をつけたユーザもはてすた利用者だと1ヶ月間「Star Friend」という関係になるのだそうな。Star Friend同士だとコメントのやりとりができるようになる、というコミュニケーション機能がWeb拍手とは異なるということになるんだろうか。

ページ全体がブラウザに読み込まれたあとにならないと表示されないってあたりが、うちみたいに重いページでは難アリというところかもしれないし、すでに「ざぶとん」による人気投票みたいなの*1 が設けてあるのとかぶってしまうし、なのだけれど、まぁ他のブログさんと共通の機能を使うというのはなんとなく気分のよいものだ。

ということで、ページの読み込みが終わったら、エントリタイトル下にうっすらと表示されている☆ボタンをば、閲覧諸賢は果敢にクリックしてくれ給へ。

NucleusCMSでのはてすた設置方法

とはいえ、はてすたはうちで使っているNucleusに正式対応してくれていない。☆マークをつけてもらうだけなら、問題なくホイホイと使用できるのだが、売り線になるはずのコメントのやりとりがマンマだとうまくいかない。はてさてどーしたものかと悩んでいたら、「Nucleusのはてすた対応」（NP_cles()）の記事が早速登場。ありがたく参照させていただいた*2 。

Nucleusのカスタマイズに不慣れなユーザさんだと多少わかりにくい、というか、僕がわからんちんだったために、理解するまでちょいと時間がかかっちゃった部分をメモ、補足させていただく。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '（はてなのサイトから指定されたトークン）';
Hatena.Star.EntryLoader.headerTagAndClassName = ['h3','title'];
</script>

まず「はてなのサイトから指定されたトークン」。これははてなのIDを持っていないといきなりの話でピンと来ないんじゃないかしら。「はてなスターはじめてガイド」を見ただけじゃわからないことはたしか。だからして、まずはてなのIDを取得すること。取得の仕方はどうだったか忘れたけれど、そんなむずかしいものじゃないはず。はてなのサービスのどれかを利用しようとすればわかる。たぶん、はてすたを利用しようとした際にだってできるんじゃないかしら。よく知らんけど。

で、自分のはてすたページ、たとえば僕だとはてなスター > Neanを開いて*3 、そのページ右上の「Blogs」をクリックして「外部のブログサイトを登録する」のフォームに、自分のブログのURIを書き込む。すると、ブログの<head>～</head>部分に書き込むべきコードが表示される。それが、上に引用したコードのHatena.Star.EntryLoader.headerTagAndClassName = ['h3','title'];を除く部分になる。

で、残るHatena.Star.EntryLoader.headerTagAndClassName = ['h3','title'];の部分。どこでhsurさんがこれをお調べになったのかは知らないんだけど(^_^;、このコードの最後の部分（['h3','title'];）の説明が、僕には最初ピンと来なかった。いったんピンと来るとなんでわからなかったかわからないくらい明晰な説明をなさってくださっているのに、はれほれ、我ながら情ない、といった個人的感慨はさておき、だ。

'h3'は、個別エントリのタイトル部分で使用されているhtmlタグ。'title'は、そこで指定されているCSSのクラス。「titleって<%title%>タグのことかしらん？*4 」などとすっとこどっこいなことを考えてはまってしまったのだった。あぁ、恥ずかしい。与太では、エントリタイトルはh3のhtmlタグで、CSSではpost-titleクラスが指定してある。だから、この部分は、Hatena.Star.EntryLoader.headerTagAndClassName = ['h3','post-title'];とすることになる。

で、めでたしめでたし。

アメリカのhatena inc.からはじまったこのサービス、うまくいくといいね。