はてなブラックスター

2008/07/05

はてなブラックスターつくってみました！

(追記) 2009年修正版があります！ → はてなブラックスター (2009年修正版)

★ これはなに？ ★

はてなブックマークのコメントに、黒い星をつけられます！かわいいですね！

はてなブラックスター

★ どうやって使うの？ ★

(Firefoxでつかう)

Greasemonkeyをインストール！
hatena_black_star.user.jsをインストール！
(Firefoxバージョン3.0とかそれ以前の人は → ) hatena_black_star_f3.user.jsをインストール！

(Sleipnirでつかう)

SeaHorseをインストール！
Sleipnir オプション → クライアント → 全般 → 「スクリプトによるクライアントの操作を許可する」にチェック！
hatena_black_star.user.js を右クリック保存！
保存したファイルを (Sleipnirインストールフォルダ)\plugins\seahorse\ にコピー！

(IEでつかう)

Trixieをインストール！
hatena_black_star.user.js を右クリック保存！
保存したファイルを (Trixieインストールフォルダ)\Scripts\ にコピー！

(Operaでつかう)

ツールメニュー → 設定 → コンテンツ → 「JavaScript を有効にする」にチェックして、「JavaScript オプション」ボタンを押す
ユーザー JavaScript ファイルに、適当なフォルダを指定する ※例 (Operaインストールフォルダ)\userjs
hatena_black_star.user.js を右クリック保存！
保存したファイルを、さっき指定したフォルダにコピー！

★ ちゃんと動かないんだけど… ★

WindowsのFirefox2,3とSleipnir(IE6)とOpera(9.5)でしか動作確認してませんすいませんごめんなさい＞＜
もしMacとかでなんかおかしかったら、適当に直して修正版うｐしてください！

★ 表示がちょっと重いかも…！ ★

はてなにはJavaScriptのすごい人たちがいるから、きっと誰かが軽量版つくってくれるはず…！

★ はてブ以外にも黒いのつけたい！ ★

はてなスターのしくみが、ぼくには難しすぎてむりなんです…！
きっと他の人がつくってくれますよ！

インストールできたひとは、この日記のブックマークで実験してみるといいんじゃないかな！ → 実験場
ぶら★すたって呼んで、かわいがってあげてくださいね！

★ 追記 ★

(2008/07/07) バージョンアップして互換性なくなっちゃいました…！
(2008/07/09) ブックマークコメントだけじゃなくエントリーに対してもかわいい★がつくようになりました！
(2009/09/04) 動かなくなっていたので修正しました！ → はてなブラックスター (修正版)

(この日記をはてなブックマークに追加)

Permalink | コメント(15) | トラックバック(3)

コメント一覧

javascripter 2008/07/05 19:08 こんにちは！このスクリプトいいですね！
85行目の(this.unsafeWindow || window)は、
本体が評価されるのがWebページ上なので
(window)だけでいいと思います！

Hamachiya2 2008/07/05 20:20 なるほど！ありがとう！

salmonsnare 2008/07/05 22:54 ネタ化頑張ってらっしゃいますね…！＞＜

それでこそ、はまちや2さんです。創造力に任せて、どんどんおもろいことやってください！

JavaScriptをどんどん理解されているようだから、Firefoxの深い部分からもアプローチして何か出来るのでは…！？

gensyokuneon 2008/07/06 00:39 素晴らしい機能を追加していただいて有り難う御座います＞はてな社員はまちや氏

ブクマコメントだけでなく、エントリーにもブラックスターを付けられるようになるとすごく楽しいインターネットになりそうです。

Hamachiya2 2008/07/06 16:04 はい！こんにちは！！
トラックバックにある「枕を欹てて聴く - Black Star for Haiku」 http://d.hatena.ne.jp/Constellation/20080705/1215267508 さんのコードをみて、ちょっとだけなおしました！
(普通のスターがロード済みかどうか、Hatena.Star.EntryLoader.loaded でチェックするようにした)

Hamachiya2 2008/07/06 16:14 やっぱり元にもどした。
なんかキャッシュとかの具合(?)によっては、ちゃんとブラックスターがロードされないみたいだったから。

Hamachiya2 2008/07/06 21:28 Opera用のもつくっといたよ！
あ！でも、全部ひとつのファイルで、ブラウザによって振り分けるようにしといた方がよかった！！！

Constellation 2008/07/06 21:44 Hatena.Star.EntryLoaderはfinishLoad()でTen.jsのイベント’load’をdispatchしているので、addEventListenerでクロスブラウザで引っ掛けることができます。
こんな感じでしょうか。
http://utatane.tea.googlepages.com/hatena_black_star.user.js

ただ、自分のハイク用のものは、下のページボタンをクリックされてloadEntriesByConfig関数が利用されるのでloadEntries関数を上書きすることができなかったのと、’load’イベントが複数回発生するので、捕まえるのを間違って誤作動するのを防止するためと、Hatena.Haiku.Pagerの’loadEntries’イベントから渡されるdiv(追加したページデータ)を取得したかったためから、この方法は使っていません。
一回しかブラックスターをロードする予定がないならこれで大丈夫だと思います。

Hamachiya2 2008/07/06 23:17 なるほどなるほど！どうもありがとう！！

Hamachiya2 2008/07/06 23:24 ところでこれ、http://b.hatena.ne.jp/keyword/(bookmarkのurl)にスター入れてるだけなんだけど、ほんとなら、もっとなんていうか、プロキシ的に働くURLを使いたかった感じ。
なぜならスターって、元々の記事にある言葉しか引用できないから、だから、http://(プロキシ的url)/(bookmarkのurl)のような形で、元々の記事が表示されるようなサービスがあればそれを利用すれば良かったんだけど、いいのがなかった。
候補はみっつあったんだけど…。
1. はてなモバイルゲートウェイ … これは、はてブコメントのパーマリンクを渡しても、変に変換されてしまって、古い記事を表示せずにbookmarkユーザーの最新bookmarkを表示しようとするのでNG
2. Googleモバイルゲートウェイ … はてなのアドレスを渡すと、はてなモバイルにリダイレクトされてしまうのでNG
3. Google翻訳(en→ja) … なんか変にリダイレクトされちゃうからNG

他にもあるだろうけど、hatenaかgoogleか、あるいは、なるだけ大きめのところでそういうサービスがあれば、現行のkeywordにスターいれる仕様から変更したいんだけど、どこかないかなあ。

Hamachiya2 2008/07/07 00:26 天才あらわる…！

Constellation 2008/07/07 00:28 ただ、それだとブラックスターがついたことが、つけられた人にわかるのが難点です。

Hamachiya2 2008/07/07 01:29 うん、それはいいんじゃないかな！
スターフレンド(?)になってしまうのは、いただけない局面もあるかもしれないけど…

Hamachiya2 2008/07/07 13:45 IEでも動くみたいなので追記！

catena-takamura 2008/08/20 07:45 こんにちは！
MacOS10.3.9のFirefox2で『ぶら★すた』無事に動きました～。
以上、ご報告です。ありがとうございます！