ログインID パスワード
タグツリー検索

更新されたページ

人気のページ

Brup Log Viewer のページ
Ogaworld Explosion
 フリーウェアを作っているオトモダチ

ページ検索

カレンダー検索

ヒストリ



(作成)  2013/05/04 15:16:57  はぐれSE さん
(更新)  2015/07/11 16:56:26  はぐれSE さん
(バージョン) 6

SessionDecorator、SiteProfiler の使い方(チュートリアル)

(1) SessionDecorator 、SiteProfiler が正しくインストールされていれば、Fiddler を起動したときに以下のような画面が表示されれます。

tutorial_01.png

※それぞれの配布場所はこちら→SessionDecoratorSiteProfiler


(2) SessionDecorator を使って画面遷移を記録してみましょう。

ブラウザに遷移元画面を表示して、画面のイメージをキャプチャーします。

tutorial_02.png

画面のイメージをFiddler のセッションに記録します。

tutorial_03.png

tutorial_04.png

ブラウザを操作して画面を遷移します。画面のイメージをキャプチャーします。

tutorial_05.png

画面のイメージをFiddler のセッションに記録します。

tutorial_06.png

tutorial_07.png

区切り線を入れて見やすくしましょう。

tutorial_08.png

tutorial_09.png

上記の要領で画面遷移を記録していきます。

tutorial_10.png

(3) セッションに書式を設定してみましょう。

文字色を選択します。

tutorial_11.png

※「A」の文字をダブルクリックして次の色を選択することができます。

背景色を選択します。

tutorial_12.png

※「■」の文字をダブルクリックして次の色を選択することができます。

セッションを選択して書式を設定します。

tutorial_13.png

tutorial_14.png

※色だけでなく太字、斜体やセッションコメントを設定することができます。

※「Immediate」をチェック状態にしておくと、以降に記録されるセッションに対して自動的に書式を設定します。

※「Erase」で設定された書式を消去します。


(4) SiteProfiler を使って画面遷移情報を作成しましょう。

tutorial_15.png

tutorial_16.png

tutorial_17.png

※Fiddler のセッションはドラッグ&ドロップ操作で取り込みます。

※画面イメージをファイルから取り込みたいときは右クリック

次の画面遷移情報を作成します。

tutorial_18.png

登録済みの画面名、アクション名はリストから選択することができます。

tutorial_19.png

全部入力したら、画面遷移の一覧を表示して調整します。

tutorial_20.png

tutorial_21.png

セッションの詳細を表示して調整します。

tutorial_22.png

tutorial_23.png

tutorial_24.png

tutorial_25.png

※MIMETypeや文字セットは「Content-Type」ヘッダーで判断していますが、ヘッダー情報がない場合や誤りがある場合には、こちらで個別に指定してください。

(5) レポートを出力してみましょう。

tutorial_26.png

tutorial_27.png

HTML形式で以下のようなサンプルレポートが出力されます。

tutorial_28.png

(6) データを保存してみましょう。

tutorial_29.png

(7) カスタマイズしてみましょう。

tutorial_30.png

よく使う画面名、アクション名はこちらに登録しておくとリストから選択できます。

tutorial_31.png

レポート出力の処理はC#のスクリプトで記述されています。サンプルレポートを参考にしてカスタマイズしてみましょう。

tutorial_32.png


最後に

前作「DropObjects」の「TargetExport」機能で出力していたExcelファイルとほぼ同等のものを出力するスクリプトをご用意しました。

SiteProfilerスクリプト集の「確認項目表(Excel)作成スクリプト.txt」です。・・・(2015/07/11 GitHubにて公開しました。)

※こちらも自己責任でご自由にお使いください。

このページに対するコメント
コメントがありません。
Copyright 2006-2015 はぐれSE All Rights Reserved.
Powered by Cvec*KCS.