>> 
はてなブックマークをインクリメンタルサーチする Hatebu IncSearch 1.10.0
 >> 
はてなブックマークをインクリメンタルサーチする Hatebu IncSearch 1.10.0

スポンサーサイト

  • このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークをインクリメンタルサーチする Hatebu IncSearch 1.10.0

  • このエントリーをはてなブックマークに追加

はてなブックマークとの同期 - Hatebu IncSearch 1.10.0

また腱鞘炎になった管理人です。一度起こるとなかなか治らないんですよね・・・


自分のアカウントのはてなブックマークとの同期を行いタイトル、コメント、タグからインクリメンタルサーチを行えるアドオンをインストールしました。




Hatebu IncSearch 1.10.0

Hatebu IncSearch」は、はてなブックマークをインクリメンタルサーチする アドオンです。

Hatebu IncSearch :: Add-ons for Firefox

自分のアカウントのはてなブックマークとの同期を行い、新しいタブに表示し、タイトル、コメント、タグからインクリメンタルサーチを行い、AND検索、NOT検索、OR検索で絞込み検索ができ、一致したキーワードをハイライト表示されます。JavaScript、CSSで表示をカスタマイズもできます。

インクリメンタルサーチ(incremental search)とは、アプリケーションにおける検索方法のひとつ。検索したい単語をすべて入力した上で検索するのではなく、入力のたびごとに即座に候補を表示させる。逐語検索、逐次検索とも。

- インクリメンタルサーチ - Wikipedia -



はてなブックマーク http://b.hatena.ne.jp/

はてなブックマークでもインクリメンタルサーチは可能ですが、「Hatebu IncSearch」は設定やカスタマイズによって自分好みにはてなブックマークを表示、検索する事ができ、ショートカットキーで操作が行えるのがお気に入りです。但し "タグ一覧" などは表示されません。

▼ はてなブックマークのインクリメンタルサーチ

Hatebu IncSearch


使用方法は以下から




はてなブックマークとの同期

はてなブックマークとの同期 - Hatebu IncSearch 1.10.0

Hatebu IncSearch」をインストールしたら、ツールバー >> カスタマイズ から "Hatebu IncSearch ボタン" をツールバーに表示します。



▼ 同期が終わるとブラウザに下記のようなアラートが表示されます

はてなブックマークとの同期 - Hatebu IncSearch 1.10.0

はてなブックマーク にログインした状態で "Hatebu IncSearch ボタン" をクリックするとはてなブックマークとの同期を行います。(ログインしていないと認証エラーになります)



はてなブックマークとの同期 - Hatebu IncSearch 1.10.0

同期が完了すると自分のアカウントのはてなブックマークが下記のように表示されます。
私はツールバーに表示したボタンが邪魔なのでこのページをブックマークに登録して使用しています。




検索方法

検索方法 - Hatebu IncSearch 1.10.0

検索ボックスにキーワードを入力するとインクリメンタルサーチを行い、"タイトル、コメント、タグ" から一致したキーワードを含むブックマークが表示され、一致したキーワードはハイライト表示されます。



AND検索
キーワードA と(AND) キーワードB を含むブックマークを表示します。

キーワードAキーワードBの間に半角スペースを入れます。

検索方法 - AND検索 - Hatebu IncSearch 1.10.0

上記の場合、「あとで読む(キーワードA)」「css(キーワードB)」が含まれるブックマークが表示されます。

検索方法 - AND検索 - Hatebu IncSearch 1.10.0




OR検索
キーワードA か(OR) キーワードB を含むブックマークを表示します。

キーワードAキーワードBの間にスペースを入れずに|を入れます。

検索方法 - OR検索 - Hatebu IncSearch 1.10.0

上記の場合、「あとで読む(キーワードA)」「jQuery(キーワードB)」が含まれるブックマークが表示されます。

検索方法 - OR検索 - Hatebu IncSearch 1.10.0




NOT検索
キーワードA を含むブックマークから キーワードB を含むブックマークを取り除いて(NOT)表示します。

キーワードAの後にスペースを入れて!キーワードBを入れます。

検索方法 - NOT検索 - Hatebu IncSearch 1.10.0

上記の場合、「あとで読む(キーワードA)」を含むブックマークから「css(キーワードB)」を含むブックマークを取り除いて表示します。

  1. 「あとで読む(キーワードA)」で絞り込んだブックマークから

    検索方法 - NOT検索 - Hatebu IncSearch 1.10.0

  2. 「css(キーワードB)」を取り除きます。

    検索方法 - NOT検索 - Hatebu IncSearch 1.10.0




設定

設定 - Hatebu IncSearch 1.10.0

検索ボックスの右隣に設定が用意されています。

  • sync
    はてなブックマークとの同期を行います(要ログイン)
  • setting

    設定 - Hatebu IncSearch 1.10.0

    • Number of results - 検索結果で表示されるブックマークの数です。
    • Size of input area - 検索ボックスのサイズです。
  • help

    設定 - Hatebu IncSearch 1.10.0

    ショートカットキーの一覧です。

    [Ctrl]+[Up]、[Ctrl]+[Down]、[Ctrl]+[Enter] or [Ctrl]+[m]、[Ctrl]+[e] は選択ブックマークの動作。選択ブックマークはデフォルトで背景がグレー、ブックマークの一番上に設定されてありキーボードで操作を行います。




カスタマイズ

カスタマイズ - Hatebu IncSearch 1.10.0

Firefox のプロファイルフォルダの hatebu_incsearch フォルダ内に user-extension.js(外部JSファイル)user.css(外部CSSファイル) が作成されます。

OSによって Firefox のプロファイルフォルダの場所が異なるので下記URLで確認してください

プロファイル まとめサイト - Mozilla Firefox



user-extension.js のカスタマイズ

user-extension.js のカスタマイズ - Hatebu IncSearch 1.10.0

hatebu_incsearch フォルダ内の user-extension.js に Javascript でプログラムを書く事でカスタマイズできます。

被ブックマーク数を表示する方法は「Hatebu IncSearch」の制作者様のWebサイトに記載されてますのでそちらで確認してください。

Hatebu IncSearch - Firefox Extension



user.css のカスタマイズ

user.css のカスタマイズ - Hatebu IncSearch 1.10.0

hatebu_incsearch フォルダ内の user.css にスタイルシートを書く事で表示デザインをカスタマイズできます。

上記画像のスタイルシートは以下のようにしました。
選択されたブックマークの背景にグラデーションを付けるスタイルシートです。

tr.focus > td {
background-color: #fff;
color: #121212;
text-shadow: 0 0 1px #fff, 0 0 10px #ff1493, 0 0 20px #ff1493, 0 0 30px #ff1493, 0 0 40px #ff1493;
}




インストールページ

はてなブックマークの他にGoogle Bookmarks、livedoor clipもあります。
関連記事
-0 comments
管理者にだけ表示を許可する
-0 trackbacks