よく見るWebサイトのデザインを新鮮に変更 - Firefoxアドオン「Stylish」

今回はよく利用するWebページの見た目を変更できるFirefoxのアドオンを紹介したい。StylishはWebページのCSSを変更したり、Firefoxの見栄えや機能を変更できる機能豊富なアドオンである。今回はこれを試してみる。

まず、Stylishをインストールする。Stylishのダウンロードページから[Firefoxへ追加]をクリックし、インストールを行う(図1)。

注意:本稿では、Firefoxのアドオンのインストールを行っていますが、ソフトウェアの利用は使用者の責任で行ってください。

インストールし、再起動するとアドオンバーに Stylishのアイコンが表示される。

ここをクリックするとメニューが表示される。ここで「新しいスタイルを書く」「このURL専用を」を選択すると、開いているサイト専用のカスタマイズを行うことができる。

スクリプトを自分で書かずとも、ユーザーが公開しているメジャーサイトのスタイルなどをダウンロードして、そのまま適用することも可能であるし、それをお手本にして、スクリプトを作成することもできる。

先のメニューで「スタイルの管理」を選択するとアドオンマネジャーが開き、Stylishに適用できるユーザースタイルが公開されているuserstyles.orgへのリンクが表示される。

ここには様々サイトのカスタマイズが配布されている。今回はGoogleを変えるカスタマイズPerfect Dark Google」を適用してみる。インストールボタンを押すと図のように「お試し」、「インストール」などが表示される。ここではインストールを押す。

そのまま、GoogleをFirefoxで開くと、ご覧のようにGoogleの表示がスタイルの適用によってガラリと変わる。

メニューの「スタイルの管理」からアドオンマネージャーを開くと、「Perfect Dark Google」が表示されているので、ここで「編集」をクリックすると、先ほどと同じようにCSSのソースコードが表示される。これを参考に、パラメータを変え、「保存」ボタンを押すことでさらにカスタマイズすることも可能だ。

見慣れているWebサイトの表示を自分の好みのものに変更すると、それなりに新鮮なものになる。Firefoxにはブラウザのユーザーインタフェースを簡単に変えることができるアドオン「Personas」もある。PersonasはギャラリーでオンマウスするだけでFirefoxのユーザーインタフェースを変えることができる仕組みだが、これと組み合わせることでより新鮮なインターネットライフを楽しむこともできるだろう。