【第2回】マークアップエンジニアおすすめのアドオン（その2）

　Firefoxを使用する利点はどこにあるのでしょうか。私が特に便利だと感じたのは、「カスタマイズの自由度」という点です。私自身、Firefoxを使用するようになり、以前よりも正確かつ迅速に仕事を進められる様になったと感じています。

　作成したウェブページのクオリティを確認する項目は色々ありますが、なかなか時間がかかってしまうものです。Firefoxを使用して、そういった作業をより正確に、より速くできないものでしょうか。

　たとえば、画像のalt属性の確認は意外と見落としやすく、また1つ1つ確認するには時間がかかるものです。そういう時に便利なアドオンが、前回もご紹介した「Web Developer」です。「Web Developer」は同じ事業部内で入れていない人はいないと言えるほど普及しています。「Web Developer」のツールバーから「画像」→「alt属性値を表示する」を選択すると、そのページで使われているすべての画像のalt属性が一瞬にして画面上に表示されます。

　もちろん、WindowsのInternet Explorerに慣れている人は、画像のalt属性をポップアップで表示できないの？と思うはずです。それに対応する「Popup ALT Attributes」というアドオンもあります。

　他にも、そのページで使われている画像やリンクやCSSを一覧で表示したり、ブロックレベル要素の枠を表示させたり、CSSを修正して、即座に反映させたり、とWEB制作に必要な機能が充実していて、慣れてしまってからは「Web Developer」なしでは制作できないほどです。

　表示しているページのリンク切れをチェックする時は、「LinkChecker」を使います。もちろん、新規作成したページの場合は全てのリンクを目視チェックする必要があります。しかし、既存ページのちょっとした修正などの場合は、このアドオンを使うとリンクの一括チェックが出来てとても便利です。

LinkChecker

※クリックすると大きい画像を表示します。

　ページ上の色を調べたい時は「ColorZilla」を使います。画像編集ソフトを立ち上げなくても、スポイト機能のように画面内の色を直接拾って、色のRGB値を16進数で表示させることが出来ます。また、画像編集ソフトのようなカラーピッカーやパレットから色を選ぶ機能もあります。

ColorZilla

※クリックすると大きい画像を表示します。

　遊び心があるのもFirefoxの良いところです。忙しい毎日の仕事の合間に癒されるのは「フォクすけといっしょ」です。Firefoxでファイルをダウンロードする時や、設定を変更する時に開かれるダイアログボックスの端など色々な所にかわいいフォクすけが現れます（フォクすけブログも人気です）。

　このようにFirefoxのアドオンによって、日々のちょっとしたストレスが解消されて仕事の能率が上がるのは、素晴らしいことだと思います。Firefoxをダウンロードした直後は、一見シンプルで使い勝手が悪い様に見えますが、「こんな機能があれば良いのに」「これはできないの？」という不便は、アドオンや改造を加える事で、「使いやすい」ブラウザに変えることができるのです。これからも自分仕様のFirefoxをどんどん活用していきたいと思います。皆さんもお気に入りのアドオンを見つけてみてください。

文：太田友理　只野圭子
バーチャルコミュニケーションズ株式会社
WEBインテグレーション事業部
技術グループ
マークアップエンジニア