2019/04/14 「Visual Studio 2019 Launch Event in Fukuoka」のLT資料。

1. Fiddler 使ってますか？
2019/04/14
ジョニー

2. about:config
VB, VBA, Java (Swing), Flex, C/C++ (Win32,
MFC, COM, wxWidgets), Windows Forms
(VB.NET, C#), WPF, Windows Store Apps
Windows
RPG, CAS/400
Java, Native library (C/C++)Android
ASP, PHP, JSP, Spring, XSLT, DHTML+HTC,
ASP.NET Web Forms, ASP.NET
MVC/API, ASP.NET Core, React, ...
Web
Anders Hejlsberg, Mark Russinovich, Scott
Hanselman, Jon Skeet, Ben Adams, David
Fowler, …
Fav People
ジョニー
@joni2nja
https://joni.carrd.co/
https://medium.com/@joni2nja​
https://github.com/jo-ninja​

3. Fiddler とは？
• Web debugging proxy
• https://www.telerik.com/fiddler

4. こんなことありませんか？
• API開発とAPI利用するクライアントの開発が平行でクライアント側が
APIテストしたいが、APIがまだ完成していない
⇒ダミーレスポンスを返すWebサーバー作成は面倒
• トラブルシューティングで同じAPIリクエストを送信したい
• レスポンス速度の制御、検証
• プログラムを変更せず、HTTPリクエスト/レスポンスを動的に変更し
たい
• クライアントの操作（HTTPリクエスト・レスポンス）を記録・再現したい
• ・・・

5. Fiddler利用経験
• ASP.NET Web Forms時代から使用している
• Web開発やトラブルシューティング
• SSOのフローのトラブルシューティング
• HTTP/HTTPS、APIコールのトラブルシューティング
• モバイル開発のAPIコールのトラブルシューティング
• ・・・
• デスクトップアプリのWeb通信を把握・トラブルシューティング
• Postmanが誕生してからは併用している
• Chrome F12ツールのネットワークタブとも併用している

6. プログラム/CLIの設定

7. DEMO
• Fiddler画面でF12押下でネットワークのキャプチャーの停止・開始の
切り替えができる
• Fiddler起動後、どの画面からでも CTRL+ALT+F 押下でFiddler画面へ
簡単に戻れる
• Decodeボタンをオンにすると、レスポンス結果を自動でdecodeしてく
れる

8. DEMO
• CTRL+E で便利な TextWizard が使える
• 自由に使えるオンラインサービスのencode/decodeたくさん存在するが、機
密情報の貼り付けって怖いよね？
• これなら安心して使える

9. DEMO
• ALT+Q押下後、URL（一部でも可）入力、ENTER⇒セッション一覧の項
目（リクエスト・レスポンス）の選択
• DEL押下⇒削除
• SHIFT+DEL押下⇒選択したもの以外の削除
• R押下、リプレイ
• 他にも色々

10. DEMO
• AutoResponder
• 完全一致
• 正規表現
• *bpu
• *bpafter
• ・・・

11. DEMO
• ALT+Q押下後、「select javascript」入力、ENTER⇒Content-Type
application/javascriptを選択できる

12. DEMO
• Filtersの活用
• 「Flag responses that set cookies」
• セッション一覧にはクッキーを設定している
ものは斜体文字になり、一目でわかる
• ログイン・ログアウトの確認等には便利

13. Fiddler Orchestra とは？

14. Thank you!