IKIMONO net club

お勧めの拡張など#2

拡張：Web Developer

Web Developer は Web ページを作成している人には大変便利なツール群を導入してくれる拡張です。（※ 最近のバージョンは Localized も本家サイト内に存在します。Localized の方を導入すれば日本語で利用できます）。
機能が非常に豊富なので全ては紹介し切れませんが、以下に（見た目で分かりやすいものを）二つだけ挙げておきます。

Outline block level elements

ツールバーの Outline から Outline block level elements をチェックすれば、そのページのブロックレベルの要素（つまり H や P や DIV など）のアウトラインを表示します。

たとえば以下は私のある日の日記ページですが、アウトラインを表示させるとこんな感じになります。
制作途中でスタイルシートの適用がなぜか意図したとおりにならないなどの問題に直面した時よく「ブロック要素のボーダーを表示させて確認してみろ」というアドバイスがありますが、これを使えばクリックひとつで同等のことが出来ます。

View ID & Class Details

Miscellaneous から View ID & Class Details をチェックすればそのページに設定されている ID と Class を全て明示してくれます。

上で例にしたのと同じページで ID と Class を明示させてみた様子が以下です。
実際に指定されている場所に表示されるので分かりやすいです。
Outline block level elements と同時に組み合わせて使うことも出来ます。
この組み合わせは参考にしてみたいページの構造を理解するために非常に役に立つでしょう。
またブログホスティングサービスなどでページをカスタマイズしたい時などにも良いでしょう。

この他にも JavaScript や Java の無効/有効を切り替える、form の詳細を示す、CSS を（@import で参照している外部スタイルシートであっても）簡単に表示する、画像をaltで指定した文字列に置き換えて表示してみて画像が表示されなかった場合の問題点をチェックする、W3C の HTML 検証サービスに現在表示しているページをチェックさせる、ウインドウサイズのリサイズ…等々、ページを制作していて「あれば便利だろうなぁ」と思うような機能が山盛りです。
参考：ツール＆サービス：Web Developer 日本語版−インフォアクシアで日本語版が入手できます。

Html Validator

Html Validatorはリアルタイムで HTML のエラーを知らせてくれる拡張です。
ステータスバーにアイコンが表示され、エラーがあるかどうか知らせてくれます。

そしてアイコンをダブルクリックすると：

このようにソースを参照しながら、どこが、なぜ間違っているかズバリ教えてくれます。
上の画像は縮小しているので分かりにくいですが「XHTML なんだから<br>は<br />と書かなきゃダメじゃん、バーカバーカ」と教えてくれているところです。
Firefox が読み込んだキャッシュを参照している（らしい）ので、外部のサーバへデータを送り直す必要が無く、動作が非常に軽快。もちろんローカルで作成中のデータにも使えるので、HTML 制作のお供に最適。
目指せ 0エラー 0警告。

拡張：翻訳パネル

翻訳パネル はサイドバー内で翻訳作業が出来るようにしてくれます。
海外のサイトをしばしば見るような人には、便利かもしれません。
このパネルそのものが翻訳機能を持っているわけではなく、Excite 翻訳や Altavista の Babel Fish Translation を使いやすいインターフェイスの中に呼び出してにしてくれるという仕組みなので、翻訳の種類や精度はそれぞれのサービスしだいです。

サイドバーにパネルを開かず、必要な部分を直接選択して右クリックのメニューから[ポップアップ翻訳]を選ぶことで、ブラウザ画面上にポップアップで翻訳結果を表示させることも出来ます。

拡張：Google Pagerank

Google Pagerank は、その名の通り Google のページランクをステータスバーの中に表示してくれる拡張です。
Google Directoryに登録されている場合には、それを示す表示も出ます。
年がら年中 Google のページランクを気にしているわけではないからわざわざ Google ツールバーまでは入れたくない。でも、たまに知りたい時はある。その時面倒なことは嫌だ。そんな希望にぴったりかと思います。
（IE 用のものも含めて）同種のツールや拡張類に比べて「ランク表示が非常に素早い」「次々と複数のタブを開いていってもちゃんとアクティブなタブに追随する」という点が地味ながら作者の堅実な底力を感じさせてくれます。
上記 mozdev.org のページが重くてつながりにくい時は、作者のページ へ直にどうぞ。

拡張：Super Drag and Go

