Fork: 0
nitta-lab / TraceDebuggerExperiment
Transfer to URL with SHA Find file
Newer
Older
TraceDebuggerExperiment / courseB / JHotDraw_Forward / problem1 / JHotDraw1_Forward_Delta.html
n-nitta on 25 Sep 2020 6 KB コースAおよびBのすべての課題を繋げた。
Raw Blame History 
  1. <!DOCTYPE HTML>
  2. <html lang = "ja">
  3.     <head>
  4.         <title>課題B1 (接近過程抽出)</title>
  5.         <meta charset = "UTF-8">
  6.         <link rel = "stylesheet" type = "text/css" href = "../../../prettify.css">
  7.     </head>
  8.     <body>
  9.         <h1>課題B1 (接近過程抽出)</h1>
  10.  
  11.         <hr>
  12.         <h2>接近過程抽出</h2>
  13.         <p>
  14.             
  15.         </p>
  16.  
  17.         <p>
  18.             <p class = "explanation">
  19.                 課題B1終了直後は下図のような状態になっているはずです.<br>
  20.                 右上にあるパースペクティブを右クリックし, いったん「トレースデバッガ(順方向)」のパースペクティブを閉じてください.<br>
  21.                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_02.png" class = "threeQuartersSize"></div>
  22.             </p>
  23.             <p class = "explanation">
  24.                 ここで, 「トレースデバッガ(逆方向)」のパースペクティブを開いてください.<br>
  25.                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_03.png" class = "threeQuartersSize"></div>
  26.             </p>
  27.             <p class = "explanation">
  28.                 その状態のままで, ブレークポイントビュー上にある「ブレークポイントを取り入れる」をクリックしてください.<br>
  29.                 ブレークポイントを取り入れたら, ブレークポイントビュー上で下記2つのブレークポイントのチェックを外してください.<br>
  30.                 <ol>
  31.                     <li>&nbsp;&nbsp;98行目 DefaultDragTracker.mousePressed(MouseEvent)</li>
  32.                     <li>116行目 DefaultDragTracker.mousePressed(MouseEvent)</li>
  33.                 </ol>
  34.                 そのあと, デバッグ実行してください.<br>
  35.                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_06.png" class = "threeQuartersSize"></div>
  36.             </p>
  37.             <p class = "explanation">
  38.                 現在は, DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目にいます.<br>
  39.                 まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet に<br>
  40.                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を抽出して見ていきます.<br>
  41.                 ここで, ステップネクストを2回押してください.<br>
  42.                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_09.png" class = "threeQuartersSize"></div>
  43.             </p>
  44.             <p class = "explanation">
  45.                 ここで, 変数ビュー上の「呼び出し後」を開いて, 引数を右クリックしてください.<br>
  46.                 右クリックすると, ポップアップメニューが出てくるので, 「オブジェクトの接近過程抽出」をクリックしてください.<br>
  47.                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_10.png" class = "threeQuartersSize"></div>
  48.             </p>
  49.             <p class = "explanation">
  50.                 実際に「オブジェクトの接近過程抽出」を実行すると, 下図のような状態になります.<br>
  51.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_01.png" class = "threeQuartersSize"></div>
  52.             </p>
  53.             <p class = "explanation">
  54.                 「オブジェクトの接近過程」ビュー上の「開始時点」をクリックしてください.<br>
  55.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_03.png" class = "threeQuartersSize"></div>
  56.             </p>
  57.             <p class = "explanation">
  58.                 「オブジェクトの接近過程抽出」ビュー上の「参照先側001」から「参照先側020」までを順番にクリックしてください.<br>
  59.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_04.png" class = "threeQuartersSize"></div>
  60.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_06.png" class = "threeQuartersSize"></div>
  61.             </p>
  62.             <p class = "explanation">
  63.                 「オブジェクトの接近過程抽出」ビュー上の「参照元側001」から「参照元側002」までを順番にクリックしてください.<br>
  64.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_07.png" class = "threeQuartersSize"></div>
  65.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_08.png" class = "threeQuartersSize"></div>
  66.             </p>
  67.             <p class = "explanation">
  68.                 「オブジェクトの接近過程」ビュー上の「参照時点」をクリックしてください.<br>
  69.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_10.png" class = "threeQuartersSize"></div>
  70.             </p>
  71.             <p class = "explanation">
  72.                 ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet に<br>
  73.                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
  74.                 ここで, 課題B1の接近過程抽出は終了です.<br>
  75.                 「オブジェクトの接近過程」ビューを全て閉じてください.<br>
  76.                 デバッグ実行を終了したら, この「トレースデバッガ(逆方向)」のパースペクティブを閉じてください.<br>
  77.                 <div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_11.png" class = "threeQuartersSize"></div>
  78.             </p>
  79.             <hr>
  80.             <p>
  81.                 課題B1の接近過程抽出が終了しましたら, 以下のアンケートにお答えください.
  82.                 <div><a href = "https://docs.google.com/forms/d/e/1FAIpQLSeNl_V5Dr7QIZEDQfCPGzhyDDgT89BfWc5k4Rp3LUlv2aBGwA/viewform" target = "_blank">アンケート回答</a></div>           
  83.             </p>
  84.         <a href="../problem2/JHotDraw2_Forward.html">次へ</a>
  85.         </p>
  86.     </body>
  87. </html>