Firefox2 と Firefox3（ベータ版）の共存
Firefox3 Beta5 を Windows に入れてみました。
ついでに Firefox2 との共存方法も、公式サイトや他のサイトでの解説など（下）がありますが、補足を交えながら手順を説明します。
- Firefox3 ベータ版ダウンロード
- imatt.jp - Firefox3をFirefox2と共存させながら入れる方法
- The blog of H.Fujimoto - Firefox 3 β1をFirefox 2と共存させる
ここでは Windows での共存方法を解説します。
注：この記事を読みながら共存の設定をする場合は、この記事を Firefox 以外のブラウザで開いてください。
１．Firefox2 のプロファイルのバックアップ
本作業中にインストールした Firefox3 Beta をうっかり起動してしまうと、Firefox 2 のプロファイル（=ブラウザのオプション設定やアドオンなどが保存されているところ）が Firefox3 Beta のプロファイルで上書きされてしまいます。
こうなると、Firefox2 のプロファイルを復元するためには Firefox2を再インストールする必要があります（設定情報はクリアされるので最初からやり直し）。
とうことで、Firefox3 Beta をインストールする前に、Firefox2 のプロファイルをフォルダごとバックアップしておくことをおすすめします。
Firefox2 のプロファイルのフォルダは、プロファイル名が default、またはプロファイル自体が分からずに Firefox を利用しているのであれば、
C:¥Documents and Settings¥[ユーザ名]¥Application Data¥Mozilla¥Firefox¥Profiles¥xxxxxxxx.default
です。
[ユーザ名]はご自身のログインユーザ名、最後の「xxxxxxxx」は Firefox2 がつけた任意の半角英数文字です。
別のプロファイル名で Firefox2 を起動しているのであれば、最後のフォルダ名が「xxxxxxxx.プロファイル名」になっているフォルダを選択してください。
２．Firefox3 Beta のインストール
Firefox3 Beta をダウンロードし、ダウンロードアーカイブをダブルクリックして、「次へ」をクリック。
使用許諾書に同意するをチェックして、「次へ」をクリック。
標準インストールを選択して、「次へ」をクリック。
「インストール」をクリック。
「今すぐ Firefox を起動」のチェックを外して「完了」をクリック。チェックを外さないで完了すると Firefox3 Beta が起動し、Firefox2 のプロファイルが上書きされます。
３．プロファイルの作成
この設定を行う前に、必ず Firefox2 を閉じてください。開いたまま設定を行うと、説明通りの動作になりません（私はこれで一度失敗しました）。
タスクバーの[スタート]-[ファイル名を指定して実行]を選択。
このあと、プロファイルの作成方法には、３．１と３．２の2通りがありますが、３．１の手順で進んでください。３．２は備忘録的に記したものです。
３．１ 簡単な設定
「firefox -createprofile 3beta」を入力。これで Firefox3 Beta 用の「3beta」という名前のプロファイルが作成されます。これは公式サイトで紹介されている方法です。
「3beta」という名前は他の名前でも構いませんが、ここでは「3beta」で説明を進めます。
３．２はスキップして４項に進んでください。
３．２ プロファイル作成ウィザードを利用した設定
「firefox -p」を入力して、「OK」をクリック。
表示されたダイアログの左上にある[新しいプロファイルを作成]をクリック。
「次へ」をクリック。
「新しいプロファイルの名前」に "3beta" を入力し「完了」をクリック。設定する名前は何でも構いませんが、ここでは「3beta」という名称で説明を進めます。
ちなみに、この画面で保存先が表示されます。これがプロファイルに対応したデータの保存先になります。
先程の「ユーザプロファイル選択」画面に、作成したプロファイル名「3beta」が追加されます。そして「今後このプロファイルを使用する」のチェックを外して[終了]をクリック。
４．起動オプションの追加
それぞれの Firefox を起動するときに、プロファイルを指定して起動するようにします。
４．１ Firefox3 Beta の起動オプションの追加
デスクトップの「Mozilla Firefox 3 Beta 5」を右クリックして「プロパティ」 を選択。
「リンク先」欄の末尾に、半角スペースをいれた後、
-p 3beta -no-remote
を追加して、「OK」をクリック。
４．２ Firefox2 の起動オプションの追加
デスクトップの「Mozilla Firefox（Firefox2）」を右クリックして「プロパティ」 を選択。
「リンク先」欄の末尾に、半角スペースをいれた後、
-p default -no-remote
を追加して、「OK」をクリック。
「-no-remote」は、ひとつのアプリケーションを同時に複数起動するためのオプションです。
これで Firefox2 と Firefox3 Beta が共存できるようになりました。同時に開くことも可能です。
５．共存に失敗した場合
Firefox3 Beta をアンインストールし、Firefox2 をアンインストール→再インストールし、バックアップしていた Firefox2 のプロファイルを、インストールした Firefox2 のプロファイルに上書きしてください。プロファイルのフォルダ名は異なる名称になっていますが、末尾が「.default」になっているフォルダに上書きすればOKです（上書きするのはその中にあるフォルダやファイルだけです。フォルダ名自体は書き換えないでください）。
この状態で Firefox2 を起動し、設定が元に戻っていることを確認したら、Firefox2 を終了し、再度 Firefox3 Beta の共存にチャレンジしてください。
リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」
XHTML の文法チェックには Another HTML-lint gateway や、The W3C Markup Validation Service が有名ですが、そのサイトに行かなければならないのがやや面倒という方に、リアルタイムに XHTML を検証できる Firefox 機能拡張「Html Validator」を紹介します。
「Html Validator」は、XHTML のバリデーション以外に、アクセシビリティのチェックや、ソースコードのクリーンアップ（ソースの自動修正）まで行ってくれるスグレモノで、Firefox ユーザにはポピュラーな機能拡張のひとつです。
すでにご利用の方も、記事後半にデフォルト設定以外の項目について詳細に記しておりますので、より活用できるのではないかと思います。
以下、Firefox をご利用でない方向けに、Html Validator のインストールおよび利用方法について説明します。Firefox は予めインストールしておいてください。
１．Html Validator のインストール
「Html Validator :: Firefox Add-ons」にある「インストール」のアイコンをクリック。この操作は Firefox で行ってください。
「ソフトウェアインストール」ダイアログが開く（数秒待つと「今すぐインストール」のボタンが表示されます）ので、「今すぐインストール」をクリック。
アドオン画面が開き、インストールが開始します。終了したら右下の「Firefox を再起動」をクリック。
Firefox を再起動すると、Html Validator のアルゴリズム選択画面が表示されますので「HTML Tidy」を選択します。
設定後、開発者のページが表示されます。ドネーションも受け付けているようですので気に入った方はどうぞ。
２．利用方法
インストールすると、ブラウザ右下に「Html Validator」のアイコンが表示されます。
緑色のアイコンは valid であることを意味します。アイコンにマウスカーソルをポイントすると詳細が表示されます。
警告の場合はアイコンが変わります。
エラーの場合は×マークになります。
アイコンをダブルクリックすると、さらに詳細を表示できます。
スクリーンショットの例では、左下ペインに警告の詳細「<body> attribute with missing trailing quote mark」が表示されます。その行をクリックすると該当行の先頭が反転表示され、問題となっている部分が赤色で表示されます。
上の例では「individual-entry-archive"」が赤くなっており、引用符のつけ方が間違っている（class 属性には半角空白を区切り文字として複数の属性値を設定できるところを誤って途中に引用符をつけてしまっている）ことが分かります。
３．詳細設定
インストールしたデフォルト状態でそこそこのチェックができますが、さらに使いこなすには、メニューバーの[ツール] - [Html Validator options...]できめ細かく設定を行います。
以下、各設定項目について説明します。
- General
- Algorithm：アルゴリズム選択。Choose をクリックするとインストール時の画面が表示
- アクセシビリティレベルの選択：none（デフォルト）/normal/1/2/3 の5段階で選択
- Browser
- Enable validation in the Browser：ブラウザで検証可能
- Hide Icon：アイコンを表示しない
- Show in a status-bar：ステータスバーに表示する内容
- Double-click the status-bar icon starts：ステータスバーのアイコンをダブルクリックした時の動作。デフォルトは「Page Source...」。「Cleanup...」を選択すると、エラーや警告を自動修正したソースコードと画面を表示
- View Source
- Enable validation in the View Source：[表示] - [ページのソース]で検証可能
- Highlight lines with errors：エラー行をハイライト表示
- Show line numbers：行番号を表示
- Show warnings：警告を表示
- Filter
- Hidden errors and warnings：検証の対象外にしたいエラー・警告を設定します。
アクセシビリティレベルを選択すると、レベルに応じたアクセシビリティのチェックが可能になります。
フィルタの設定方法は、エラー・警告になっている行で右クリックし、Hide... を選択。
ダイアログが表示されるので、「はい」をクリック。
該当のエラー・警告が設定画面に埋め込まれるので「OK」をクリック。
削除したい場合は該当のエラー・警告を選択状態にして、右側の「Remove」をクリックします。
設定後は valid アイコンが青色で表示されます。
HTTP ヘッダを表示する Firefox 機能拡張「LiveHTTPHeaders」
昨日エントリーした「WordPress でステータスコード 404（Not Found）を返却するエラーページを作る」で HTTP ヘッダのスクリーンショットを掲載しましたが、これはブラウザに表示されたページの HTTP ヘッダを表示・確認できる「LiveHTTPHeaders」を利用していますので、紹介しておきます。
ブログツールで静的な HTML ファイルを出力しているのであれば問題ないと思いますが、ページをダイナミックに生成している場合は HTTP ヘッダ、特にレスポンスを一度確認することをお勧めします。ページキャッシュ機能（一度アクセスされたページは一次ファイルとしてキャッシングしておき、サーバ負荷を回避する）等を利用している場合も同様です。
例えば、ページが存在するにもかかわらずステータスコード 200（OK）を返却していないと、検索エンジンの順位が上がらないとか、インデクシングされなくなる可能性があります。
以下、Firefox をご利用でない方向けに、Live HTTP Headers のインストールおよび利用方法について説明します。Firefox は予めインストールしておいてください。
１．Live HTTP Headers のインストール
「Live HTTP Headers :: Firefox Add-ons」にある「インストール」のアイコンをクリック。この操作は Firefox で行ってください。
「ソフトウェアインストール」ダイアログが開く（数秒待つと「今すぐインストール」のボタンが表示されます）ので、「今すぐインストール」をクリック。
アドオン画面が開き、インストールが開始します。終了したら右下の「Firefox を再起動」をクリック。
Firefox を再起動すればインストール完了です。
２．利用方法
メニューより [ツール] - [Live HTTP Headers] を選択。
これで HTTP ヘッダ表示用のウィンドウが開きます。
この状態でブラウザにお好きなサイトの URL を入力して表示させてください。これで表示したサイトの HTTP ヘッダ（リクエスト/レスポンス）が表示されます。
表示内容は、
- リクエストURL
- リクエストヘッダ
- レスポンスヘッダ
という順序の繰り返しで並んでいます。その一番先頭に表示されているURLのレスポンス（の1行目）が適正、つまり 200 OK や 304 Not Modified であることを確認してください。
ページが存在するのに 404 Not Found や、404 エラーページで 200 OK を返しているのは問題です。
また、スタイルシートやスクリプト、画像をふんだんに使用していると、それらは全て異なるリクエスト URL としてヘッダが表示されます。ただしユーザがブラウザで一度読み込むと、ブラウザのキャッシュにデータが保存されますので、
- そのユーザがキャッシュをクリアしない
- レスポンスのステータスコードに 304（Not Modified）を返却する
という条件を満たしていれば、サーバからデータをダウンロードすることはありません。
話を戻して、表示された HTTP ヘッダの内容を消去したい場合は、ウィンドウ右下の「Clear」をクリックします。
３．カスタマイズ
Config タブで設定を変更することができます。たとえば、Use Style Sheet をチェックしてください。
元の Headers タブに切り替えると、ヘッダにスタイルが設定されます。
Config タブの設定内容は下記の通りです。*1
- POST：ポストデータの扱いを選択
- none：非表示
- fast：「Fast Code」方式で POST データを表示（ファイルアップロード時は動作しない）
- accurate：全 POST データ表示
- max 1k：POST データの先頭 1キロバイトを表示
- Use style sheet：スタイルシートを適用
- Open LiveHTTPHeaders in a new tab：新しいタブで LiveHTTPHeaders を開く
- Filter URLs with regexp：正規表現で抽出する URL を指定
- Exclude URLs with regexp：正規表現で除外する URL を指定
HTMLページのヘッダを普通に参照するだけであれば、これらを設定する必要は特にありません。
Headers タブの下には「Save All...」と「Replay」があります。
「Save All...」は表示されているヘッダの保存で、「Replay」は、URL を選択した状態でクリック。
これで「Live HTTP Replay」画面が表示されるので、右下の「Replay」をクリックするとブラウザが再読み込みされます。ヘッダのキャプチャも行われます。
その他、ページ上を右クリックして、「ページの情報を表示」を選択して表示されたウィンドウにも HTTP ヘッダが表示されます。
*1：Landscape - エンジニアのメモ：Live Http headers - HTTP ヘッダ表示ツールよりポストデータ部分の表記を引用させて頂きました。ありがとうございました。
快適なブラウジングを実現する Firefox 機能拡張「All-In-One Sidebar」
Firefox 機能拡張の定番、All-In-One Sidebar を紹介します。
この機能の「マルチパネル」を利用することで、「Google 検索結果」や「はてなブックマーク」のリンク先のページを、ブラウザやタブを新たに開かず、いわゆる「フレーム」を使ったような振る舞いをさせることができ、快適なブラウジングを実現することができます。
ということで、Firefox をご利用でない方向けに、All-In-One Sidebar のインストールおよび「マルチパネル」利用方法について説明します。Firefox は予めインストールしておいてください。
１．All-In-One Sidebar のインストール
「All-in-One Sidebar :: Firefox Add-ons」にある「インストール」のアイコンをクリック。この操作は Firefox で行ってください。
「ソフトウェアインストール」ダイアログが開く（数秒待つと「今すぐインストール」のボタンが表示されます）ので、「今すぐインストール」をクリック。
アドオン画面が開き、インストールが開始します。終了したら右下の「Firefox を再起動」をクリック。
Firefox を再起動するとブラウザ左側に図のようなサイドバーが表示されます。
サイドバー全体を非表示にしたい場合は、左端の細い部分（切り替えトグル）をクリックするか、メニューの[表示] - [サイドバーグリップ]のチェックを外します。
２．「マルチパネル」利用方法
下から2番目の「マルチパネル」アイコンをクリック（ツールチップはとりあえず気にせずに）。
下がマルチパネルが開いた状態です。
次の作業に進む前に、検索結果やソーシャルブックマーク等のページを表示させておいてください。ここでは「はてなブックマーク」を表示している前提で話を進めます。
マルチパネル上部にある「ページ」をクリック。
これで右側と同じページがマルチパネルに表示されます。
マルチパネル内のページの任意のリンクをクリックすると、リンク先の内容は常に右側のエリアに表示されますので、履歴を戻ったり、見終わったページのブラウザやタブを閉じる必要がなくなります。
先程クリックした「ページ」の右側にある▼をクリックすると、ページの表示方法を変更することができます。ここでは「縮小描画モードにする」を選択します。
これでマルチブラウザの表示が縮小されます。スクリーンショットでは判別できないのですが、文字だけでなく、ページ内にある画像等も全て縮小されます。
上部の「マルチパネル」のをクリックすると、他の情報（ブックマーク・履歴・ダウンロード・アドオン・ページの情報・ページソース・エラーコンソール等）に切り替えることができます（左側アイコンと同じ）。一番下の「All-In-One Sidebar 設定」を選択すればさらに詳細なカスタマイズが可能です。
マルチパネルは、最後に表示したコンテンツが記憶されます。記憶を解除したい（ブラウザ再起動時に何も表示しない）場合は上部右側にある歯車のアイコンをクリックして「最後に表示したコンテンツを記憶する」のチェックを外しましょう。