Super Drag and Go はページ上の文字列を選択し、適当にドラッグ & ドロップすればそれを検索サイトで検索してくれます。ポイと投げるような感じの操作です。

便利です。
電網探題: Super DragAndGoで日本語版が入手できます。

ページ上の画像を同じ操作でダウンロードするように設定することも出来ます。
右クリックメニューから「画像を名前を付けて保存」を選んで…という操作をしなくてもよくなります。あらかじめ指定しておいたフォルダにマウス操作でさっと放り込んでいるような感覚で操作できるようになります。
便利です。

拡張：IE View

IE Viewは閲覧中のページまたはリンク先をInternet Explorerで表示するための拡張です。

機能的にはきわめて単純ですが、ページの作り方の問題などで Internet Explorer でなければ正常に閲覧できない場合。Internet Explorer にしか対応していないソフトや拡張をそのページでどうしても使いたい場合。そして、HTML 制作中に Internet Explorer での表示確認をする必要がある場合などに便利です。
option から Internet Explorer のフルパスを指定することが出来ます。
本来は IE View が Internet Explorer の場所を自動検出できなかった時のためにある機能らしいですが、この機能を使って IE コンポーネントのタブブラウザのパスを指定しておくという使い方も出来ます。

IE Tab

IE Tabは閲覧中のページを Internet Explorer に切り替えて、Mozilla のウインドウの中で、表示させる拡張です。
IE Viewは Internet Explorer を起動させますが、IE Tab は Firefox のウインドウの中の埋め込まれたタブとして動作する点が異なります。余計なウインドウが開かないこと、Firefox のタブのひとつとしてタブ移動（や他の拡張がタブに対して持つ機能）などを使えることが、ひとつの利点です。
右クリックから選択して、あるいはステータスバーに表示されるアイコンをクリックして IE と Firefox を切り替えることが出来ます。
また、オプションの「IE Tab サイトフィルタ」に URL を登録しておけば、切り替え操作なしに指定してある URL を直接 IE エンジンで表示するようにも出来ます。

いろいろな面でIE Viewの使い勝手を上回っているのですが、実は Internet Explorer そのものを直接起動させる IE View ならその場で必要に応じて IE のセキュリティ設定などを変更できるが、タブのひとつとして開いているだけの IE Tab ではその操作ができないという（やむを得ないこととは言え）微妙な弱点もあります。

オートアンカーFireFox版

JSActions

ここで言う「オートアンカーFireFox 版のご紹介」とは、JSActions に対応したオートアンカーのスクリプトを導入してそれを利用する、という意味です。ですから、まず JavaScriptActions を導入します。JSActions は Firefox のコンテクストメニュー（右クリックメニュー）から様々な操作を可能にするための拡張です。
Firefox に対応した JSActions 最新版は（jsActions - SaruPukiの Flyson さんから HideAway さんへ開発が引き継がれ）FrontPage - + HideAway Firefox +にあります。
JavaScriptActions ScriptSet も必ず同時に導入します。

オートアンカーFF版[JSA]

次に HideAway さんの BBS でちっちさんが公開してくださっているオートアンカーFF 版[JSA]を導入します。readme.txt にも書かれているように、JavaScriptActions ScriptSet をインストールしたフォルダの中の global フォルダの中にオートアンカー.js を入れます。
オートアンカー.jsをエディタで開き、
//スクリプトフォルダのパス設定
//例：var ScriptFolderPath = "C:\\Program Files\\Mozilla Firefox\\plugins\\firefox_jsa\\global";
var ScriptFolderPath = "Please set ScriptFolderPath"
の行の Please set ScriptFolderPath の部分に自分の環境でのオートアンカーのスクリプトの場所を書き入れます。
あとは必要に応じて aa_jsa フォルダの中のテキストを書き換えてカスタマイズします。
オートアンカーで作成したアンカーが常に別ウインドウで開かれるようにしたいなら target="_blank" を書き加えたり、 title="" を加えて工夫を凝らしたり、と言ったようなことです。

これでFirefoxの右クリックメニューからオートアンカーが使えるようになります。

« Firefoxの最初のページへ戻る | « 拡張の1ページ目へ行く | 拡張の2ページ目 | 拡張の3ページ目へ行く » | 拡張の4ページ目へ行く » | 簡単なカスタマイズ »
« 「お宝オンラインソフト」のメインページへ戻る | « カテゴリ「ブラウザ」へ戻る