【第6回】ミニ座談会 〜 Web制作の現場からおすすめするアドオン 〜

　いよいよ今回で「Web制作で使えるFirefox」の連載も最終回となります。 そこで今回は特別企画として“ミニ座談会”を決行しました。 ウェブ制作現場で脈々と受け継がれるノウハウの共有の様子をお伝えします。

【登場人物紹介】
西新宿で働くWebプロデューサー：田村
敏腕クリエイティブディレクター：島
見習いディレクター：小山

まずは「おさらい」を

田村：今日はFirefoxのアドオンについての総集編。ちょっと、おさらいをしてみよう。小山さん、印象に残ったアドオンってある？

小山：今までの執筆回の中でも知らないアドオンが沢山でてきていたので、さっそく色々入れてみました。島さんの紹介した「del.icio.us Bookmarks」はすごく参考になりました。自分のインスピレーションが枯渇した時に、引き出しとして使えるし、すごく便利。カテゴリ毎にタグを付けられたりとさらに便利ですね。

島：まずdel.icio.usっていうソーシャルブックマークサービス自体が素晴らしいのだけど、ブックマークってカテゴリを1回整理したりとか、一度ブックマークしたのをわざわざ自分でフォルダ分けしたりとかが面倒っていう発想を、このタグをつけることによって、カテゴライズしてくれるという機能がもっと素晴らしいよね。でも、自分で見たページをストックしようとする度に、del.icio.usに一旦アクセスしなければいけないのがまた面倒。正直、あまり使って無かったけど、Firefoxのアドオンを実装する事によって頻繁に使うようになったね。

小山：自分が気になったサイトって、リアルタイムでチェックしたい。ソーシャルブックマークなので、すぐにページを登録できるし、さらに検索・閲覧・共有できるし素晴らしいアドオンですよね。

田村：スタッフの中で共有できたりすると、もっと知識が集合体として身近に繋がっていくからいいよね。他は何かあった？

小山：第5回の中で紹介されていた「SEO for Firefox」。SEOって常日頃意識していないと、知識も得られないし調査にも時間がかかる。このアドオンがあれば、SEOに関する情報を常に取り入れることができるし、クライアントへの提案時に活かせるなと思いました。

田村：SEO for Firefoxのもっと良いところは、検索した結果とSEOの色々な要素のランキングを、ワンクリックでCSVに書き出せるというところかな。後々の加工も簡単になる。

島＆小山：おおお！それはすごい。

小山：提案用の資料作成時にも、すごく便利ですね。

田村：競合のサイトを比較分析したり、現状の数字を単純に取りたい時にもすぐに使える。

小山：だから、田村さんは仕事が速いんですね！

島：そういうところにもアドオンが活躍してるんですね。

田村：各種調査時間を短縮してくれる為のアドオンっていう意味では、かなり助かってる。是非、小山さんも使ってみて。そして、使ってみたフィードバックをどんどん投げていくと、さらに機能が良くなる！

小山：勉強になります、ひとつ大人になりました。

田村：大人になろう！

小山：はい…（少し意味不明）。

定番アドオン。これは外せない！

小山：紹介される前から使っていたアドオンは「Firebug」。他に使っているのは「Web Developer」「LinkChecker」ですね。日々のディレクションの中で、クオリティのチェックなどに使っています。Web DeveloperはHTMLページの構造を解析するのに使っています。全部の機能を使い切れてないですが…

田村：Web Developerの便利な使い方とかある？小山流Web Developerの使い方みたいな。

小山：ソース上の画像サイズの指定ミスをチェックしてくれる機能ですね。実際の画像サイズとソース上の指定サイズが違うと画像が潰れたりするので。それも、1pixレベルだと目視では見落としがちだから、お世話になっています！細かいところですが、ウェブサイトのクオリティ管理にとって重要ですから。

島：そうだね、助かるよね。

田村：そういうWeb Developerの効果的な活用を通して、ミスのない仕事をしてもらって…

島：それで、大人になろう！

小山：大人になろう！はい（さらに、意味不明）…。後は、CSSを切ってHTMLの構造のチェックをしますね。これを見ている時はアドレナリンが出ます！「ああ、きれいだ、美しい…」というように。私の中ではWeb Developerが一番の機能です。

島：ああ、わかるそれ。新しいサイトを発見した瞬間に、Ctrl＋Shift＋S！

Web Developerでスタイルシートを無効化

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

小山：やっぱり。

田村：ある意味、通な見方だよね。Web標準においては、構造化されたHTMLこそ美しい。

小山：その通りですね！

島：CSSを切ってもソースが汚いとか、フルCSSなのに構造的じゃないっていうサイトを見るとがっかりする。

田村：そういう時はFirebugで、表から勝手にソースをいじってレイアウト変えて、こうでしょ！みたいな突っ込みをしたりね。勝手にclassとかいじって。

小山：なるほど！

田村：デバッグする時Firebugは、まさにそういう使い方ですね。表からいじってみて10pixとか12pixとかの調整をしたりとか……。

小山：ほ〜、なるほど。あと、LinkCheckerも使ってます。外部のURLは変わってしまうので随時使ってチェックしてます。小山の中で外せないアドオンです。デバッグする時Firebugは、まさにそういう使い方ですね。表からいじってみて10pixとか12pixとかの調整をしたりとか……。