Google の検索結果を Stylish で見やすく Greasemonkey で使いやすくする

2010-05-07：ここの内容は古いので、エントリーを更新しました
⇒ Google リニューアルに伴う Firefox 周辺（Greasemonkey、Stylish）設定の再点検（2010-05-07 版） - digital 千里眼 @abp_jp

予習

Stylish でユーザーは、閲覧しているページに対し自分の CSS を指定できるようになる
Greasemonkey でユーザは、閲覧しているページで自分の JavaScript を実行することができる

Stylish で Google検索結果の幅を広くする

Before		After
	⇒

まずは Firefox のアドオン Stylish をインストール
- Stylish - Custom themes for any website – 🦊 Firefox (ja) 向け拡張機能を入手
次に Stylish の設定 [Google (search results) - widen results] をインストール
- Website Themes & Skins by Stylish | Userstyles.org の [Load into Stylish]ボタンでインストール
Google日本(.co.jp)に対応させるため、Stylish の CSS を修正
- 見にくいけど/* ここから */ から始まって /* ここまで */ を追加するだけ（下は修正済みのCSS）

@-moz-document 
               url-prefix(http://www.google.com/search?),
               url-prefix(http://www.l.google.com/search?),
               url-prefix(http://www.google.com/linux?),
               url-prefix(http://www.google.com/bsd?),
               url-prefix(http://www.google.com/microsoft?)
               /* ここから */ ,
               url-prefix(http://www.google.co.jp/search?),
               url-prefix(http://www.l.google.co.jp/search?),
               url-prefix(http://www.google.co.jp/linux?),
               url-prefix(http://www.google.co.jp/bsd?),
               url-prefix(http://www.google.co.jp/microsoft?) 
               /* ここまで修正 */
{
/* search results listing */
.s,
.j,
/* News results-snippet within normal web search */
[valign="top"][style="padding-top: 3px; width: 40em;"]
{
width:auto !important;
max-width:100% !important;
padding-right:8px !important;
text-align:justify !important;
min-width:200px !important;
}

/* Video results-snippet within normal web search */
[class="g"] > [class="ts"] > tbody > tr > [width="280"]
{
width:auto !important;
max-width:100% !important;
padding-right:8px !important;
text-align:justify !important;
min-width:200px !important;
}

.g
{min-height:1px !important;}
/*
this makes the widened results close to each other again.  If you want to have
a larger vertical space, I suggest you add {margin-top:#px !important} and
{margin-bottom:#px !important}  (Google's default value = 16px)
*/

}

CustomizeGoogle がうまく機能しないときは GoogleMonkeyR

[2007-05-27 追加]AutoPagerize と相性が悪いので併用しないこと！

最近 CustomizeGoogle の調子が悪い。検索結果のページ継ぎ足しが重複して表示されたり、Google グループが表示されなかったりする。バグ修正が待ちきれないなら Greasemonkey を使おう

Greasemonkey をインストール
- Greasemonkey – 🦊 Firefox (ja) 向け拡張機能を入手
GoogleMonkeyR をインストール
- http://userscripts.org/scripts/show/9310 画面右上の [Install] をクリック
設定は Google に移動してから画面右上の [GoogleMonkeyR] をクリック

設定画面を日本語訳すると上から

- 表示するカラム数
- 広告を消すかどうか
- 検索結果に番号を振るか
- 自動でページ継ぎ足しをするか（Autopagerize がインストールされている場合は Greasemonkey の設定で「ユーザースクリプトを実行しないページ」に google を登録すると良いでしょう）
- Google 検索結果最上部の検索窓等を消す
- 各検索結果の背景色を指定
- 検索結果を別窓で表示（検索結果に対して・iGoogleに対して）
- Google から追跡されないようにする
- faviconを表示する・プレビューイメージを表示する

[Save Preferences] をクリックして設定を保存することをお忘れなく...