Fiddler の AutoResponder 機能を利用すると、jQuery などのライブラリの差し替えテストを、サーバー サイドの設定変更なしに、クライアントの操作だけで行う事ができます。

1. Fiddler で
モジュール入れ替
え
テストを手軽に
Murachi Akira aka hebikuzure
This material provided by CC BY-NC-ND 2.1. See http://creativecommons.org/licenses/by-nc-nd/2.1/jp/

2. About me
村地 彰
株式会社シーピーエス
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011～
2014/5/23 2© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

3. ライブラリの更新
新しいバージョンを使いたい
稼働中のサービスでの
互換性が心配
差し替えテストをしよう
2014/5/23 3© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

4. 差し替えテスト
テスト用サイトの構築
ライブラリの差し替え
◦ ファイル自体の置き換え
◦ 読み込むリンクの書き換え
動作テスト
2014/5/23 4© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

5. ところが…
<script src="//ajax.googleapis.com/
ajax/libs/jquery/1.11.1/jquery.min.js">
とか
<script src=
"js/vendor/jquery-1.11.1.min.js">
とか書いてある
2014/5/23 5© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

6. つまり
全部のソースを確認して、
バージョン指定のある部分を
全て書き換える必要がある
…………………………………….………orz
2014/5/23 6© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

7. そんな時には Fiddler
Fiddler
The free web debugging proxy
for any browser, system or platform.
http://www.telerik.com/fiddler
2014/5/23 7© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

8. Fiddler の AutoResponder
サーバーからのレスポンスを
作成したルールに基づいて自
動的に置き換える
古いバージョンのライブラリ
へのリクエストに、新しい
バージョンのライブラリを返
すように構成できる
2014/5/23 8© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

9. つまり…
稼働中のサーバーを
一切変更することなく、
クライアントの操作だけで
ライブラリなどのモジュールの
入れ替えテストができる
2014/5/23 9© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

10. DEMO
2014/5/23 10© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ

11. Fiddler について知りたい
方は
実践 Fiddler
著:Eric Lawrence
監訳:物江 修 訳:長尾 高弘
https://www.oreilly.co.jp/
books/9784873116167/
2014/5/23 11© 2014 Murachi Akira - CC BY-NC-ND - 第5回 HTML5ビギナーズ