このページの本文へ

前へ 1 2 3 4 5 次へ

超定番から上級者向けまで! ネットツール徹底活用 第2回

これで完璧! Chromeエクステンション決定版

2010年02月16日 12時00分更新

文● 高橋暁子、ASCII.jp編集部

  • この記事をはてなブックマークに追加
  • 本文印刷

ウェブ制作に役立つツールがほしい

 記事のトリを飾るのは、特集第1回のFirefoxアドオンと同じく「大物」機能。ウェブ制作に役立つエクステンションを集めてみた。AlexaやGoogleページランクをベースにした順位チェックはもちろん、ページの展開速度をチェックしたり、任意ページのピクセル数を表示したりといった実践シーンに役立つものを中心に紹介したい。


Firebug Lite

 ウェブページを閲覧中、クリック1回で使える豊富な開発ツールを統合するサービス「Firebug」のChrome版。どんなウェブページであっても、CSSやHTML、およびJavaScriptをリアルタイムに編集、デバッグ、モニタリングすることができる。


Chrome SEO

 現在閲覧しているページのGoogleページランク、Alexaの順位や、インデックス数、バックリンク数などをシンプルに表示するエクステンション。気になるウェブページの順位もこれでサクッとチェック! Googleのページランクを表示するエクステンションには「PageRank」もある。


SitezMeter

 Googleページランクやユニークビジター数、Alexaのトラフィックを、チャート形式で表示してくれるエクステンション。折れ線グラフで表示してくれるため、推移がとても見やすく分かりやすい。


META SEO inspector

 現在表示中のウェブページのメタ情報や、検索結果に反映させないようにする「nofollow」属性が付与されているリンクや、訪問済みのリンクを視覚的に強調出来る。ウェブページの情報をsstaticなどの様々なサービスで確認することもできる。


Speed Tracer

 ストップウォッチのアイコンをクリックすると、それ以降の操作が記録され、その性能を分析する。ページ上でどのような動作をすることで「遅く」なっているかなどをチェックするときにどうぞ。


MeasureIt!

 ページ上でピクセル数を測るエクステンション。アイコンをクリックして、測りたい場所を長方形に選択することで、縦横のピクセル数を表示する。


Resolution Test

 リサイズしたウインドウで指定のURLを開きなおしてくれる。あらかじめ設定されている解像度の他、任意の解像度に変更することもできる。最終的なデザインのチェックに。320×480ドットでもしっかり開いてくれるか……などをチェックするときにぜひ。

前へ 1 2 3 4 5 次へ

カテゴリートップへ

この連載の記事

注目ニュース

ASCII倶楽部

最新記事

プレミアムPC試用レポート

ピックアップ

ASCII.jp RSS2.0 配信中

ASCII.jpメール デジタルMac/iPodマガジン