GitBucket
Newer
<!DOCTYPE HTML>
<html lang = "ja">
<head>
<title>課題A3 (接近過程抽出)</title>
<meta charset = "UTF-8">
<link rel = "stylesheet" type = "text/css" href = "../../../prettify.css">
</head>
<body>
<h1>課題A3 (接近過程抽出)</h1>
<hr>
<h2>接近過程抽出</h2>
<p>
ここでは, 課題A3 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題A3 (機能理解) と同様,<br>
<blockquote>
「選択された図形がJHotDrawのシステム内部でどのように管理され，図形移動機能の実行によってどのように取り出されて，移動していくか?」
</blockquote>
を理解することを目指します.
</p>
<p>
Figure クラスは図形を表す JHotDraw のクラスです.<br>
また, RectangleFigure クラスは矩形を表す JHotDraw のクラスで, Figure クラスの子孫クラスにあたります.<br>
</p>
<p>
<p class = "explanation">
課題A3 (機能理解) の終了直後は下図のような状態になっているはずです.<br>
ここで, 「実行時点の登録」ビュー上で登録している「118行目 DefaultDragTracker.mousePressed(MouseEvent)」をダブルクリックしてください.<br>
すると, 現在の実行時点が DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目に移ります.<br>
<div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_01.png" class = "threeQuartersSize"></div>
<div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_02.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
先ほどの操作によって, 現在は DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目にいます.<br>
このとき, ローカル変数 f で参照されている RectangleFigure クラスのインスタンスが, 図形動機能によって移動している矩形に当たります.<br>
まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet のインスタンスに<br>
RectangleFigure クラスのインスタンス (id = 1952912699) が, この行で追加されるようになるまでの経緯を抽出して見ていきます.<br>
ここで, 変数ビュー上の「呼び出し前」のメソッド名が HashSet.add(Object) であることを確認してください.<br>
それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
右クリックすると, ポップアップメニューが出てくるので, 上の方の HashSet のインスタンスと RectangleFigure のインスタンスを<br>
対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_04.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
実際に「オブジェクトの接近過程抽出」を実行すると, 下図のような状態になります.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_01.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
「オブジェクトの接近過程」ビュー上の「開始時点」をクリックしてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_03.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
「オブジェクトの接近過程抽出」ビュー上の「参照先側001」から「参照先側020」までを順番にクリックしてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_04.png" class = "threeQuartersSize"></div>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_06.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
「オブジェクトの接近過程抽出」ビュー上の「参照元側001」から「参照元側002」までを順番にクリックしてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_07.png" class = "threeQuartersSize"></div>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_08.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
「オブジェクトの接近過程」ビュー上の「参照時点」をクリックしてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_10.png" class = "threeQuartersSize"></div>
</p>
<p class = "explanation">
ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している<br>
HashSet のインスタンスに, RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
ここで, 課題A3の接近過程抽出は終了です.<br>
「オブジェクトの接近過程」ビューを全て閉じてください.<br>
なお, デバッグ実行は終了せずにそのままの状態にしておいてください.<br>
<div class = "image"><img src = "./images/images_problem1_delta/JHotDraw_1_delta_11.png" class = "threeQuartersSize"></div>
</p>
</p>
<hr>
<p>
課題A3の接近過程抽出が終了しましたら, 以下のアンケートにお答えください.
<div><a href = "https://docs.google.com/forms/d/e/1FAIpQLSf4VgH2dqf0s8kn7CQhEhuLKEbUer7aDu5iCoffC6rTKgg37w/viewform" target = "_blank">アンケート回答</a></div>
</p>
<a href="../problem2/JHotDraw2_Reverse.html">次へ</a>
</body>
</html>