hxxk.jp - Disable sidebar for hxxk.jp

記事本文

hxxk.jp のサイドバーの表示・非表示を切り替える Greasemonkey スクリプト

DisableSidebarForHxxkJp version 0.1 [/software/greasemonkey/disable-sidebar-for-hxxk-jp] - 行動記録

現在の hxxk.jp の CSS は、 <div class="section" id="menu"> ～ </div> 部分 ( これ以降サイドバー部分と呼びます ) に 250px の幅を持たせ、それ以外の部分は左側に 265px ないし 270px の余白を持たせて 2 段組のように表示させています。

さて、 hxxk.jp を見ているときにそのサイドバー部分が邪魔だ、と思った場合にはどうすれば良いのでしょうか。サイドバーを使っていないスタイルが代替 CSS で提供されていれば、代替 CSS に対応している UA であれば素早く非表示にすることもできますが、現時点でそのような代替 CSS は提供していません。いずれは提供したいなと思いつつ手付かずです……。

制作者 ( 私 ) の対応に期待しない手法であれば、ユーザースタイルシートを使用するという方法もあります。 CSS Signature を付けていますので、

body#hxxk.jp{
  padding-left:  0 !important;
  }
body#hxxk.jp div#menu{
  display:  none;
  }

とユーザースタイルシートに記述すれば、サイドバー部分を非表示にすることだけはできます。サイドバー部分を通常は非表示にしたいが、見たい時だけ一時的に表示したいと思った場合、ブラウザの CSS 自体をオフにするか、ユーザースタイルシートの記述を一時的に無効にする必要があります。

今回いわいさん ( None ) が作成した Greasemonkey スクリプトは、まさにそのような「必要なときだけ」表示するようにできるユーザースクリプトです。このスクリプトを有効にした状態で hxxk.jp の記事を開くと、サイドバー部分は非表示になり、画面左上に Sidebar というボタンが表示されます。そのボタンをクリックすることで、サイドバー部分が本来の表示に戻ります。こういうものは手元でなんとかすればいいということで、おそらく自分用に作られたものであると思います。

しかし、この必要な時以外はサイドバー部分を非表示にしておけるというのは、意外と便利です。本当はこういうものを使わなくても読みやすいデザインを目指すか、または自分でスクリプトを用意するかすべきなんでしょうけど、漁夫の利で自分もこれを使わせてもらうことにします。

使用するための環境および導入手順

Greasemonkey スクリプトとして作られているため、 Firefox がインストールされている必要があります。

また、 Firefox に greasemonkey という拡張機能がインストールされている必要があります。 ( Greasemonkey 自体については Greasemonkey - Firefox まとめサイトを、インストール方法についてははてなグリースモンキー(Greasemonkey) - Greasemonkeyの使い方を参考にすると良いでしょう。なお、 Greasemonkey はブラウザではないでも触れた通り、バージョン 0.3.3 以前のものには脆弱性が存在します。今回インストールする場合は問題ありませんが、過去にインストールしたまま使用している方は 0.3.5 にアップデートするようにしてください。 )

DisableSidebarForHxxkJp version 0.1 [/software/greasemonkey/disable-sidebar-for-hxxk-jp] - 行動記録を Firefox で開く
ページ内のスクリプトへのリンクアンカーをクリックしてスクリプトを表示する
ツール(T) をクリックし、 Install User Script... をクリック
OK をクリック

また、スクリプトへのリンクアンカーを補助クリックしてコンテキストメニューを開き、直接 Install User Script... を選択するという方法もあります。

Copyright

Copyright 2005 IWAI, Masaharu. All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY IWAI, Masaharu ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL IWAI, Masaharu OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

ということなので、ちょっとカスタマイズして他のサイト用のものを作ってみようかなあ。自分用だけで使うか、公開するかは考えていませんが。

トラックバック送信先

DisableSidebarForHxxkJp version 0.1 [/software/greasemonkey/disable-sidebar-for-hxxk-jp] - 行動記録: いわいさんの作った Greasemonkey スクリプトの導入手順をスクリーンショット付きで解説。

Disable sidebar for hxxk.jp

記事データ

記事本文