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/

About me 村地　彰 　株式会社シーピーエス

http://www.murachi.net/ http://www.hebikuzure.com/ Microsoft MVP (Internet Explorer) Apr. 2011 ～

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

ライブラリの更新新しいバージョンを使いたい稼働中のサービスでの

互換性が心配差し替えテストをしよう

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

差し替えテストテスト用サイトの構築ライブラリの差し替え

◦ ファイル自体の置き換え◦ 読み込むリンクの書き換え

動作テスト

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

ところが…<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 ビギナーズ

つまり 全部のソースを確認して、バージョン指定のある部分を全て書き換える必要がある…………………………………… .………orz

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

そんな時には Fiddler Fiddler The free web debugging proxyfor any browser, system or platform. http://www.telerik.com/fiddler

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

Fiddler の AutoResponderサーバーからのレスポンスを

作成したルールに基づいて自動的に置き換える

古いバージョンのライブラリへのリクエストに、新しいバージョンのライブラリを返すように構成できる

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

つまり… 稼働中のサーバーを一切変更することなく、クライアントの操作だけでライブラリなどのモジュールの入れ替えテストができる

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

DEMO

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

Fiddler について知りたい方は 実践 Fiddler著 :Eric Lawrence 　監訳 : 物江 修　訳 : 長尾 高弘https://www.oreilly.co.jp/books/9784873116167/

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