準備

まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。

作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS

CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。

http://coderepos.org/share/wiki/CocProxy $ wget http://svn.coderepos.org/share/lang/ruby/cocproxy/proxy.rb CocProxy は id:cho45 が作った超絶便利ツールです。

ローカルに Proxy サーバーを立ち上げて、 Web サーバからの応答をローカルのファイルの内容に差し替えることができます。

CocProxy で差し替えるファイル用のディレクトリを作る CocProxy は、 proxy.rb と同じディレクトリ内にある files サブディレクトリ内にファイルを置いておけば、自動で応答を差し替えてくれるようになります。 $ mkdir files

はてなブックマークで使っている以下の JavaScript をダウンロード はてなブックマーク一覧ページで使っている JavaScript をダウンロードして、 files ディレクトリ内に入れます。 $ cd files $ wget http://s.hatena.ne.jp/js/HatenaStar.js $ wget http://b.hatena.ne.jp/js/DropDownSelector.js $ wget http://b.hatena.ne.jp/js/CSSChanger.js $ wget http://b.hatena.ne.jp/js/Hatena/Bookmark.js $ cd .. 今のところ作業ディレクトリ内は以下のような感じです。 $ tree . |-- files | |-- Bookmark.js | |-- CSSChanger.js | |-- DropDownSelector.js | `-- HatenaStar.js `-- proxy.rb 1 directory, 5 files

CocProxy を起動して、ブラウザのプロキシを設定する ruby で proxy.rb を起動します。以下のように、表示されます。 $ ruby proxy.rb Use default configuration. Port : 5432 Dir : files/ Cache: true Rules: 1. #{File.basename(req.path_info)} 2. #{req.host}#{req.path_info} 3. #{req.host}/#{File.basename(req.path_info)} 4. .#{req.path_info} これが完了したら localhost:5432 にプロキシサーバが立ち上がっているので、ブラウザに設定します。