[Firefox Add-ons]: HttpFoxでHTTPヘッダやボディ情報をチェックする

Webアプリケーション開発をしていると，サーバが返すHTTPレスポンスヘッダやブラウザが問い合わせるHTTPリクエストヘッダの他に，ボディ情報も見たいことがある．
Live HTTP HeadersはそういったときにHTTPヘッダ情報を取得することができるスニファツールで，ヘッダだけを観察したいときには便利である．

しかし，バグや予期せぬ挙動を追いかけるときに，ヘッダ情報だけでは不十分な時がある．
そんなときにはボディ情報も一緒に取得できるHttpFoxが便利である．
HttpFoxは，パケットスニファであるWireShark（tcpdump）を使ったことのある人ならすぐに使いこなすことができるだろう．
ダウンロードサイトからアドオンをインストールし，起動すると以下の様な画面が現れる．

左上の「Start」をクリックすると，HTTP通信の記録が開始される．

主な手順としては，

1. 「Start」をクリックして監視したい操作を行う
2. 「Stop」をクリックしてスニファを停止する
3. 通信内容を見て必要な情報を解析する

といった順序で解析することになる．

実際に通信をキャプチャすると，以下の画像の様になる．


WireSharkなどとほとんど同じなので，Web開発をしている人にはいちいち説明する必要は無いと思う．
簡単なフィルタ機能も備えているので，解析の取っかかりには便利なAdd-onだろう．

最近のWebアプリケーションフレームワークは，たまに思わぬ挙動をすることがあるので，こうしたツールを覚えておくと予期せぬ現象を追いかけるのに役に立つだろう．

[Mac OS X]: Macでスクリーンキャプチャの動画を作成する

ニコニコ動画などでデスクトップのキャプチャ動画が色々と上がっている．WindowsならDisplay2AVIなどのソフトがあり，AVIでキャプチャしたものをAVIUtilなどでH.264にエンコードしてアップロードするのが良さそう．この辺はニコニコ動画まとめWikiが詳しい．
ではMac OS Xではどうすれば良いだろうか．

Mac OS Xで使えるデスクトップキャプチャ（スクリーンキャプチャ）のフリーソフトとして僕が使っているのはJingである．
画像のスクリーンショットやデスクトップの指定した領域の動画を録画できるソフトで，H.264での保存はできず，SWFでの保存のみだがWebにアップロードする場合はこちらの方が面倒が無くて良いと思う．15分でBlogを作るRailsのScreencastのような画面キャプチャ動画を作るのならこれで十分だろう．

インストールはJing Projectのページに行って右側にあるMac OS X用のDMGイメージを落として来ればOKで，起動すると画面右上（デュアルディスプレイ時はメイン側のディスプレイ）に常駐し，マウスを持って行くと拡大してメニューが現れる．

このメニューの左上にあるのがキャプチャ用のアイコンで，これをクリックするとキャプチャするエリアを指定する画面になる．全画面をキャプチャするわけではなく，画面の一部分のみをキャプチャできるので，見せたくない部分は見せないようにすることができる．

領域を指定すると，次は画像で保存するか，動画を録画するかを設定するメニューが出るので「Video」を選択すると，3秒後に録画が開始される．
この枠の中が録画されるので，後は好きなように作業を行い，最後に停止ボタンをクリックして保存先を指定すればSWFで保存される．Screencastとの連携もあるようだが，試してはいない．

全画面ではなく画面の一部だけを保存できるというのが個人的にはポイントが高い．後で切り出す必要が無いのでそのままアップロードも可能で，非常に簡単でお手軽である．