diff --git a/Introduction.html b/Introduction.html
index 8b54a7c..68209dc 100644
--- a/Introduction.html
+++ b/Introduction.html
@@ -27,7 +27,7 @@
     実験では，2つのオープンソースプログラムから2つずつ機能を選んで，計4つの課題に取り組んでいただきます．
     比較の公平性を保つため，4つのうちの2つの課題に対しては順方向バージョンを，残り2つの課題に対しては逆方向バージョンを用いてソースコードを追いかけていただき，
     それぞれの操作に要した時間を計測した上で，課題ごとにアンケートにお答えいただきます．<br>
-    全体の作業時間としては，5~6時間程度を想定しています．
+    全体の作業時間としては，5~7時間程度を想定しています．
     お答えいただくアンケートは最初と最後，課題ごとに2個ずつの計10個あります．
     アンケートへの回答が終わるたびに作業を中断していただいて構いません．
     作業はすべてEC2インスタンスおよびWeb上で完結します．
@@ -76,7 +76,7 @@
     
 <p>
 <strong>実験時間(拘束時間)に関して説明いたします．</strong><br>
-全体の作業としては5~6時間を想定していますが，人によっては多少前後する可能性があります．<br>
+全体の作業としては5~7時間を想定していますが，人によっては多少前後する可能性があります．<br>
 時間に余裕がある際に行ってください．<br>
 また，後日大学にお越しいただいたり，こちらから連絡を行うことはありません(参加者に不利益が発生する恐れのある場合は除く)．
 </p>
@@ -91,7 +91,7 @@
 <strong>契約と報酬に関して説明いたします．</strong><br>
 </p>
 <ul>
-    <li>報酬は作業全体に対して一律に(10,500円)支払われます．</li>
+    <li>報酬は作業全体に対して一律に(10,900円)支払われます．</li>
     <li>作業は全てのアンケートにお答えいただいた時点で終了とします．</li>
     <li>実験の途中で参加を取りやめた場合は，報酬は支払われません．あらかじめご了承下さい．</li>
     <li>契約及び報酬に関してご不明な点がございましたら，メッセージにてご連絡ください．</li>
diff --git a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
index 9366797..784870b 100644
--- a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
+++ b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
@@ -84,7 +84,7 @@
             </p>
             <p class = "explanation">
                 現在は, 呼び出し元である FigNodeModelElement クラスの removeFromDiagramImpl() メソッドを見ています.<br>
-                ここで, 変数ビューを見ると, このメソッドも先ほどと同様に FigClass クラスのインスタンス (id = 1675174935) によって呼び出されていることがわかります.<br>
+                ここで, 変数ビューを見ると, このメソッドも先ほどと同様に FigClass クラスのインスタンス (id = 1675174935) に対して呼び出されていることがわかります.<br>
                 これを確認したら, 呼び出しスタック上でさらに1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_03.png" class = "threeQuartersSize"></div>
             </p>
@@ -142,14 +142,15 @@
                 いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
                 ActionRemoveFromDiagram() クラスの actionPerformed(ActionEvent) メソッドの85行目に止まります.<br>
                 ソースコードを見ると, ここでは ローカル変数 ce で参照されているインスタンスに対して getSelectionManager() メソッドが呼び出され, <br>
-                その戻り値に対して getFigs() メソッドが呼び出され, getFigs() メソッドの戻り値として返されたリストが, ローカル変数 figs に代入されていることが確認できます.<br>
+                その戻り値に対して getFigs() メソッドが呼び出され, getFigs() メソッドの戻り値として返されたリストが, <br>
+                ローカル変数 figs に代入されていることが確認できます.<br>
                 ここで, まずはステップインを1回押して Editor クラスの getSelectionManager() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_10.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Editor クラスの getSelectionManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, Editor クラスのインスタンス (id = 371019845) が<br>
-                フィールド _selectionManager として SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, Editor クラスのインスタンス (id = 371019845) の<br>
+                フィールド _selectionManager が SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_11.png" class = "threeQuartersSize"></div>
             </p>
@@ -174,20 +175,21 @@
             <p class = "explanation">
                 ここで, まずはステップインを3回押してください.<br>
                 すると, selections に対する get() メソッドの実行が終了し, その戻り値に対して getContent() メソッドを呼び出す直前の時点にまで現在の実行時点が進みます.<br>
+                (変数ビューを見ると, Selection.getContent() の呼び出し前であることがわかります.)<br>
                 ここで, ステップインを1回押して, SelectionClass クラスの getContent() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_15.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Selection クラスの getContent() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと SelectionClass クラスのインスタンス (id = 1672744985) が<br>
-                フィールド content として FigClass クラスのインスタンス (id = 1675174935) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと SelectionClass クラスのインスタンス (id = 1672744985) の<br>
+                フィールド content が FigClass クラスのインスタンス (id = 1675174935) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_16.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 SelectionManager クラスの getFigs() メソッドに戻ってきました.<br>
-                ここで, 変数ビュー上の「呼び出し前」を開いて引数のIDを確認してください.<br>
-                すると, 先ほど取得してきた FigClass クラスのインスタンス (id = 1675174935) をローカル変数 figs に追加することがわかります.<br>
+                ここで, 変数ビュー上の「呼び出し前」 (Vector.addElement(Object) の呼び出し前) を開いて引数のIDを確認してください.<br>
+                すると, 先ほど取得してきた FigClass クラスのインスタンス (id = 1675174935) がローカル変数 figs に追加されることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_17.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -199,7 +201,7 @@
             <p class = "explanation">
                 呼び出し元である ActionRemoveFromDiagram クラスの actionPerformed(ActionEvent) メソッドに戻ってきました.<br>
                 ここで, ステップオーバーを1回押して, 87行目に進んでください.<br>
-                そのあと, 変数ビュー上の「呼び出し後」を開いて戻り値のIDを確認してください.<br>
+                そのあと, 変数ビュー上の「呼び出し後」 (Iterator.next() の呼び出し後) を開いて戻り値のIDを確認してください.<br>
                 すると, 先ほどの FigClass クラスのインスタンス (id = 1675174935) を取得していることがわかります.<br>
                 これを確認したら, ステップオーバーを2回押して89行目に進んでください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_19.png" class = "threeQuartersSize"></div>
@@ -223,7 +225,8 @@
                 今までの結果から, FigClass クラスのインスタンス (id = 1675174935) に関連するオブジェクトについて, 以下のことがわかりました.<br>
                 <ol>
                     <li>FigClass クラスのインスタンス (id = 1675174935) は SelectionClass クラスのインスタンス (id = 1672744985) が参照している. </li>
-                    <li>SelectionClass クラスのインスタンス (id = 1672744985) は SelectionManager クラスのインスタンス (id = 4310438) が参照している.</li>
+                    <li>SelectionClass クラスのインスタンス (id = 1672744985) は, SelectionManager クラスのインスタンス (id = 4310438) の selections
+                        フィールドが参照している ArrayList のインスタンスによって管理されている.</li>
                     <li>SelectionManager クラスのインスタンス (id = 4310438) は Editor クラスのインスタンス (id = 371019845) が参照している.</li>
                 </ol>
                 ここからは, Editor クラスのインスタンス (id = 371019845) について見ていきます.<br>
@@ -247,7 +250,7 @@
             </p>
             <p class = "explanation">
                 Globals クラスの static メソッドである curEditor() メソッドに入りました.<br>
-                ここで, ソースコードを見ると, Globals クラスが static フィールド _curEditor として Editor クラスのインスタンスを参照していることがわかります.<br>
+                ここで, ソースコードを見ると, Globals クラスの static フィールド _curEditor が Editor クラスのインスタンスを参照していることがわかります.<br>
                 これを確認したら, 呼び出しスタック上で1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_25.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
index 88db2ca..8ec9074 100644
--- a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
+++ b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
@@ -19,6 +19,7 @@
             <p class = "explanation">
                 課題A1 (機能理解) の終了直後は下図のような状態でデバッグ実行が終了しているはずです.<br>
                 デバッグ実行が終了していることを確認したら, 右上にあるパースペクティブを右クリックし, いったん「トレースデバッガ(順方向)」のパースペクティブを閉じてください.<br>
+                ここでは, 課題A1 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題A1 (機能理解) と同等の内容を理解していくことを目指します. <br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/ArgoUML_1_delta_pre_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -64,8 +65,9 @@
             </p>
             <p class = "explanation">
                 ここまでで, ActionRemoveFromDiagram クラスのインスタンスに FigClass クラスのインスタンス (id = 1675174935) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, SelectionManager クラスのインスタンス (id = 4310438) のローカル変数 figs が参照している Vector に追加されていた FigClass クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, その FigClass クラスのインスタンスがどうやって追加されたのかについては, この抽出範囲だけではわかりません.<br>
+                抽出した結果 (「参照先側012」と「参照先側013」) を見ると, SelectionManager#getFigs() 中のローカル変数 figs が参照している<br>
+                Vector オブジェクトに追加された FigClass クラスのインスタンスを後で取得してきていることがわかりましたが, <br>
+                その FigClass クラスのインスタンスが Vector オブジェクトに追加されるまでの経緯は, この抽出範囲だけではわかりません.<br>
                 そこで, ここからは, そのローカル変数 figs に FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側012」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_09.png" class = "threeQuartersSize"></div>
@@ -80,7 +82,8 @@
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が Vector.addElement(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の Vector クラスのインスタンスと FigClass クラスのインスタンスに対する<br>
+                「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_12.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -106,8 +109,8 @@
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_20.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, SelectionManager クラスのインスタンス (id = 4310438) のローカル変数 figs が参照している Vector に<br>
-                FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見てきました.<br>
+                ここまでで, SelectionManager#getFigs() メソッド内のローカル変数 figs が参照している Vector クラスのインスタンス<br>
+                (id = 450474599) に FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題A1の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じ, そのあとデバッグ実行を終了してください.<br>
                 デバッグ実行を終了したら, この「トレースデバッガ(逆方向)」のパースペクティブを閉じてください.<br>
diff --git a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_04.png b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_04.png
index c6e09c4..c588eb3 100644
--- a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_04.png
+++ b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_04.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_09.png b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_09.png
index 153aeb6..bf4e181 100644
--- a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_09.png
+++ b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_09.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_23.png b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_23.png
index 82d7459..ca20008 100644
--- a/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_23.png
+++ b/courseA/ArgoUML_Forward/problem1/images/images_problem1/ArgoUML_1_23.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/problem1/images/images_problem1_pre/ArgoUML_1_pre_09.png b/courseA/ArgoUML_Forward/problem1/images/images_problem1_pre/ArgoUML_1_pre_09.png
index 72fb287..c45b0e2 100644
--- a/courseA/ArgoUML_Forward/problem1/images/images_problem1_pre/ArgoUML_1_pre_09.png
+++ b/courseA/ArgoUML_Forward/problem1/images/images_problem1_pre/ArgoUML_1_pre_09.png
Binary files differ
diff --git a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
index 8f04b97..868ecfb 100644
--- a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
+++ b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
@@ -1,5 +1,5 @@
 <!DOCTYPE HTML>
-<html lang = "ja">
+<html lang="ja" xmlns="http://www.w3.org/1999/html">
     <head>
         <title>課題A2 (機能理解)</title>
         <meta charset = "UTF-8">
@@ -13,8 +13,8 @@
             <blockquote>
                 「配置された図形がArgoUMLのシステム内部でどのように管理され，選択機能の実行によってどのように取り出されて，どのように選択図形として登録されるか?」
             </blockquote>
-            ArgoUMLはオープンソースのUMLモデリングツールで, Javaで書かれております.<br>
-            また, ArgoUML内部では, グラフ編集用フレームワークであるGEFが使用されています.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
+            なお, ArgoUML内部では, グラフ編集用フレームワークであるGEFが使用されています.<br>
             ワークスペース内のargouml-*が、ArgoUMLを構成するプロジェクトであり, GEF-0.13.7がGEFのプロジェクトです.
         </p>
 
@@ -26,15 +26,18 @@
                 <div class = "image"><img src = "./images/images_problem2_pre/ArgoUML_2_pre_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">                
-                ここでは, フィールド selections に SelectionClass クラスのインスタンス (id = 1672744985) を実際に追加しているのはどこなのかを見ていきます.<br>
-                ソースコード中の selections にカーソルを入れ, そのフィールドに対してオブジェクトを追加している全ての行にブレークポイントを入れてください.<br>
-                今回は, SelectionManager クラスの125行目と130行目の二か所が該当します.
+                まず, 課題A1で開いた SelectionManager クラスを見ていきます. <br>
+                (閉じてしまった場合は, GEF プロジェクト内で, SelectionManager の型の宣言を検索してください.)<br>
+                ここでは, SelectionManager のフィールド selections に SelectionClass クラスのインスタンス (id = 1672744985) を<br>
+                実際に追加しているのはどこなのかを見ていきます.<br>
+                ソースコード中の selections のいずれかの参照箇所にカーソルを入れ, その selections に対してオブジェクトを追加している<br>
+                全ての行にブレークポイントを入れてください. 今回は, SelectionManager クラスの125行目と130行目の二か所が該当します.
                 <div class = "image"><img src = "./images/images_problem2_pre/ArgoUML_2_pre_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                SelectinoManager クラスの125行目と130行目にブレークポイントを入れた状態で,<br>
+                SelectionManager クラスの125行目と130行目にブレークポイントを入れた状態で,<br>
                 ブレークポイントビュー上の「ブレークポイントをEclipseから取り入れる」アイコンを押してください.<br>
-                すると, 実際にトレース上に実行された記録が残っている130行目にだけブレークポイントが新規追加されます.<br>
+                すると, 実際にトレース上に実行された記録が残っている130行目のブレークポイントだけが新規追加されます.<br>
                 そのあと, ブレークポイントビュー上で下記のブレークポイントのチェックを外してください.
                 <ol>
                     <li>83行目 ActionRemoveFromDiagram.actionPerformed(ActionEvent)</li>
@@ -47,8 +50,8 @@
                 まずは再開ボタンを1回押すと, 再び130行目に止まることが確認できます.<br>
                 もう一度再開ボタンを押すと 今度は ActionRemoveFromDiagram クラスの actionPerformed(ActionEvent) メソッドの85行目に止まることが確認できます.<br>
                 そこからさらに再開ボタンを押していくと, 現在の実行時点は FigNodeModelElement クラスの 1965行目 → Fig クラスの743行目に移り変わっていくことが確認できます.<br>
-                これを確認したら, デバッグ実行をいったん終了してから再び実行して, 再開ボタンを1回押して2回目の130行目に進めてください.<br>
-                下図の状態になれば, ここで課題A2の前準備は終了です.
+                これを確認したら, デバッグ実行をいったん終了してから再び実行し, 一時停止状態から再開ボタンを1回押して130行目での<font color="red">2回目の停止</font>に進めてください.<br>
+                下図の状態になれば, ここで課題A2の前準備は終了です. (呼び出しスタックの2つ手前の呼び出し元が「ModeSelect.mousePressed(MouseEvent) の行: 187」になっているはずです. )
                 <div class = "image"><img src = "./images/images_problem2_pre/ArgoUML_2_pre_04.png" class = "threeQuartersSize"></div>
             </p>
         </p>
@@ -58,7 +61,8 @@
         <p>
             Fig クラスはグラフィックエディタ上の図形を表すGEFの内部のクラスです.<br>
             また, FigClass クラスはクラス図上に配置された「クラス」を表す ArgoUML のクラスで, Fig クラスの子孫クラスにあたります.<br>
-            ブレークポイントを置いた行は、図形を選択するたびに実行されます.
+            ブレークポイントを置いた行は, 図形を選択するたびに実行されます. この行が2回実行される理由は, クラス配置機能で配置されたクラスが選択状態になるときに, <br>
+            まず1回目の実行が行われるためです.
         </p>
 
         <p>
@@ -67,10 +71,10 @@
                 この状態になっていれば, <font color="red">ここから時間計測を開始</font>してください. 時間計測はできる限り，1分以内の単位での計測をお願いします.<br>
                 <!--ここで, ソースコードと変数ビューを見ると, SelectionManager クラスのインスタンス (id = 4310438) が参照するフィールド selections へは<br>
                 makeSelectionFor(Fig) メソッドの戻り値である SelectionClass クラスのインスタンス (id = 1672744985) が追加されていることがわかります.<br>-->
-                ここで, ソースコードと変数ビューを見ると, SelectionManager クラスのインスタンス (id = 4310438) が参照するフィールド selections へは<br>
-                makeSelectionFor(Fig) メソッドの戻り値 (SelectionClass クラスのインスタンス) が追加されていることがわかります.<br>
+                ここで, ソースコードと変数ビューを見ると, SelectionManager クラスのインスタンス (id = 4310438) のフィールド selections が参照している<br>
+                ArrayList クラスのインスタンスに, makeSelectionFor(Fig) メソッドの戻り値 (SelectionClass クラスのインスタンス) が追加されていることがわかります.<br>
                 課題A2では, このオブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見ていきます.<br>
-                まずは, ステップインを3回押して, この makeSelectionFor(Fig) メソッドの中に入ってください.<br>
+                まずは, SelectionClass クラスのインスタンスについて見ていきます. ステップインを3回押して, この makeSelectionFor(Fig) メソッドの中に入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -98,10 +102,10 @@
             </p>
             <p class = "explanation">
                 SelectionManager クラスの addFig(Fig) メソッドに戻ってきました.<br>
-                ここで, 変数ビュー上の「呼び出し前」を開くと, 先ほどの SelectionClass クラスのインスタンス (id = 1672744985) が引数として渡されており,<br>
-                これがフィールド selections に追加されることがわかります.<br>
+                ここで, 変数ビュー上の「呼び出し前」を開くと, 先ほどの SelectionClass クラスのインスタンス (id = 1672744985) が <br>
+                List.add(Object) メソッドの数として渡されており, これがフィールド selections に追加されることがわかります.<br>
                 また, この引数をさらに開くと, SelectionClass クラスのインスタンス (id = 1672744985) が<br>
-                フィールド content として 実際に FigClass クラスのインスタンス(id = 1675174935) を参照していることを確認できます.<br>
+                フィールド content として実際に FigClass クラスのインスタンス(id = 1675174935) を参照していることを確認できます.<br>
                 ここからは, FigClass クラスのインスタンス(id = 1675174935) について見ていきます.<br>
                 ソースコードと変数ビューを見ると, このインスタンスは 仮引数 f として渡されていることが確認できます.<br>
                 この仮引数 f の値がどこから来たのかを見るために, 呼び出しスタック上で1つ呼び出し元をクリックしてください.
@@ -110,7 +114,7 @@
             <p class = "explanation">
                 現在は SelectionManager クラスの select(Fig) メソッドの180行目を見ています.<br>
                 ここで, ソースコードを見ると, この FigClass クラスのインスタンス (id = 1675174935) は, ここでも仮引数として渡されてきていることが確認できます.<br>
-                これを確認したら, 呼び出しスタック上で1つ呼び出し元をクリックしてください.
+                これを確認したら, 呼び出しスタック上でさらに1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_06.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -132,11 +136,11 @@
                 ここで, 再開ボタンを1回押すと, 次は ModeSelect クラスの mousePressed(MouseEvent) メソッドの160行目で止まります.<br>
                 そのあと, 再開ボタンをもう1回押すと, 再び160行目で止まることが確認できます.<br>
                 さらに再開ボタンを押すと, SelectionManager クラスの addFig(Fig) メソッドの130行目に止まることが確認できます.<br>
-                これによって, 2回目の160行目の時点がローカル変数 underMouse に値が代入された直前の実行時点だとわかります.<br>
+                これによって, 160行目の2回目の実行がローカル変数 underMouse に値が代入された直前の実行時点だとわかります.<br>
             </p>
             <p class = "explanation">
                 これを確認したら, いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                そのあと, 再開ボタンを2回押して, 2回目の160行目にまで進んでください.<br>
+                そのあと, 再開ボタンを2回押して, 160行目の2回目の実行にまで進んでください.<br>
                 ここで, ステップオーバーを1回押すと, 163行目に止まることが確認できます.<br>
                 163行目では, ローカル変数 underMouse で参照されているインスタンスに対して deepSelect(Rectangle) メソッドが呼び出され<br>
                 その戻り値がローカル変数 underMouse に再び代入されていることが確認できます.<br>
@@ -150,7 +154,7 @@
             </p>
             <p class = "explanation">
                 いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                まずは, 再開ボタンを2回押して, 2回目の160行目にまで進んでください.<br>
+                まずは, 再開ボタンを2回押して, 160行目の2回目の実行にまで進んでください.<br>
                 そのあと, ステップオーバーを1回押して163行目に進んでください.<br>
                 ここで, ステップインを2回押して FigGroup クラスの deepSelect(Rectangle) メソッドの中に入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_12.png" class = "threeQuartersSize"></div>
@@ -169,7 +173,7 @@
             </p>
             <p class = "explanation">
                 いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                そのあと, 再開ボタンを2回押して, 2回目の160行目にまで進んでください.<br>
+                そのあと, 再開ボタンを2回押して, 再度160行目の2回目の実行にまで進んでください.<br>
                 ソースコードを見ると, 160行目では Editor クラスの hit(Point) メソッドが呼び出され, <br>
                 その戻り値がローカル変数 underMouse に代入されていることが確認できます.<br>
                 ここで, ステップインを3回押して, このメソッドの中に入ってください.
@@ -189,27 +193,27 @@
             </p>
             <p class = "explanation">
                 Editor クラスの getLayerManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, Editor クラスのインスタンス (id = 371019845) が<br>
-                フィールド _layerManager として LayerManager クラスのインスタンス (id = 1975264229) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, Editor クラスのインスタンス (id = 371019845) の<br>
+                フィールド _layerManager が LayerManager クラスのインスタンス (id = 1975264229) を参照していることがわかります.<br>
                 これを確認したら, ステップオーバーを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_18.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Editor クラスの hit(Rectangle) メソッドに戻ってきました.<br>
-                ここでは, ステップインを1回押して, LayerManager クラスの hit(Rectangle) メソッドの中に入ってください.
+                次に, ステップインを1回押して, LayerManager クラスの hit(Rectangle) メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_19.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 LayerManager クラスの hit(Rectangle) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと LayerManager クラスのインスタンス (id = 1975264229) が<br>
-                フィールド _activeLayer として LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと LayerManager クラスのインスタンス (id = 1975264229) の<br>
+                フィールド _activeLayer が LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) を参照していることがわかります.<br>
                 これを確認したら, ステップインを4回押して LayerPerspectiveMutable クラスの hit(Rectangle) メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_20.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 LayerPerspectiveMutable クラスの hit(Rectangle) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) が<br>
-                フィールド contents として ArrayList を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) の<br>
+                フィールド contents が ArrayList を参照していることがわかります.<br>
                 また, ソースコードを見ると, 231行目でこの ArrayList から取り出してきた要素を, 233行目の return f で戻り値として返されていることが確認できます.<br>
                 ここでは, ステップオーバーを2回押して232行目にまで進んでください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_21.png" class = "threeQuartersSize"></div>
@@ -225,20 +229,20 @@
             </p>
             <p class = "explanation">
                 現在は ModeSelect クラスの mousePressed(MouseEvent) メソッドの160行目を見ています.<br>
-                ここで, 変数ビュー上の this を開くと, ModeSelect クラスのインスタンス (id = 1807431709) が<br>
-                フィールド editor として Editor クラスのインスタンス (id = 371019845) を参照していることがわかります.
+                ここで, 変数ビュー上の this を開くと, ModeSelect クラスのインスタンス (id = 1807431709) の<br>
+                フィールド editor が Editor クラスのインスタンス (id = 371019845) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_24.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 ここまでの結果から, SelectionClass クラスのインスタンスに関わる各オブジェクトの関係について, 以下のことがわかりました.<br>
                 <ol>
-                    <li>SelectionClass クラスのインスタンス (id = 1672744985) は Fig クラスのインスタンス (id = 1675174935) を引数に渡して生成している.</li>
-                    <li>FigClass クラスのインスタンス (id = 1675174935) は LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) が参照している.</li>
+                    <li>SelectionClass クラスのインスタンス (id = 1672744985) が生成されるとき, Fig クラスのインスタンス (id = 1675174935) が引数に渡されている.</li>
+                    <li>FigClass クラスのインスタンス (id = 1675174935) は, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) にリストで管理されている.</li>
                     <li>LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) は LayerManager クラスのインスタンス (id = 1975264229) が参照している.</li>
                     <li>LayerManager クラスのインスタンス (id = 1975264229) は Editor クラスのインスタンス (id = 371019845) が参照している.</li>
                     <li>Editor クラスのインスタンス (id = 371019845) は ModeSelect クラスのインスタンス (id = 1807431709) が参照している.</li>
                 </ol>
-                課題A2では, オブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見ていくのでした.<br>
+                課題A2では, オブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見るところから始めました.<br>
                 ここからは, SelectionManager クラスのインスタンスの方がどこから来たかを見ていきます.<br>
             </p>
             <p class = "explanation">
@@ -255,19 +259,19 @@
                 ここで, 再開ボタンを1回押すと, 次は ModeSelect クラスの mousePressed(MouseEvent) メソッドの156行目で止まります.<br>
                 そのあと, 再開ボタンをもう1回押すと, 再び156行目で止まることが確認できます.<br>
                 さらに再開ボタンを押すと, SelectionManager クラスの addFig(Fig) メソッドの130行目に止まることが確認できます.<br>
-                これによって, 2回目の156行目の時点がローカル変数 sm に値が代入された直前の実行時点だとわかります.
+                これによって, 156行目の2回目の実行がローカル変数 sm に値が代入された直前の実行時点だとわかります.
             </p>
             <p class = "explanation">
                 これを確認したら, いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                そのあと, 再開ボタンを2回押して, 2回目の156行目にまで進んでください.<br>
+                そのあと, 再開ボタンを2回押して, 156行目の2回目の実行にまで進んでください.<br>
                 156行目では, Editor クラスの getSelectionManager() メソッドが呼び出され, その戻り値がローカル変数 sm に代入されていることが確認できます.<br>
                 ここで, ステップインを2回押して, このメソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_26.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Editor クラスの getSelectionManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと Editor クラスのインスタンス (id = 371019845) が<br>
-                フィールド _selectionManager として SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと Editor クラスのインスタンス (id = 371019845) の<br>
+                フィールド _selectionManager が SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.<br>
                 これを確認したら, 呼び出しスタック上で1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_27.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
index 2854159..5f12f34 100644
--- a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
+++ b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
@@ -19,6 +19,7 @@
             <p class = "explanation">
                 課題A2 (機能理解) の終了直後は下図のような状態でデバッグ実行が終了しているはずです.<br>
                 デバッグ実行が終了していることを確認したら, 右上にあるパースペクティブを右クリックし, いったん「トレースデバッガ(順方向)」のパースペクティブを閉じてください.<br>
+                ここでは, 課題A2 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題A2 (機能理解) と同等の内容を理解していくことを目指します. <br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -27,22 +28,24 @@
             </p>
             <p class = "explanation">
                 その状態のままで, ブレークポイントビュー上にある「ブレークポイントを取り入れる」をクリックしてください.<br>
-                ブレークポイントを取り入れたら, デバッグ実行してください.<br>
-                まずは, SelectionManager クラスのインスタンス (id = 4310438) のフィールド selections が参照している ArrayList に<br>
+                SelectionManager.addFig(Fig) メソッドの130行目と, ModeSelect.mousePressed(MouseEvent) メソッドの156行目の<br>
+                2つにチェックが入っているはずです. ブレークポイントを確認したら, デバッグ実行してください.<br>
+                まずは, SelectionManager クラスのインスタンス (id = 4310438) のフィールド selections が参照している ArrayList のインスタンスに<br>
                 SelectionClass クラスのインスタンス (id = 1672744985) が追加されるまでの過程を見ていきます.<br>
                 デバッグ実行したら, そのまま再開ボタンを3回押してください.<br>
-                すると, 現在の実行時点が2回目の SelectionManager クラスの addFig(Fig) メソッドの130行目に移ります.<br>
+                すると, SelectionManager クラスの addFig(Fig) メソッドの130行目の2回目の実行で一時停止します.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_05.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                現在は, 2回目の SelectionManager クラスの addFig(Fig) メソッドの130行目にいます.<br>
+                現在は, SelectionManager クラスの addFig(Fig) メソッドの130行目にいます.<br>
                 ここで, ステップネクストを3回押してください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_06.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が List.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の ArrayList クラスのインスタンスと<br>
+                SelectionClass のインスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_09.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseA/CourseDescriptionA.html b/courseA/CourseDescriptionA.html
index bee8a07..8ecdbd4 100644
--- a/courseA/CourseDescriptionA.html
+++ b/courseA/CourseDescriptionA.html
@@ -17,7 +17,7 @@
 この度は私共の実験にご協力頂きまして誠にありがとうございます．<br>
 </p>
 <p>
-    これから行っていただく作業は，4つの課題とアンケートへの回答です．全体の作業時間としては，5~6時間程度を想定しています．<br>
+    これから行っていただく作業は，4つの課題とアンケートへの回答です．全体の作業時間としては，5~7時間程度を想定しています．<br>
     実験に入る前にAmazon EC2インスタンスにログインしていただき，実験で使用するトレースデバッガの操作の練習を行っていただきます．<br>
     実験では，2つのオープンソースプログラムの4つの機能を対象に4つの課題に取り組んでいただきます．<br>
     これ以降お答えいただくアンケートは実験中に8個と，最後に1つの計9個あります．
@@ -28,7 +28,7 @@
 <ol>
     <li>実験用のWebページ(本ページ)にアクセスしていただきます．</li>
     <li>EC2インスタンスへのログインの方法をご説明いたします．</li>
-    <li>EC2インスタンスにリモートデスクトップでログインし，順方向バージョンのトレースデバッガを操作する練習を行っていただきます．なお，以下のトレースデバッガの操作はすべてEC2インスタンス上で行っていただくこととします．</li>
+    <li>EC2インスタンスにリモートデスクトップでログインし，順方向バージョンのトレースデバッガを操作する練習を行っていただきます．なお，以降のトレースデバッガの操作はすべてEC2インスタンス上で行っていただくこととします．</li>
     <li>逆方向バージョンのトレースデバッガを操作する練習を行っていただきます．</li>
     <li>ここから実験に入ります．
         ArgoUMLとJHotDrawという2つのオープンソースソフトウェアから2つずつ機能を選んで，計4つの課題に取り組んでいただきます．</li>
diff --git a/courseA/CourseStartA.html b/courseA/CourseStartA.html
index 0e988d6..ba9bcc4 100644
--- a/courseA/CourseStartA.html
+++ b/courseA/CourseStartA.html
@@ -15,7 +15,8 @@
 <p>
     いよいよ実験に入っていきます．<br>
     トレースデバッガの操作に要した時間を測っていただきますので，お手元に時計をご用意ください．<br>
-    時間計測にあたって，急いで操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
+    時間計測にあたって，急いで操作していただく必要はまったくありません．<br>
+    最初の課題から最後の課題まで一定のペースで, <font color="red">課題の内容を理解しながら</font>操作することを意識してください．<br>
     まず，ArgoUMLの説明をお読みいただき，ArgoUMLに関する課題A1と課題A2に取り組んでいただきます．
     その後，JHotDrawの説明をお読みいただき，JHotDrawに関する課題A3と課題A4に取り組んでいただきます．
     課題A1, A2では順方向バージョン，課題A3, A4では逆方向バージョンのトレースデバッガをお使いいただきます．
diff --git a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
index 01b5105..9150c59 100644
--- a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
+++ b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「選択された図形がJHotDrawのシステム内部でどのように管理され，図形移動機能の実行によってどのように取り出されて，移動していくか?」
             </blockquote>
-            JHotDrawはオープンソースの図形描画ツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             ワークスペース内のjhotdraw7が、JHotDrawを構成するプロジェクトです。
         </p>
 
@@ -63,6 +63,8 @@
         <hr>
         <h2>機能理解</h2>
         <p>
+            Figure クラスは図形を表す JHotDraw のクラスです.<br>
+            また, RectangleFigure クラスは矩形を表す JHotDraw のクラスで, Figure クラスの子孫クラスにあたります.<br>
             ブレークポイントを置いた行は、図形を移動するたびに実行されます.
         </p>
 
@@ -82,13 +84,13 @@
             <p class = "explanation">
                 先ほどのステップバックオーバーの実行によって157行目まで戻ってきました.<br>
                 ここでは, まずステップネクストを1回押してください.<br>
-                そのあと, 変数ビュー上にある「呼び出し後」を開くと, <br>
+                そのあと, 変数ビュー上にある「呼び出し後」 (Iterator.next() の呼び出し後) を開くと, <br>
                 戻り値として RectangleFigure クラスのインスタンス (id = 1952912699) が返されていることがわかります.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ソースコードを見ると, RectangleFigure クラスのインスタンス (id = 1952912699) は DefaultDragTracker クラスのインスタンス (id = 758826749) が<br>
-                フィールド transFormedFigures の要素として参照していることがわかります.<br>
+                ソースコードを見ると, RectangleFigure クラスのインスタンス (id = 1952912699) は DefaultDragTracker クラスのインスタンス (id = 758826749) の<br>
+                フィールド transFormedFigures が参照しているセットから取得していることがわかります.<br>
                 次は, この transFormedFigures に RectangleFigure クラスのインスタンスがどの実行時点で追加されたのかを見ていきます.<br>
                 ここで, 変数ビュー上の「呼び出し後」のメソッド名が Iterator.next() であることを確認してください.<br>
                 それを確認したら, 変数ビュー上で開いている「呼び出し後」の中にある戻り値を右クリックして「オブジェクトの追加時点に飛ぶ」を選択してください.<br>
@@ -97,7 +99,7 @@
             </p>
             <p class = "explanation">
                 先ほどの操作によって, DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目に現在の実行時点が移りました.<br>
-                この118行目では, ローカル変数 f の値が フィールド transFormedFigures に追加されていることが確認できます.<br>
+                この118行目では, ローカル変数 f の値が フィールド transFormedFigures が参照している HashSet のインスタンスに追加されていることが確認できます.<br>
                 ここで, 「トレースデバッガ」パースペクティブの右下にある「実行時点の登録」ビューの追加ボタンをクリックしてください.<br>
                 そうすると, 現在の実行時点がこのビュー上に登録されます.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_05.png" class = "threeQuartersSize"></div>
@@ -113,14 +115,15 @@
                 DefaultDrawingView クラスの getSelectedFigures() メソッドに入りました.<br>
                 ここで, ソースコードを見ると, Collections クラスの static メソッドである unmodifiableSet(Set) が呼び出されており,<br>
                 その引数として フィールド selectedFigures が渡されていることが確認できます.<br>
-                また, 変数ビュー上の「呼び出し後」および this を開くと, このフィールド selectedFigures は<br>
-                DefaultDrawingView クラスのインスタンス (id = 150367587) が参照していることがわかります.<br>
+                この Collections#unmodifiableSet(Set) は引数として渡されたセットを Collections$UnmodifiableSet のインスタンスに変換して返すメソッドです. <br>
+                また, 変数ビュー上の「呼び出し後」および this を開くと, このフィールド selectedFigures は DefaultDrawingView クラスの<br>
+                インスタンス (id = 150367587) のフィールドであることがわかります.<br>
                 これを確認したら, ステップバックリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_07.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 先ほどの結果から, RectangleFigure クラスのインスタンス (id = 1952912699) は <br>
-                DefaultDrawingView クラスのインスタンス (id = 150367587) が セットの要素として参照していることがわかりました.<br>
+                DefaultDrawingView クラスのインスタンス (id = 150367587) が LinkedHashSet の要素として保持していることがわかりました.<br>
                 次は, この DefaultDrawingView クラスのインスタンスがどこから来たのかを見ていきます.<br>
                 ここでは, ステップバックオーバーを5回押して98行目に戻ってください.<br>
                 ソースコードを見ると, getView() メソッドの戻り値を ローカル変数 view に代入していることが確認できます.<br>
@@ -129,15 +132,15 @@
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス (id = 758826749) が<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス (id = 758826749) の editor フィールドが<br>
                 DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
-                これを確認したら, ステップインを3回押して DefaultDrawingEditor クラスの getAcitiveView() メソッドの中に前から入ってください.<br>
+                これを確認したら, ステップインを3回押して DefaultDrawingEditor クラスの getActiveView() メソッドの中に前から入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_09.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingEditor クラスの getAcitiveView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_10.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse_Delta.html b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse_Delta.html
index 5a93ff6..f94d205 100644
--- a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse_Delta.html
+++ b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse_Delta.html
@@ -17,7 +17,8 @@
         <p>
             <p class = "explanation">
                 課題A3 (機能理解) の終了直後は下図のような状態になっているはずです.<br>
-                まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet に<br>
+                ここでは, 課題A3 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題A3 (機能理解) と同等の内容を理解していくことを目指します. <br>
+                まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を抽出して見ていきます.<br>
                 ここで, 「実行時点の登録」ビュー上で登録している「118行目 DefaultDragTracker.mousePressed(MouseEvent)」をダブルクリックしてください.<br>
                 すると, 現在の実行時点が DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目に移ります.<br>
@@ -28,7 +29,8 @@
                 先ほどの操作によって, 現在は DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目にいます.<br>
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が HashSet.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<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">
@@ -54,8 +56,8 @@
                 <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 が参照している HashSet に<br>
-                RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
+                ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している<br>
+                HashSet のインスタンスに, RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題A3の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じてください.<br>
                 なお, デバッグ実行は終了せずにそのままの状態にしておいてください.<br>
diff --git a/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse.html b/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse.html
index b3e14f5..8538baf 100644
--- a/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse.html
+++ b/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「配置された図形がJHotDrawのシステム内部でどのように管理され，図形選択機能の実行によってどのように取り出されて，どのように選択図形として登録されるか?」
             </blockquote>
-            JHotDrawはオープンソースの図形描画ツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             ワークスペース内のjhotdraw7が、JHotDrawを構成するプロジェクトです。
         </p>
 
@@ -42,7 +42,9 @@
         <hr>
         <h2>機能理解</h2>
         <p>
-            現在の実行時点の行は、図形を選択するたびに実行されます. 
+            Figure クラスは図形を表す JHotDraw のクラスです.<br>
+            また, RectangleFigure クラスは矩形を表す JHotDraw のクラスで, Figure クラスの子孫クラスにあたります.<br>
+            現在の実行時点の行は、図形を選択するたびに実行されます.
         </p>
 
         <p>
@@ -54,7 +56,7 @@
             </p>
             <p class= "explanation">
                 まずは,「実行時点の登録」ビューの追加ボタンをクリックして実行時点の登録を行ってください.<br>
-                ここで, ソースコードと変数ビューを見ると, DefaultDrawingView クラスのインスタンス (id = 150367587) が参照するフィールド selectedFigures へは<br>
+                ここで, ソースコードと変数ビューを見ると, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照しているセットへは<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されていることがわかります.<br>
                 課題A4では, このオブジェクトの追加に関わっている DefaultDrawingView クラスのインスタンスと RectangleFigure クラスのインスタンスについて見ていきます.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_02.png" class = "threeQuartersSize"></div>
@@ -63,7 +65,7 @@
                 まずは RectangleFigure がどこから来たのかを見るために, 呼び出しスタック上で1つ呼び出し元をクリックしてください.<br>
                 ここで, ソースコードを見ると, 先ほど呼び出されていた addToSelection(Figure) メソッドは, ローカル変数 view で参照されているインスタンスに対する呼び出しであり,<br>
                 その実引数としてフィールド anchorFigure の値が渡されていることがわかります.<br>
-                また, 変数ビュー上の this を開くと, このフィールドは DefaultDragTracker クラスのインスタンス (id = 758826749) が参照していることがわかります.
+                また, 変数ビュー上の this を開くと, このフィールドは DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールドであることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_03.png" class = "threeQuartersSize"></div>
             </p>
             <p  class = "explanation">
@@ -75,15 +77,15 @@
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドに入りました.<br>               
-                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス (id = 758826749) が<br>
-                DefaultDraingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス (id = 758826749)  の editor フィールドが<br>
+                DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して DefaultDrawingEditor クラスの getAcitiveView() メソッドの中に前から入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_05.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                DefaultDrawingEditor クラスの getAcitiveView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
+                DefaultDrawingEditor クラスの getActiveView() メソッドに入りました.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_06.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -97,12 +99,12 @@
                 今までの結果から, DefaultDrawingView クラスのインスタンス (id = 150367587) がどのようにして来たのかがわかりました.<br>
                 ここからは, RectangleFigure クラスのインスタンス (id = 1952912699) がどこから来たのかを見ていきます.<br>
                 ここで, 変数ビュー上の this を開き, その中にある anchorFigure を右クリックしてください.<br>
-                右クリックするとポップアップメニューが現れるので, 「値の代時点に飛ぶ」を選択してください.<br>
+                右クリックするとポップアップメニューが現れるので, 「値の代入時点に飛ぶ」を選択してください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_08.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                「値の追加時点に飛ぶ」を選択すると, DefaulatDragTracker クラスのインスタンス (id = 758826749) に<br>
-                この RectangleFigure クラスのインスタンス (id = 1952912699) が追加された時点である<br>
+                「値の代入時点に飛ぶ」を選択すると, DefaultDragTracker クラスのインスタンス (id = 758826749) の anchorFigure フィールドに<br>
+                この RectangleFigure クラスのインスタンス (id = 1952912699) への参照が代入された時点である<br>
                 DefaultDragTracker クラスの setDraggedFigure(Figure) メソッドの218行目にまで現在の実行時点が遡ります.<br>
                 まずは, 「実行時点の登録」ビューの追加ボタンをクリックして実行時点の登録を行ってください.<br>
                 ここでは, DefaultDragTracker クラスのフィールド anchorFigure に仮引数 f の値を代入していることが確認できます.<br>
@@ -112,7 +114,8 @@
             <p class = "explanation">
                 現在は, 呼び出し元である SelectionTool クラスの getDragTracker() メソッド見ています. <br>
                 ここで 変数ビュー上の 「呼び出し前」および this を開くと, 先ほどの setDraggedFigure (Figure) メソッドが呼び出されている<br>
-                DefaultDragTracker クラスのインスタンス (id = 758826749) は DelegationSelectionTool クラスのインスタンス (id = 5999587451) が参照していることがわかります.<br>
+                DefaultDragTracker クラスのインスタンス (id = 758826749) は, DelegationSelectionTool クラスのインスタンス (id = 5999587451) の<br>
+                dragTracker フィールドによって参照されていることがわかります.<br>
                 引き続き, 仮引数 f の値がどこから来ているのかを見るために, 呼び出しスタック上でさらに1つ呼び出し元をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_10.png" class = "threeQuartersSize"></div>
             </p>
@@ -137,14 +140,14 @@
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの getDrawing() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) が<br>
-                フィールド drawing として QuadTreeDrawing クラスのインスタンス (id = 1583174451) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) の<br>
+                フィールド drawing が QuadTreeDrawing クラスのインスタンス (id = 1583174451) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_14.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの findFigure(Point) メソッドに戻ってきました.<br>
-                ここでは, まずステップネクストを1回押して viewToDrawingPoint(Point) メソッドを飛ばし, <br>
+                ここでは, まずステップネクストを1回押して viewToDrawingPoint(Point) メソッドの呼び出しを飛ばし, <br>
                 それから, ステップインを1回押して QuadTreeDrawing クラスの findFigure(Point2D$Double) メソッドの中に前から入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_15.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_16.png" class = "threeQuartersSize"></div>
@@ -156,7 +159,7 @@
             </p>
             <p class = "explanation">
                 QuadTree クラスの findContains(Point2D$Double) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くとQuadTree クラスのインスタンス (id = 808853315) がフィールド root として<br>
+                ここで, 変数ビュー上の this を開くとQuadTree クラスのインスタンス (id = 808853315) のフィールド root が<br>
                 QuadTree の内部クラス QuadNode クラスのインスタンス (id = 2120356010) を参照していることがわかります.<br>
                 ここでは, ステップオーバーを1回押して83行目に進んだあと, ステップインを2回押して,<br>
                 QuadTree$QuadNode クラスの findContains(Point2D$Double, HashSet) メソッドの中に前から入ってください.<br>
@@ -164,15 +167,15 @@
             </p>
             <p class = "explanation">
                 QuadTree$QuadNode クラスの findContains(Point2D$Double, HashSet) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, QuadTree$QuadNode クラスのインスタンスは<br>
-                フィールド objects として HashMap を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, QuadTree$QuadNode クラスのインスタンスの<br>
+                フィールド objects が HashMap のインスタンスを参照していることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_19.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 ここでは, ステップオーバーを3回押して226行目まで進んだあと, ステップネクストを2回押してください.<br>
                 ソースコードを見ると, 224行目の拡張for文で 先ほど確認した HashMap から取得してきた要素を用いて, <br>
-                226行目ではそのうちのキー要素だけを取り出して, それを仮引数 result で参照されているセットに追加していることが確認できます.<br>
-                ここで, 変数ビュー上の「呼び出し後」および「呼び出し前」を開くと, <br>
+                226行目ではそのうちのキー要素だけを取り出して, それを仮引数 result で参照されている HashSet オブジェクトに追加していることが確認できます.<br>
+                ここで, 変数ビュー上の「呼び出し後」 (Entry.getKey() の呼び出し後) および「呼び出し前」 (HasSet.add(Object) の呼び出し前) を開くと, <br>
                 実際に RectangleFigure クラスのインスタンス (id = 1952912699) を取得してから追加していることを確認できます.<br>
                 これを確認したら, ステップオーバーを4回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_20.png" class = "threeQuartersSize"></div>
@@ -195,7 +198,8 @@
             <p class = "explanation">
                 現在は QuadTreeDrawing クラスの findFigure(Point2D$Double) メソッドの129行目にいます.<br>
                 そのあと, ステップネクストを3回実行すると, 現在の実行時点が130行目に移ります.<br>
-                ここで, 変数ビュー上の「呼び出し後」を開き, 戻り値として RectangleFigure クラスのインスタンス (id = 1952912699) があることを確認してください.<br>
+                ここで, 変数ビュー上の「呼び出し後」 (Iterator.next() の呼び出し後) を開き, 戻り値が RectangleFigure クラスの<br>
+                インスタンス (id = 1952912699) であることを確認してください.<br>
                 これを確認したら, 呼び出しスタック上で2つ呼び出し元をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_25.png" class = "threeQuartersSize"></div>
             </p>
@@ -220,15 +224,15 @@
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DelegationSelectionTool クラスのインスタンス (id = 599587451) が<br>
-                DefaultDraingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DelegationSelectionTool クラスのインスタンス (id = 599587451) の editor フィールドが<br>
+                DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して DefaultDrawingEditor クラスの getAcitiveView() メソッドの中に前から入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_28.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingEditor クラスの getAcitiveView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_29.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse_Delta.html b/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse_Delta.html
index a92bd0d..14fce26 100644
--- a/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse_Delta.html
+++ b/courseA/JHotDraw_Reverse/problem2/JHotDraw2_Reverse_Delta.html
@@ -17,7 +17,8 @@
         <p>
             <p class = "explanation">
                 課題A4 (機能理解) の終了直後は下図のような状態になっているはずです.<br>
-                まずは, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet に<br>
+                ここでは, 課題A4 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題A4 (機能理解) と同等の内容を理解していくことを目指します. <br>
+                まずは, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見ていきます.<br>
                 ここで, 「実行時点の登録」ビュー上で登録している「780行目 DefaultDrawingView.addToSelection(Figure)」をダブルクリックしてください.<br>
                 すると, 現在の実行時点が DefaultDrawingView クラスの addToSelection(Figure) メソッドの780行目に移ります.<br>
@@ -28,7 +29,8 @@
                 先ほどの操作によって, 現在は DefaultDrawingView クラスの addToSelection(Figure) メソッドの780行目にいます.<br>
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が Set.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の LinkedHashSet のインスタンスと RectangleFigure の<br>
+                インスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_04.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -54,10 +56,11 @@
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_09.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet に<br>
+                ここまでで, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド anchorFigure に代入されていた RectangleFigure クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, その RectangleFigure クラスのインスタンスがどうやって代入されたのかについては, この抽出範囲だけではわかりません.<br>
+                抽出した結果を見ると, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド anchorFigure に代入されていた<br>
+                RectangleFigure クラスのインスタンスを取得してきていることがわかりましたが, その RectangleFigure クラスのインスタンスの参照が <br>
+                anchorFigure フィールドに代入されるまでの経緯については, この抽出範囲だけではわかりません.<br>
                 そこで, ここからは, DefaultDragTracker クラスのインスタンス (id = 758826749) に RectangleFigure クラスのインスタンス (id = 1952912699) が<br>
                 接近する過程を抽出して見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側002」をクリックしてください.<br>
@@ -101,9 +104,10 @@
             </p>
             <p class = "explanation">
                 ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) に RectangleFigure クラスのインスタンス (id = 1952912699) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, QuadTree クラスのインスタンス (id = 808853315) のローカル変数 result に追加されていた RectangleFigure クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, その RectangleFigure クラスのインスタンスがどうやって追加されたのかについては, この抽出範囲だけではわかりません.<br>
-                そこで, ここからは, そのローカル変数 result に RectangleFigure クラスのインスタンス (id = 1952912699) が追加される過程を見ていきます.<br>
+                抽出した結果 (「参照先側022」と「参照先側023」) を見ると, QuadTree#findContents(Point2D$Double) のローカル変数 result が参照している<br>
+                HashSet オブジェクトに追加された RectangleFigure クラスのインスタンスを取得してきていることがわかりましたが, <br>
+                その RectangleFigure クラスのインスタンスが HashSet オブジェクトに追加されるまでの経緯は, この抽出範囲だけではわかりません.<br>
+                そこで, ここからは, そのローカル変数 result に RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側028」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_21.png" class = "threeQuartersSize"></div>
             </p>
@@ -126,7 +130,8 @@
                 先ほどの操作によって, 現在は QuadTree$QuadNode クラスの findContains(Point2D$Double, HashSet) メソッドの226行目にいます.<br>
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が HashSet.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の HashSet のインスタンスと RectangleFigure の<br>
+                インスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_26.png" class = "threeQuartersSize"></div>         
             </p>
             <p class = "explanation">
@@ -152,8 +157,8 @@
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_36.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, QuadTree クラスのインスタンス (id = 808853315) のローカル変数 result に<br>
-                RectangleFigure クラスのインスタンス (id = 1952912699) が追加される過程を見てきました.<br>
+                ここまでで, QuadTree#findContents(Point2D$Double) のローカル変数 result が参照している HashSet のインスタンスに<br>
+                RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題A4の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じ, そのあとデバッグ実行を終了してください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_38.png" class = "threeQuartersSize"></div>
diff --git a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
index 6f5cd35..7d34701 100644
--- a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
+++ b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「選択された図形がArgoUMLのシステム内部でどのように管理され, 削除機能の実行によってどのように取り出されて, 削除されるか?」
             </blockquote>
-            ArgoUMLはオープンソースのUMLモデリングツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             また, ArgoUML内部では, グラフ編集用フレームワークであるGEFが使用されています.<br>
             ワークスペース内のargouml-*が、ArgoUMLを構成するプロジェクトであり, GEF-0.13.7がGEFのプロジェクトです.
         </p>
@@ -86,7 +86,7 @@
             </p>
             <p class = "explanation">
                 現在は, 呼び出し元である FigNodeModelElement クラスの removeFromDiagramImpl() メソッドを見ています.<br>
-                ここで, 変数ビューを見ると, このメソッドも先ほどと同様に FigClass クラスのインスタンス (id = 1675174935) によって呼び出されていることがわかります.<br>
+                ここで, 変数ビューを見ると, このメソッドも先ほどと同様に FigClass クラスのインスタンス (id = 1675174935) に対して呼び出されていることがわかります.<br>
                 これを確認したら, 呼び出しスタック上でさらに1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_03.png" class = "threeQuartersSize"></div>
             </p>
@@ -120,10 +120,10 @@
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_08.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                89行目では,　FigClass クラスのインスタンス (id = 1675174935) のメソッドが呼び出されていることがわかります.<br>
+                変数ビュー上にある「呼び出し前」を開くと, 89行目からは, FigClass クラスのインスタンス (id = 1675174935) のメソッドが呼び出されていることがわかります.<br>
                 この FigClass クラスのインスタンスがどこから来たのかを確認するために, ステップバックオーバーを3回押して, 86行目の拡張for文まで戻ってください.<br>
-                ここで FigClass クラスのインスタンスは Figクラスを参照するリストであるローカル変数 figs から拡張for文で取得されてきたことがわかります.<br>
-                ここからは, FigClass クラスのインスタンスを参照していた figs がどこから来たのかと, figs にそのインスタンスがどこで追加されたのかを見ていきます.<br>
+                ここで FigClass クラスのインスタンスは, ローカル変数 figs によって参照されているリストから, 拡張for文によって取得されてきたことがわかります.<br>
+                ここからは, figs が参照しているリストがどこから来たのかと, そのリストに FigClass クラスのインスタンスがどこで追加されたのかを見ていきます.<br>
                 まずは, ステップバックインを3回押して, 85行目の getFigs() メソッドの中に後ろから入ってください.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_09.png" class = "threeQuartersSize"></div>
             </p>
@@ -131,30 +131,31 @@
                 SelectionManager クラスの getFigs() メソッドに後ろから入りました.<br>
                 ここではステップバックオーバーを1回押してください.<br>
                 すると, 363行目にある Vector クラスの addElement(Object) メソッドの呼び出し前の時点に来ます.<br>
-                ここで, 変数ビュー上にある「呼び出し前」を開くと, 引数として FigClass クラスのインスタンスが渡されていることがわかります.<br>
+                ここで, 変数ビュー上にある「呼び出し前」を開くと, addElement(Object) メソッドの引数として FigClass クラスのインスタンスが渡されていることがわかります.<br>
                 また, この時点で「実行時点の登録」ビューの追加ボタンをクリックして実行時点の登録を行ってください.<br>
-                Vector クラスの addElement(Object) メソッドの引数には Selection クラスの getContent() メソッドの戻り値が渡されています.<br>
+                さらに, この FigClass クラスのインスタンスは, Selection クラスの getContent() メソッドの戻り値として返されています.<br>
                 getContent() メソッドの戻り値を確認するために, ステップバックインを1回押して, このメソッドの中に後ろから入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_10.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_11.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Selection クラスの getContent() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, Selection クラスの子孫クラスである SelectionClass クラスのインスタンスが<br>
-                フィールド content として FigClass クラスのインスタンス (id = 1675174935) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, Selection クラスの子孫クラスである SelectionClass クラスのインスタンスの<br>
+                フィールド content が FigClass クラスのインスタンス (id = 1675174935) を参照していることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_12.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 先ほどの結果から, FigClass クラスのインスタンス (id = 1675174935) は SelectionClass クラスのインスタンス (id = 1672744985) が参照していることがわかりました.<br>
                 次は, この SelectionClass クラスのインスタンスがどこから来たのかを見ていきます.<br>
                 呼び出しスタック上で呼び出し元である SelectionManger クラスの getFigs() メソッドをクリックしてください.<br>
-                ここで, ソースコードを見ると, SelectionClass クラスのインスタンスは selections から取得していることが確認でき,<br>
-                それは SelectionManager クラスのインスタンス (id = 4310438) がフィールドとして参照していることがわかります.<br>
+                ここで, ソースコードを見ると, SelectionClass クラスのインスタンスは, フィールド selections によって参照されているリストから取得していることが確認でき,<br>
+                さらに変数ビュー上の this を開くと, SelectionManager クラスのインスタンス (id = 4310438) の selections フィールドによって参照されているのは, <br>
+                ArrayList のインスタンス (id = 125345735) であることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_13.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                先ほどの結果から, SelectionClass クラスのインスタンス (id = 1672744985) は<br>
-                SelectionManager クラスのインスタンス (id = 4310438) が参照していることがわかりました.<br>
+                先ほどの結果から, SelectionClass クラスのインスタンス (id = 1672744985) は, SelectionManager クラスのインスタンス (id = 4310438) の<br>
+                selections フィールドが参照している ArrayList のインスタンスによって管理されていることがわかりました.<br>
                 次は, この SelectionManager クラスのインスタンスがどこから来たのかを見ていきます.<br>
                 呼び出しスタック上でさらに呼び出し元である ActionRemoveFromDiagram クラスの actionPerformed(ActionEvent) メソッドをクリックしてください.<br>
                 ここでは, ステップバックインを1回押して Editor クラスの getSelectionManager() メソッドの中に後ろから入ってください.<br>
@@ -162,7 +163,7 @@
             </p>
             <p class = "explanation">
                 Editor クラスの getSelectionManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, この Editor クラスのインスタンスがフィールド _selectionManager として<br>
+                ここで, 変数ビュー上の this を開くと, この Editor クラスのインスタンスのフィールド _selectionManager が<br>
                 SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_15.png" class = "threeQuartersSize"></div>
             </p>
@@ -178,13 +179,13 @@
                 ここで, ソースコードを見ると, この Editor クラスのインスタンスはローカル変数 ce に代入されている値だとわかります.<br>
                 ここでは, このローカル変数 ce の値がどこから来たのかを見ていきます.<br>
                 ステップバックオーバーを2回押して83行目まで戻ってください.<br>
-                83行目ではローカル変数 ce に Globals クラスの curEditor() メソッドの戻り値が代入されています.<br>
+                83行目ではローカル変数 ce に Globals クラスの static メソッドである curEditor() メソッドの戻り値が代入されています.<br>
                 ステップインを1回押してこのメソッドの中に前から入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_17.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 Globals クラスの curEditor() メソッドに入りました.<br>
-                ここで, ソースコードを見ると, Globalsクラスが static フィールド _curEditor として<br>
+                ここで, ソースコードを見ると, Globalsクラスの static フィールド _curEditor が<br>
                 Editor クラスのインスタンス (id = 371019845) を参照していることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem1/ArgoUML_1_18.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse_Delta.html b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse_Delta.html
index a8e71a2..c5f412b 100644
--- a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse_Delta.html
+++ b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse_Delta.html
@@ -18,6 +18,7 @@
         <p>
             <p class = "explanation">
                 課題B3 (機能理解) の終了直後は下図のような状態になっているはずです.<br>
+                ここでは, 課題B3 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題B3 (機能理解) と同等の内容を理解していくことを目指します. <br>
                 まずは, ActionRemoveFromDiagram クラスのインスタンスに FigClass クラスのインスタンス (id = 1675174935) が接近する過程を抽出して見ていきます.<br>
                 ここで, 「実行時点の登録」ビュー上で登録している「89行目 ActionRemoveFromDiagram.actionPerformed(ActionEvent)」をダブルクリックしてください.<br>
                 すると, 現在の実行時点が ActionRemoveFromDiagram クラスの actionPerformed(ActionEvent) メソッドの89行目に移ります.<br>
@@ -28,7 +29,7 @@
                 先ほどの操作によって, 現在は ActionRemoveFromDiagram クラスの actionPerformed(ActionEvent) メソッドの89行目にいます.<br>
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が FigNodeModelElement.removeFromDiagram() であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, レシーバを右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので,「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/ArgoUML_1_delta_pre_04.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -50,8 +51,9 @@
             </p>
             <p class = "explanation">
                 ここまでで, ActionRemoveFromDiagram クラスのインスタンスに FigClass クラスのインスタンス (id = 1675174935) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, SelectionManager クラスのインスタンス (id = 4310438) のローカル変数 figs が参照している Vector に追加されていた FigClass クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, その FigClass クラスのインスタンスがどうやって追加されたのかについては, この抽出範囲だけではわかりません.<br>
+                抽出した結果 (「参照先側012」と「参照先側013」) を見ると, SelectionManager#getFigs() 中のローカル変数 figs が参照している<br>
+                Vector オブジェクトに追加された FigClass クラスのインスタンスを後で取得してきていることがわかりましたが, <br>
+                その FigClass クラスのインスタンスが Vector オブジェクトに追加されるまでの経緯は, この抽出範囲だけではわかりません.<br>
                 そこで, ここからは, そのローカル変数 figs に FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側012」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_09.png" class = "threeQuartersSize"></div>
@@ -66,7 +68,8 @@
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が Vector.addElement(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の Vector クラスのインスタンスと FigClass クラスのインスタンスに対する<br>
+                「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_12.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -92,8 +95,8 @@
                 <div class = "image"><img src = "./images/images_problem1_delta/ArgoUML_1_delta_20.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, SelectionManager クラスのインスタンス (id = 4310438) のローカル変数 figs が参照している Vector に<br>
-                FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見てきました.<br>
+                ここまでで, SelectionManager#getFigs() メソッド内のローカル変数 figs が参照している Vector クラスのインスタンス<br>
+                (id = 450474599) に FigClass クラスのインスタンス (id = 1675174935) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題B3の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じてください.<br>
                 なお, デバッグ実行は終了せずにそのままの状態にしておいてください.<br>
diff --git a/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse.html b/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse.html
index 86acb63..154a30e 100644
--- a/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse.html
+++ b/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「配置された図形がArgoUMLのシステム内部でどのように管理され，選択機能の実行によってどのように取り出されて，どのように選択図形として登録されるか?」
             </blockquote>
-            ArgoUMLはオープンソースのUMLモデリングツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             また, ArgoUML内部では, グラフ編集用フレームワークであるGEFが使用されています.<br>
             ワークスペース内のargouml-*が、ArgoUMLを構成するプロジェクトであり, GEF-0.13.7がGEFのプロジェクトです。
         </p>
@@ -50,7 +50,7 @@
         <p>
             Fig クラスはグラフィックエディタ上の図形を表すGEFの内部のクラスです.<br>
             また, FigClass クラスはクラス図上に配置された「クラス」を表す ArgoUML のクラスで, Fig クラスの子孫クラスにあたります.<br>
-            現在の実行時点の行は、図形を選択するたびに実行されます.
+            現在の実行時点の行は, 図形を選択するたびに実行されます. <br>
         </p>
 
         <p>
@@ -61,10 +61,11 @@
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここで, ソースコードと変数ビューを見ると, SelectionManager クラスのインスタンス (id = 4310438) が参照するフィールド selections へは<br>
-                makeSelectionFor(Fig) メソッドの戻り値である SelectionClass クラスのインスタンス (id = 1672744985) が追加されていることがわかります.<br>
+                ここで, ソースコードと変数ビューの List.add(Object) の呼び出し前を見ると, SelectionManager クラスのインスタンス (id = 4310438) の<br>
+                フィールド selections へは, makeSelectionFor(Fig) メソッドの戻り値である SelectionClass クラスのインスタンス (id = 1672744985) が<br>
+                追加されていることがわかります.<br>
                 課題B4では, このオブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見ていきます.<br>
-                まずは, SelectioClass クラスのインスタンスの方がどこから来たのかを見ていくために, <br>
+                まずは, SelectionClass クラスのインスタンスの方がどこから来たのかを見ていくために, <br>
                 ステップバックインを1回押して SelectionManager クラスの makeSelectionFor(Fig) メソッドの中に後ろから入ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_02.png" class = "threeQuartersSize"></div>
             </p>
@@ -90,7 +91,7 @@
             <p class = "explanation">
                 現在は SelectionManager クラスの addFig(Fig) メソッドの130行目を見ています.<br>
                 ここで, ソースコードを見ると, 先ほどの makeSelectionFor(Fig) メソッドに実引数として渡されていた FigClass クラスのインスタンス (id = 1675174935) は, <br>
-                この SelectionManager クラスの addFig(Fig) メソッド内において, 仮引数 f で参照されている値であることがわかります<br>
+                この SelectionManager クラスの addFig(Fig) メソッド内において, 仮引数 f で渡されてきた値であることがわかります<br>
                 ここからは, この 仮引数 f で参照されている FigClass クラスのインスタンス (id = 1675174935) がどこから来たのかを見ていきます.<br>
                 呼び出しスタック上で1つ呼び出し元である SelectionManager クラスの select(Fig) メソッドをクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_06.png" class = "threeQuartersSize"></div>
@@ -139,7 +140,7 @@
             </p>
             <p class = "explanation">
                 Editor クラスの getLayerManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, この Editor クラスのインスタンス (id = 371019845) がフィールド _layerManager として<br>
+                ここで, 変数ビュー上の this を開くと, この Editor クラスのインスタンス (id = 371019845) のフィールド _layerManager が<br>
                 LayerManager クラスのインスタンス (id = 1975264229) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して, 呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_14.png" class = "threeQuartersSize"></div>
@@ -165,33 +166,35 @@
             </p>
             <p class = "explanation">
                 取得している値を確認するために, ステップオーバーを2回押して232行目まで進んでください.<br>
-                232行目まで進んだら, 変数ビュー上の「呼び出し後」を開くと, 戻り値として FigClass クラスのインスタンス (id = 1675174935) が返されていることが確認でき, <br>
-                したがって, このインスタンスは LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) がリスト内の要素として参照していることがわかります.
+                232行目まで進んだら, 変数ビュー上の「呼び出し後」 (List.get(int) の呼び出し後) を開くと, <br>
+                戻り値として FigClass クラスのインスタンス (id = 1675174935) が返されていることが確認できます. <br>
+                また, 変数ビューの this を開くと, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) の<br>
+                contents フィールドが参照しているのは, ArrayList のインスタンス (id = 30009673) であることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_18.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                先ほどの結果から, FigClass クラスのインスタンス (id = 1675174935) は<br>
-                LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) が参照していることがわかりました.<br>
+                先ほどの結果から, FigClass クラスのインスタンス (id = 1675174935) は, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) の<br>
+                contents フィールドが参照している ArrayList のインスタンスによって管理されていることがわかりました.<br>
                 ここで, ステップオーバーを1回押して, 実行時点が return f に止まることを確認してください.<br>
                 これを確認したら, 呼び出しスタック上で4つ呼び出し元である ModeSelect クラスの mousePressed(MouseEvent) メソッドをクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_19.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 現在は, ModeSelect クラスの mousePressed(MouseEvent) メソッドを見ています.<br>
-                ここで, 変数ビュー上で this を開くと, Editor クラスのインスタンス (id = 371019845) は<br>
-                ModeSelect クラスのインスタンス (id = 1807431709) が フィールド editor として参照していることがわかります.<br>
+                ここで, 変数ビュー上で this を開くと, Editor クラスのインスタンス (id = 371019845) は, <br>
+                ModeSelect クラスのインスタンス (id = 1807431709) のフィールド editor によって参照されていることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_20.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 ここまでの結果から, SelectionClass クラスのインスタンスに関わる各オブジェクトの関係について, 以下のことがわかりました.<br>
                 <ol>
-                    <li>SelectionClass クラスのインスタンス (id = 1672744985) は Fig クラスのインスタンス (id = 1675174935) を引数に渡して生成している.</li>
-                    <li>FigClass クラスのインスタンス (id = 1675174935) は LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) が参照している.</li>
+                    <li>SelectionClass クラスのインスタンス (id = 1672744985) が生成されるとき, Fig クラスのインスタンス (id = 1675174935) が引数に渡されている.</li>
+                    <li>FigClass クラスのインスタンス (id = 1675174935) は, LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) にリストで管理されている.</li>
                     <li>LayerPerspectiveMutable クラスのインスタンス (id = 1248750852) は LayerManager クラスのインスタンス (id = 1975264229) が参照している.</li>
                     <li>LayerManager クラスのインスタンス (id = 1975264229) は Editor クラスのインスタンス (id = 371019845) が参照している.</li>
                     <li>Editor クラスのインスタンス (id = 371019845) は ModeSelect クラスのインスタンス (id = 1807431709) が参照している.</li>
                 </ol>
-                課題B4では, オブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見ていくのでした.<br>
+                課題B4では, オブジェクトの追加に関わっている SelectionManager クラスのインスタンスと SelectionClass クラスのインスタンスについて見るところから始めました.<br>
                 ここからは, SelectionManager クラスのインスタンスの方がどこから来たかを見ていきます.<br>
                 まずは, ステップバックオーバーを1回押して156行目に戻ってください.<br>
                 ソースコードを見ると, Editor クラスの getSelectionManager() メソッドの戻り値がローカル変数 sm に代入されていることがわかります.<br>
@@ -200,7 +203,7 @@
             </p>
             <p class = "explanation">
                 Editor クラスの getSelectionManager() メソッドに入りました.<br>
-                ここで, 変数ビュー上の thisを開くと, Editor クラスのインスタンス (id = 371019845) が フィールド _selectionManager として<br>
+                ここで, 変数ビュー上の this を開くと, Editor クラスのインスタンス (id = 371019845) の フィールド _selectionManager が<br>
                 SelectionManager クラスのインスタンス (id = 4310438) を参照していることがわかります.
                 <div class = "image"><img src = "./images/images_problem2/ArgoUML_2_22.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse_Delta.html b/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse_Delta.html
index fae67a3..3b0633a 100644
--- a/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse_Delta.html
+++ b/courseB/ArgoUML_Reverse/problem2/ArgoUML2_Reverse_Delta.html
@@ -18,7 +18,8 @@
         <p>
             <p class = "explanation">
                 課題B4 (機能理解) の終了直後は下図のような状態になっているはずです.<br>
-                まずは, SelectionManager クラスのインスタンス (id = 4310438) のフィールド selections が参照している ArrayList に<br>
+                ここでは, 課題B4 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題B4 (機能理解) と同等の内容を理解していくことを目指します. <br>
+                まずは, SelectionManager クラスのインスタンス (id = 4310438) のフィールド selections が参照している ArrayList のインスタンスに<br>
                 SelectionClass クラスのインスタンス (id = 1672744985) が追加されるまでの過程を見ていきます.<br>
                 ここで, 「実行時点の登録」ビュー上で登録している「130行目 SelectionManager.addFig(Fig)」をダブルクリックしてください.<br>
                 すると, 現在の実行時点が SelectionManager クラスの addFig(Fig) メソッドの130行目に移ります.<br>
@@ -28,7 +29,8 @@
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が List.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の ArrayList クラスのインスタンスと<br>
+                SelectionClass のインスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_pre_04.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseB/CourseDescriptionB.html b/courseB/CourseDescriptionB.html
index 5cc980a..0111b00 100644
--- a/courseB/CourseDescriptionB.html
+++ b/courseB/CourseDescriptionB.html
@@ -17,7 +17,7 @@
 この度は私共の実験にご協力頂きまして誠にありがとうございます．<br>
 </p>
 <p>
-    これから行っていただく作業は，4つの課題とアンケートへの回答です．全体の作業時間としては，5~6時間程度を想定しています．<br>
+    これから行っていただく作業は，4つの課題とアンケートへの回答です．全体の作業時間としては，5~7時間程度を想定しています．<br>
     実験に入る前にAmazon EC2インスタンスにログインしていただき，実験で使用するトレースデバッガの操作の練習を行っていただきます．<br>
     実験では，2つのオープンソースプログラムの4つの機能を対象に4つの課題に取り組んでいただきます．<br>
     これ以降お答えいただくアンケートは実験中に8個と，最後に1つの計9個あります．
@@ -28,7 +28,7 @@
 <ol>
     <li>実験用のWebページ(本ページ)にアクセスしていただきます．</li>
     <li>EC2インスタンスへのログインの方法をご説明いたします．</li>
-    <li>EC2インスタンスにリモートデスクトップでログインし，順方向バージョンのトレースデバッガを操作する練習を行っていただきます．なお，以下のトレースデバッガの操作はすべてEC2インスタンス上で行っていただくこととします．</li>
+    <li>EC2インスタンスにリモートデスクトップでログインし，順方向バージョンのトレースデバッガを操作する練習を行っていただきます．なお，以降のトレースデバッガの操作はすべてEC2インスタンス上で行っていただくこととします．</li>
     <li>逆方向バージョンのトレースデバッガを操作する練習を行っていただきます．</li>
     <li>ここから実験に入ります．
         JHotDrawとArgoUMLという2つのオープンソースソフトウェアから2つずつ機能を選んで，計4つの課題に取り組んでいただきます．</li>
diff --git a/courseB/CourseStartB.html b/courseB/CourseStartB.html
index 2090480..657c7e7 100644
--- a/courseB/CourseStartB.html
+++ b/courseB/CourseStartB.html
@@ -15,7 +15,8 @@
 <p>
     いよいよ実験に入っていきます．<br>
     トレースデバッガの操作に要した時間を測っていただきますので，お手元に時計をご用意ください．<br>
-    時間計測にあたって，急いで操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
+    時間計測にあたって，急いで操作していただく必要はまったくありません．<br>
+    最初の課題から最後の課題まで一定のペースで, <font color="red">課題の内容を理解しながら</font>操作することを意識してください．<br>
     まず，JHotDrawの説明をお読みいただき，JHotDrawに関する課題B1と課題B2に取り組んでいただきます．
     その後，ArgoUMLの説明をお読みいただき，ArgoUMLに関する課題B3と課題B4に取り組んでいただきます．
     課題B1, B2では順方向バージョン，課題B3, B4では逆方向バージョンのトレースデバッガをお使いいただきます．
diff --git a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
index fd75b49..be97bc3 100644
--- a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
+++ b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「選択された図形がJHotDrawのシステム内部でどのように管理され，図形移動機能の実行によってどのように取り出されて，移動していくか?」
             </blockquote>
-            JHotDrawはオープンソースの図形描画ツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             ワークスペース内のjhotdraw7が、JHotDrawを構成するプロジェクトです。
         </p>
 
@@ -61,6 +61,8 @@
         <hr>
         <h2>機能理解</h2>
         <p>
+            Figure クラスは図形を表す JHotDraw のクラスです.<br>
+            また, RectangleFigure クラスは矩形を表す JHotDraw のクラスで, Figure クラスの子孫クラスにあたります.<br>
             ブレークポイントを置いた行は、図形を移動するたびに実行されます.
         </p>
 
@@ -75,7 +77,7 @@
                 DefaultDragTracker クラスの mouseDragged(MouseEvent) メソッドの159行では,<br>
                 ローカル変数 f で参照されているインスタンスに対してメソッドが呼び出されていることが確認できます.<br>
                 ここで, 変数ビュー上の「呼び出し前」を開いてレシーバのIDを見ると, これは RectangleFigure クラスのインスタンス (id = 1952912699) であることがわかります.<br>
-                また, ソースコードを見ると, このローカル変数 f の値は, 157行目の拡張for文でフィールド transformedFigures が取得してきたものだと確認できます.
+                また, ソースコードを見ると, このローカル変数 f の値は, 157行目の拡張for文でフィールド transformedFigures が参照しているセットから取得してきたものだと確認できます.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -87,7 +89,7 @@
             <p class = "explanation">
                 ここで, いったんデバッグ実行を終了してから, ブレークポイントビュー上にある「ブレークポイントをEclipseから取り入れる」アイコンを押してください.<br>
                 そのあと, 再びデバッグ実行すると今度は118行目に止まります.<br>
-                ステップインを2回押してから変数ビュー上の「呼び出し前」を開いて引数のオブジェクトのIDを確認してください.<br>
+                ステップインを2回押してから変数ビュー上の「呼び出し前」 (HashSet.add(Object) の呼び出し前) を開いて引数のオブジェクトのIDを確認してください.<br>
                 すると, 先ほど確認した RectangleFigure クラスのインスタンス (id = 1952912699) がここで追加されていることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_05.png" class = "threeQuartersSize"></div>
             </p>
@@ -101,14 +103,14 @@
             <p class = "explanation">
                 再び再開ボタンを押すと, 今度は159行目に止まります.<br>
                 ここで, 変数ビューの「呼び出し前」を開いてレシーバのIDを見ると, 先ほどの RectangleFigure クラスのインスタンス (id = 1952912699) と同一であることが確認できます.<br>
-                したがって, ここでは直前に止まっていた2回目の118行目で追加した RectangleFigure クラスのインスタンスを取得していることがわかります.<br>
+                したがって, ここでは直前に止まっていた118行目の2回目の実行で追加した RectangleFigure クラスのインスタンスを取得していることがわかります.<br>
                 それを確認したら, ここでいったんデバッグ実行を終了してください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_07.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 ソースコードを見ると, 116行目の拡張for文で DrawingView クラスの getSelectedFigures() メソッドを呼び出し, <br>
-                その戻り値のコレクションから取得してきた RectangleFigure クラスのインスタンスを, 118行目で selectedFigures に追加していることがわかります.<br>
-                そこで, 次はこの view がどこから来たのかと, getSelectedFigures() メソッドの戻り値がどうなっているのかを見ていきます.<br>
+                その戻り値のコレクションから取得してきた RectangleFigure クラスのインスタンスを, 118行目で transformedFigures に追加していることがわかります.<br>
+                そこで, 次はこの view がどこから来たのかと, getSelectedFigures() メソッドの戻り値がどうやって来たのかを見ていきます.<br>
                 98行目と116行目にブレークポイントを入れ, ブレークポイントビュー上にある「ブレークポイントをEclipseから取り入れる」アイコンを押してください.<br>
                 そのあと, 再びデバッグ実行すると, まずは98行目で止まることを確認してください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_08.png" class = "threeQuartersSize"></div>
@@ -116,25 +118,25 @@
             <p class = "explanation">
                 先ほどの実行によって, 現在は98行目に止まっているはずです.<br>
                 この状態で再開ボタンを押していくと, 現在の実行時点が 116行目 → 118行目 → 98行目 → 116行目 → 118行目と移り変わることを確認してください.<br>
-                この操作によって, 98行目と116行目と118行目はそれぞれ2回ずつ実行されていることが確認でき, したがって, 2回目に止まった方が直前に実行されたものだとわかります.<br>
-                ここでいったんデバッグ実行を終了して下さい.
+                この操作によって, 98行目と116行目と118行目はそれぞれ2回ずつ実行されていることが確認でき, したがって, <br>
+                98行目も116行目も2回目に止まった方が直前に実行されたものだとわかります. ここでいったんデバッグ実行を終了して下さい.
             </p>
             <p class = "explanation">
-                そのままの状態で再びデバッグ実行し, 再開ボタンを3回押して2回目の98行目に止まって下さい.<br>
+                そのままの状態で再びデバッグ実行し, 再開ボタンを3回押して98行目の2回目の実行に止まって下さい.<br>
                 ここで, ステップインを1回押して getView() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_09.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス(id = 758826749) が<br>
-                フィールド editor として DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス(id = 758826749) の<br>
+                フィールド editor が DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して getActiveView() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_10.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingEditor クラスの getActiveView() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.<br>
                 (このとき, 2つ呼び出し元である DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドまで戻ることに注意してください)
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_11.png" class = "threeQuartersSize"></div>
@@ -150,10 +152,11 @@
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの getSelectedFigures() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) が<br>
-                フィールド selectedFigures として LinkedHashSet を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) の<br>
+                フィールド selectedFigures が LinkedHashSet のインスタンスを参照していることがわかります.<br>
                 また, ソースコードを見ると, Collections クラスの static メソッドである unmodifiableSet(Set) が呼び出されており,<br>
                 その引数として フィールド selectedFigures が渡されていることが確認できます.<br>
+                この Collections#unmodifiableSet(Set) は引数として渡されたセットを Collections$UnmodifiableSet のインスタンスに変換して返すメソッドです. <br>
                 これを確認したら, 呼び出しスタック上で1つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem1/JHotDraw_1_14.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
index f56cd2f..29e31d8 100644
--- a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
+++ b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
@@ -18,6 +18,7 @@
             <p class = "explanation">
                 課題B1 (機能理解) の終了直後は下図のような状態でデバッグ実行が終了しているはずです.<br>
                 デバッグ実行が終了していることを確認したら, 右上にあるパースペクティブを右クリックし, いったん「トレースデバッガ(順方向)」のパースペクティブを閉じてください.<br>
+                ここでは, 課題B1 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題B1 (機能理解) と同等の内容を理解していくことを目指します. <br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -32,12 +33,12 @@
                     <li>116行目 DefaultDragTracker.mousePressed(MouseEvent)</li>
                 </ol>
                 そのあと, デバッグ実行してください.<br>
-                デバッグ実行したら, 再開を1回押して2回目の118行目にまで進んでください.<br>
+                デバッグ実行したら, 再開を1回押して118行目の2回目の実行にまで進んでください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_06.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 現在は, DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの118行目にいます.<br>
-                まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet に<br>
+                まずは, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している HashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を抽出して見ていきます.<br>
                 ここで, ステップネクストを2回押してください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_09.png" class = "threeQuartersSize"></div>
@@ -45,7 +46,8 @@
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が HashSet.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の HashSet のインスタンスと RectangleFigure のインスタンスを<br>
+                対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_10.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -71,8 +73,8 @@
                 <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 が参照している HashSet に<br>
-                RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
+                ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド transformedFigures が参照している<br>
+                HashSet のインスタンスに, RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題B1の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じ, そのあとデバッグ実行を終了してください.<br>
                 デバッグ実行を終了したら, この「トレースデバッガ(逆方向)」のパースペクティブを閉じてください.<br>
diff --git a/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_05.png b/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_05.png
index e776b23..7cc12c9 100644
--- a/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_05.png
+++ b/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_05.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_08.png b/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_08.png
index 18d79c1..81357f9 100644
--- a/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_08.png
+++ b/courseB/JHotDraw_Forward/problem1/images/images_problem1/JHotDraw_1_08.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/problem1/images/images_problem1_pre/JHotDraw_1_pre_09.png b/courseB/JHotDraw_Forward/problem1/images/images_problem1_pre/JHotDraw_1_pre_09.png
index ed48dc7..c56f198 100644
--- a/courseB/JHotDraw_Forward/problem1/images/images_problem1_pre/JHotDraw_1_pre_09.png
+++ b/courseB/JHotDraw_Forward/problem1/images/images_problem1_pre/JHotDraw_1_pre_09.png
Binary files differ
diff --git a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
index e56fcdd..9265606 100644
--- a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
+++ b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
@@ -13,7 +13,7 @@
             <blockquote>
                 「配置された図形がJHotDrawのシステム内部でどのように管理され，図形選択機能の実行によってどのように取り出されて，どのように選択図形として登録されるか?」
             </blockquote>
-            JHotDrawはオープンソースの図形描画ツールで, Javaで書かれております.<br>
+            を理解することを目指して, 以下のようにトレースデバッガを操作していきます.<br>
             ワークスペース内のjhotdraw7が、JHotDrawを構成するプロジェクトです。
         </p>
 
@@ -32,14 +32,15 @@
             <p class = "explanation">
                 デバッグ実行してください.<br>
                 すると, まずは DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの98行目で実行時点が一時停止します.<br>
-                そのまま, 再開ボタンを4回押して, 2回目の DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの116行目にまで進んでください.<br>
+                そのまま, 再開ボタンを4回押して, DefaultDragTracker クラスの mousePressed(MouseEvent) メソッド116行目の2回目の実行にまで進んでください.<br>
                 ここで, ステップインを押して DefaultDrawingView クラスの getSelectedFigures() メソッドの中に入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2_pre/JHotDraw_2_pre_05.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/images_problem2_pre/JHotDraw_2_pre_07.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 先ほどの操作によって, 現在は DefaultDrawingView クラスの getSelectedFigures() メソッドの931行目にいます.<br>
-                ここで, フィールド selectedFigures に RectangleFigure クラスのインスタンス (id = 1952912699) を実際に追加しているのはどこなのかを見ていきます.<br>
+                ここで, フィールド selectedFigures が参照している LinkedHashSet クラスのインスタンス (id = 1787265837) に,<br>
+                RectangleFigure クラスのインスタンス (id = 1952912699) を実際に追加しているのはどこなのかを見ていきます.<br>
                 ソースコード中の selectedFigures にカーソルを入れ, そのフィールドに対してオブジェクトを追加している全ての行にブレークポイントを入れてください.<br>
                 今回は, DefaultDrawingView クラスの780行目と815行目と889行目の三か所が該当します.<br>
                 <div class = "image"><img src = "./images/images_problem2_pre/JHotDraw_2_pre_10.png" class = "threeQuartersSize"></div>
@@ -63,9 +64,9 @@
                 デバッグ実行を押すと, DefaultDrawingView クラスの addToSelection(Figure) メソッドの780行目で止まります.<br>
                 ここで, 再開ボタンを押して, このあと実行がどのように移り変わるかを確認していきます.<br>
                 まずは再開ボタンを1回押すと, 再び780行目に止まることが確認できます.<br>
-                そこからさらに再開ボタンを押していくと, 現在の実行時点は118行目に2回止まることが確認できます.<br>
-                これを確認したら, デバッグ実行をいったん終了してから再び実行して, 再開ボタンを1回押して2回目の780行目に進めてください.<br>
-                下図の状態になれば, ここで課題2の前準備は終了です.
+                そこからさらに再開ボタンを押していくと, その後118行目に2回止まることが確認できます.<br>
+                これを確認したら, デバッグ実行をいったん終了してから再び実行し, 再開ボタンを1回押して780行目での<font color="red">2回目の停止</font>に進めてください.<br>
+                下図の状態になれば, ここで課題B2の前準備は終了です. (呼び出しスタックの2つ手前の呼び出し元が「DelegationSelectionTool(SelectionTool).mousePressed(MouseEvent)」になっているはずです. )
                 <div class = "image"><img src = "./images/images_problem2_pre/JHotDraw_2_pre_14.png" class = "threeQuartersSize"></div>
             </p>
         </p>
@@ -73,7 +74,10 @@
         <hr>
         <h2>機能理解</h2>
         <p>
-            ブレークポイントを置いた行は、図形を選択するたびに実行されます.
+            Figure クラスは図形を表す JHotDraw のクラスです.<br>
+            また, RectangleFigure クラスは矩形を表す JHotDraw のクラスで, Figure クラスの子孫クラスにあたります.<br>
+            ブレークポイントを置いた行は、図形を選択するたびに実行されます. <br>
+            この行が2回実行される理由は, 矩形配置機能で配置された矩形が選択状態になるときに, まず1回目の実行が行われるためです.
         </p>
 
         <p>
@@ -81,8 +85,8 @@
                 先ほどの前準備にしたがって進めていくと, 下図のように DefaultDrawingView クラスの<br>
                 addToSelection(Figure) メソッド内の780行目で一時停止している状態になっているはずです.<br>
                 この状態になっていれば, <font color="red">ここから時間計測を開始</font>してください. 時間計測はできる限り，1分以内の単位での計測をお願いします.<br>
-                DefaultDrawingView クラスの addToSelection(Figures) メソッドの780行目では, フィールド selectedFigures に<br>
-                仮引数 f で参照される RectangleFigure クラスのインスタンス (id = 1952912699) を追加していることが確認できます.<br>
+                DefaultDrawingView クラスの addToSelection(Figures) メソッドの780行目では, フィールド selectedFigures が参照しているセットに<br>
+                仮引数 figure が参照している RectangleFigure クラスのインスタンス (id = 1952912699) を追加していることが確認できます.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -91,8 +95,8 @@
                 ここで, 変数ビュー上で「呼び出し前」および this を開いてオブジェクトのIDを確認してください.<br>
                 すると, view の値は DefaultDrawingView クラスのインスタンス (id = 150367587) であり,<br>
                 addToSelection(Figure) メソッドの引数には RectangleFigure クラスのインスタンス (id = 1952912699) が渡されていることが確認できます.<br>
-                また, この RectangleFigure クラスのインスタンス (id = 1952912699) は DefaultDragTracker クラスのインスタンス (id = 758826749) が<br>
-                フィールド anchorFigure として参照しているものだとわかります.<br>
+                また, この RectangleFigure クラスのインスタンス (id = 1952912699) は, DefaultDragTracker クラスのインスタンス (id = 758826749) の<br>
+                フィールド anchorFigure によって参照されていることがわかります.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -110,27 +114,27 @@
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス(id = 758826749) が<br>
-                フィールド editor として DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDragTracker クラスのインスタンス(id = 758826749) の<br>
+                フィールド editor が DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して getActiveView() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_04.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingEditor クラスの getActiveView() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
                 これを確認したら, 呼び出しスタック上で2つ呼び出し元をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_05.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 現在は DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドの98行目を見ています.<br>
                 ここで, 変数ビュー上で this を開いて, フィールド anchorFigure と this 自体のIDを確認してください.<br>
-                DefaultDragTracker クラスのインスタンス (id = 758826749) が フィールド anchorFigure として<br>
+                DefaultDragTracker クラスのインスタンス (id = 758826749) の フィールド anchorFigure が<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) を参照していることが確認できます.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_06.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここからは, このフィールド anchorFigure に RectangleFigure クラスのインスタンスが代入された時点を見ていきます.<br>
+                ここからは, このフィールド anchorFigure に RectangleFigure クラスのインスタンスへの参照が代入された時点を見ていきます.<br>
                 ソースコード中の anchorFigure にカーソルを入れて, ソースコード中で代入しているところ全てにブレークポイントを入れてください.<br>
                 今回は, DefaultDragTracker クラスの84行目と218行目の二か所が該当します.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_07.png" class = "threeQuartersSize"></div>
@@ -152,7 +156,7 @@
             <p class = "explanation">
                 デバッグ実行をいったん終了してから, 再びデバッグ実行してください.<br>
                 そのあと, 再開ボタンを1回押して DefaultDragTracker クラスの setDraggedFigure(Figure) メソッドの218行目にまで進んでください.<br>
-                ここで, 変数ビューを見て this と 引数の f のIDをそれぞれ確認してください.<br>
+                ここで, 変数ビューを見て this (id = 758826749) と 引数の f (id = 1952912699) のIDをそれぞれ確認してください.<br>
                 これを確認したら, 呼び出しスタック上で1つ呼び出し元をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_10.png" class = "threeQuartersSize"></div>
             </p>
@@ -166,8 +170,8 @@
             <p class = "explanation">
                 現在は, 呼び出し元である SelectionTool クラスの mousePressed(MouseEvent) メソッドを見ています.<br>
                 ここで, 変数ビュー上で「呼び出し前」を開いて引数と, this を開いてフィールド dragTracker のIDをそれぞれ確認してください.<br>
-                すると, 先ほどの DefaultDragTracker クラスのインスタンス (id = 758826749) を フィールド dragTracker として<br>
-                DelegationSelectionTool クラスのインスタンス (id = 599587451) が参照していることが確認できます.<br>
+                すると, 先ほどの DefaultDragTracker クラスのインスタンス (id = 758826749) を, DelegationSelectionTool クラスの<br>
+                インスタンス (id = 599587451) のフィールド dragTracker が参照していることが確認できます.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_12.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -179,7 +183,7 @@
             <p class = "explanation">
                 SelectionTool クラスの setTracker(Tool) メソッドに入りました.<br>
                 ここでは, ステップオーバーを4回押して301行目まで進めてください.<br>
-                そのあと, 変数ビュー上で this を開くと, フィールド tracekr の値が 仮引数 newTracker と同じ値に更新されていることがわかります.<br>
+                そのあと, 変数ビュー上で this を開くと, フィールド tracker の値が 仮引数 newTracker と同じ値に更新されていることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_14.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_15.png" class = "threeQuartersSize"></div>
@@ -191,7 +195,7 @@
             </p>
             <p class = "explanation">
                 DefaultDragTracker クラスの mousePressed(MouseEvent) メソッドに入りました.<br>
-                ここで, 変数ビュー上で this を開いて, フィールド anchorFigure と this 自体のIDを確認してください.<br>
+                ここで, 変数ビュー上で this を開いて, フィールド anchorFigure (id = 1952912699) と this (id = 758826749) のIDを確認してください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_17.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -215,7 +219,7 @@
             </p>
             <p class = "explanation">
                 いったんデバッグ実行を終了してから, もう一度デバッグ実行してください.<br>
-                そのあと, 再開ボタンを2回押して, 2回目の235行目にまで進んでください.<br>
+                そのあと, 再開ボタンを2回押して, 235行目の2回目の実行にまで進んでください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_20.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -230,7 +234,7 @@
             <p class = "explanation">
                 先ほどの操作によって, ローカル変数 figure に値を代入した箇所がわかりました.<br>
                 ここで, いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                まずは DefaultDrawingViewクラスの addToSelection(Figure) メソッドの780行目で止まるので, 再開ボタンを2回押して2回目の235行目にまで進んでください.<br>
+                まずは DefaultDrawingViewクラスの addToSelection(Figure) メソッドの780行目で止まるので, 再開ボタンを2回押して235行目の2回目の実行にまで進んでください.<br>
                 そのあと, ステップオーバーを8回押して270行目にまで進み, ステップインを3回押して findFigure(Point) メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_22.png" class = "threeQuartersSize"></div>
             </p>
@@ -241,15 +245,15 @@
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの getDrawing() メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) が<br>
-                フィールド drawing として QuadTreeDrawing クラスのインスタンス (id = 1583174451) のインスタンスを参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingView クラスのインスタンス (id = 150367587) の<br>
+                フィールド drawing が QuadTreeDrawing クラスのインスタンス (id = 1583174451) を参照していることがわかります.<br>
                 これを確認したら, ステップリターンを1回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_24.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの findFigure(Point) メソッドに戻ってきました.<br>
-                ソースコードを見ると, 先ほどの getDrawing() メソッドで取得してきた QuadTreeDrawing クラスのインスタンスに対して findFigure(Point2D$Double) メソッドが呼び出され,<br>
-                その引数として, DefaultDrawingView クラスの viewToDrawing(Point) メソッドの戻り値が渡されていることが確認できます.<br>
+                ソースコードを見ると, 先ほどの getDrawing() メソッドで取得してきた QuadTreeDrawing クラスのインスタンスに対して<br>
+                findFigure(Point2D$Double) メソッドが呼び出されていることが確認できます.<br>
                 次は, ステップインを1回押して, viewToDrawing(Point) メソッドの中に入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_25.png" class = "threeQuartersSize"></div>
             </p>
@@ -260,19 +264,19 @@
             </p>
             <p class = "explanation">
                 DefaultDrawingView クラスの findFigure(Point) メソッドに戻ってきました.<br>
-                ステップインを1回押して QuadTreeDrawing クラスの findContains(Point2D$Double) メソッドの中に入ってください.<br>
+                ステップインを1回押して QuadTreeDrawing クラスの findFigure(Point2D$Double) メソッドの中に入ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_27.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                QuadTreeDrawing クラスの findContains(Point2D$Double) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, QuadTreeDrawing クラスのインスタンス (id = 1583174451) が,<br>
-                フィールド quadTree として QuadTree クラスのインスタンス (id = 808853315) を参照していることがわかります.<br>
+                QuadTreeDrawing クラスの findFigure(Point2D$Double) メソッドに入りました.<br>
+                ここで, 変数ビュー上の this を開くと, QuadTreeDrawing クラスのインスタンス (id = 1583174451) の<br>
+                フィールド quadTree が QuadTree クラスのインスタンス (id = 808853315) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して, QuadTree クラスの findContains(Point2D$Double) メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_28.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 QuadTree クラスの findContains(Point2D$Double) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, QuadTree クラスのインスタンス (id = 808853315) がフィールド root として<br>
+                ここで, 変数ビュー上の this を開くと, QuadTree クラスのインスタンス (id = 808853315) のフィールド root が<br>
                 QuadTree クラスの内部クラスである QuadNode クラスのインスタンス (id = 2120356010) を参照していることがわかります.<br>
                 また, ソースコードを見ると, 82行目で生成された HashSet がローカル変数 result に代入されたあと, <br>
                 83行目ではいったん呼び出し先に引数として渡され, 最終的には89行目で戻り値として返されていることが確認できます.<br>
@@ -281,18 +285,19 @@
             </p>
             <p class = "explanation">
                 QuadNode クラスの findContains(Point2D$Double, HashSet) メソッドに入りました.<br>
-                ここで, 変数ビュー上の this を開くと, QuadNode クラスのインスタンス (id = 2120356010) が<br>
-                フィールド objects として HashMap を参照していることがわかります.<br>
-                また, ソースコードを見ると, 224行目の拡張for文でこの HashMap から取り出してきた要素を, 226行目で仮引数 result に追加していることが確認できます.<br>
+                ここで, 変数ビュー上の this を開くと, QuadNode クラスのインスタンス (id = 2120356010) の<br>
+                フィールド objects が HashMap のインスタンスを参照していることがわかります.<br>
+                また, ソースコードを見ると, 224行目の拡張for文でこの HashMap から取り出してきたキー側の要素を, <br>
+                226行目で仮引数 result によって参照されているHashSet のインスタンスに追加していることが確認できます.<br>
                 ここでは, ステップオーバーを3回押して226行目にまで進んでください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_30.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 先ほどの操作によって, 現在は226行目にいます.<br>
                 ここでは, ステップインを2回押してください.<br>
-                そのあと, 変数ビュー上の「呼び出し前」を開き, 引数のIDを確認してください.<br>
+                そのあと, 変数ビュー上の「呼び出し前」 (HashSet.add(Object) の呼び出し前) を開き, 引数のIDを確認してください.<br>
                 すると, RectangleFigure クラスのインスタンス (id = 1952912699) が引数として渡されており,<br>
-                それが 仮引数 result に対して追加されることがわかります.<br>
+                それが 仮引数 result によって参照されているHashSet のインスタンスに追加されることがわかります.<br>
                 これを確認したら, ステップオーバーを4回押して呼び出し元に戻ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_31.png" class = "threeQuartersSize"></div>
             </p>
@@ -307,7 +312,7 @@
             <p class = "explanation">
                 呼び出し元である QuadTreeDrawing クラスの findContains(Point2D$Double) メソッドに戻ってきました.<br>
                 ここでは, ステップオーバーを2回押して130行目にまで進めてください<br>
-                ここで, 変数ビュー上の「呼び出し後」を開いて戻り値のIDを確認してください.<br>
+                ここで, 変数ビュー上の「呼び出し後」 (Iterator.next() の呼び出し後) を開いて戻り値のIDを確認してください.<br>
                 すると, 先ほどの RectangleFigure クラスのインスタンス (id = 1952912699) を取得していることがわかります.<br>
                 これを確認したら, 呼び出しスタック上で2つ呼び出し元をクリックしてください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_34.png" class = "threeQuartersSize"></div>
@@ -335,21 +340,21 @@
             </p>
             <p class = "explanation">
                 いったんデバッグ実行を終了してから, 再びデバッグ実行してください.<br>
-                そのあと, 再開ボタンを3回押して, 2回目の228行目にまで進んでください.<br>
+                そのあと, 再開ボタンを3回押して, 228行目の2回目の実行にまで進んでください.<br>
                 ここで, ステップインを1回押して, getView() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_37.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 AbstractTool クラスの getView() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DelegationSelectionTool クラスのインスタンス(id = 599587451) が<br>
-                フィールド editor として DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DelegationSelectionTool クラスのインスタンス(id = 599587451) の<br>
+                フィールド editor が DefaultDrawingEditor クラスのインスタンス (id = 1859859960) を参照していることがわかります.<br>
                 これを確認したら, ステップインを3回押して getActiveView() メソッドの中に入ってください.
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_38.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
                 DefaultDrawingEditor クラスの getActiveView() メソッドの中に入りました.<br>
-                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) が<br>
-                フィールド activeView として DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
+                ここで, 変数ビュー上の this を開くと, DefaultDrawingEditor クラスのインスタンス (id = 1859859960) の<br>
+                フィールド activeView が DefaultDrawingView クラスのインスタンス (id = 150367587) を参照していることがわかります.<br>
                 これを確認したら, 呼び出しスタック上で2つ呼び出し元をクリックして戻ってください.<br>
                 <div class = "image"><img src = "./images/images_problem2/JHotDraw_2_39.png" class = "threeQuartersSize"></div>
             </p>
diff --git a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
index 39186e3..f682f9e 100644
--- a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
+++ b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
@@ -18,6 +18,7 @@
             <p class = "explanation">
                 課題B2 (機能理解) の終了直後は下図のような状態でデバッグ実行が終了しているはずです.<br>
                 デバッグ実行が終了していることを確認したら, 右上にあるパースペクティブを右クリックし, いったんパースペクティブを閉じてください.<br>
+                ここでは, 課題B2 (機能理解) では使用しなかった逆方向バージョンのある機能を用いて, 課題B2 (機能理解) と同等の内容を理解していくことを目指します. <br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -28,10 +29,10 @@
                 その状態のままで, ブレークポイントビュー上にある「ブレークポイントをEclipseから取り入れる」をクリックしてください.<br>
                 ブレークポイントを取り入れたら, DefaultDrawingView クラスの addToSelection(Figure) メソッドの780行目以外のブレークポイントのチェックを外してください.<br>
                 チェックを外したら, デバッグ実行してください.<br>
-                まずは, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet に<br>
+                まずは, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見ていきます.<br>
                 デバッグ実行したら, 再開ボタンを1回押してください.<br>
-                すると, 現在の実行時点が, 2回目の DefaultDrawingView クラスの addToSelection(Figure) メソッドの780行目に移ります.<br>
+                すると, DefaultDrawingView クラスの addToSelection(Figure) メソッド780行目の2回目の実行にまで進みます.<br>
                 ここで, ステップネクストを1回押してください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_08.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_09.png" class = "threeQuartersSize"></div>
@@ -39,7 +40,8 @@
             <p class = "explanation">
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が Set.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の LinkedHashSet のインスタンスと RectangleFigure の<br>
+                インスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_11.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
@@ -65,10 +67,11 @@
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_09.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet に<br>
+                ここまでで, DefaultDrawingView クラスのインスタンス (id = 150367587) のフィールド selectedFigures が参照している LinkedHashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド anchorFigure に代入されていた RectangleFigure クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, その RectangleFigure クラスのインスタンスがどうやって代入されたのかについては, この抽出範囲だけではわかりません.<br>
+                抽出した結果を見ると, DefaultDragTracker クラスのインスタンス (id = 758826749) のフィールド anchorFigure に代入されていた<br>
+                RectangleFigure クラスのインスタンスを取得してきていることがわかりましたが, その RectangleFigure クラスのインスタンスの参照が <br>
+                anchorFigure フィールドに代入されるまでの経緯については, この抽出範囲だけではわかりません.<br>
                 そこで, ここからは, DefaultDragTracker クラスのインスタンス (id = 758826749) に RectangleFigure クラスのインスタンス (id = 1952912699) が<br>
                 接近する過程を抽出して見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側002」をクリックしてください.<br>
@@ -112,8 +115,9 @@
             </p>
             <p class = "explanation">
                 ここまでで, DefaultDragTracker クラスのインスタンス (id = 758826749) に RectangleFigure クラスのインスタンス (id = 1952912699) が接近する過程を見てきました.<br>
-                抽出した結果を見ると, QuadTree クラスのインスタンス (id = 808853315) のローカル変数 result に追加されていた RectangleFigure クラスのインスタンスを<br>
-                取得してきていることがわかりましたが, RectangleFigure クラスのインスタンスがどうやって追加されたのかについては, この抽出範囲だけではわかりません.<br>
+                抽出した結果 (「参照先側022」と「参照先側023」) を見ると, QuadTree#findContents(Point2D$Double) のローカル変数 result が参照している<br>
+                HashSet オブジェクトに追加された RectangleFigure クラスのインスタンスを取得してきていることがわかりましたが, <br>
+                その RectangleFigure クラスのインスタンスが HashSet オブジェクトに追加されるまでの経緯は, この抽出範囲だけではわかりません.<br>
                 そこで, ここからは, そのローカル変数 result に RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見ていきます.<br>
                 まずは, 「オブジェクトの接近過程抽出」ビュー上の「参照先側028」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_21.png" class = "threeQuartersSize"></div>
@@ -137,7 +141,8 @@
                 先ほどの操作によって, 現在は QuadTree$QuadNode クラスの findContains(Point2D$Double, HashSet) メソッドの226行目にいます.<br>
                 ここで, 変数ビュー上の「呼び出し前」のメソッド名が HashSet.add(Object) であることを確認してください.<br>
                 それを確認したら, 変数ビュー上の「呼び出し前」を開いて, 引数を右クリックしてください.<br>
-                右クリックすると, ポップアップメニューが出てくるので, 上の方の「オブジェクトの接近過程抽出」をクリックしてください.<br>
+                右クリックすると, ポップアップメニューが出てくるので, 上の方の HashSet のインスタンスと RectangleFigure の<br>
+                インスタンスを対象とした「オブジェクトの接近過程抽出」をクリックしてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_26.png" class = "threeQuartersSize"></div>         
             </p>
             <p class = "explanation">
@@ -163,7 +168,7 @@
                 <div class = "image"><img src = "./images/images_problem2_delta/JHotDraw_2_delta_36.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここまでで, QuadTree クラスのインスタンス (id = 808853315) のローカル変数 result に<br>
+                ここまでで, QuadTree#findContents(Point2D$Double) のローカル変数 result が参照している HashSet のインスタンスに<br>
                 RectangleFigure クラスのインスタンス (id = 1952912699) が追加されるまでの過程を見てきました.<br>
                 ここで, 課題B2の接近過程抽出は終了です.<br>
                 「オブジェクトの接近過程」ビューを全て閉じ, そのあとデバッグ実行を終了してください.<br>
diff --git a/tools/Forward/TraceDebugger_Forward.html b/tools/Forward/TraceDebugger_Forward.html
index 2f85f3b..5575107 100644
--- a/tools/Forward/TraceDebugger_Forward.html
+++ b/tools/Forward/TraceDebugger_Forward.html
@@ -33,14 +33,14 @@
         <hr>
         <h2>説明</h2>
         <p>
-            トレースデバッガでは, 実行時のプログラム内部の情報を記録したファイルであるトレースファイルを読み込み, その読み込んだトレースを元にデバッグ実行を行うことができます.<br>
+            トレースデバッガでは, 実行時のプログラム内部の情報を時系列に記録したファイルであるトレースファイルを読み込み, その読み込んだトレースを元にデバッグ実行を再現することができます.<br>
             通常のデバッガと比較するとトレースデバッガには以下のような特徴があります.<br>
             <ul>
                 <li>トレースを読み込むので, 何度でも同じ実行を再現できる.</li>
                 <li>操作の情報や画面の情報は残っていないので, その実行でユーザーがアプリケーションをどのように操作し, アプリケーションでどんな画面が表示されたかはわからない.</li>
-                <li>オブジェクトIDがトレースに記録されているため, 何回実行しても同じオブジェクトのIDは変わらない.</li>
+                <li>オブジェクトIDがトレースに記録されているため, 何回実行しても同一オブジェクトのIDは変わらない.</li>
                 <li>全ての行をトレースに記録しているわけではないので, ステップ実行の際に途中の行を飛ばすことがある.</li>
-                <li>部分的に一行よりも細かい単位で記録しているので, 一行よりも細かい単位でのステップ実行も可能である.</li>
+                <li>逆に部分的には一行よりも細かい単位で記録しているので, 一行よりも細かい単位でのステップ実行も可能である.</li>
                 <li>ローカル変数の値はトレースに記録されていないため表示されない.</li>
             </ul>
         </p>
@@ -81,14 +81,14 @@
                 <!--それらのブレークポイントを入れ終わったら, -->
                 D.java の6行目と E.java の7行目にブレークポイントが入ってることを確認したら, <br>
                 ブレークポイントを右下にあるブレークポイントビューの「ブレークポイントをEclipseから取り入れる」アイコンをクリックします.<br>
-                すると, ブレークポイントビュー上に, このデバッガ専用のブレークポイントが生成されます.<br>
-                ただし, 実際に読み込んだトレースファイルに記録されていない行については, このブレークポイントは生成されません.<br>
+                すると, ブレークポイントビュー上に, トレースデバッガ専用のブレークポイントが生成されます.<br>
+                ただし, 読み込んだトレースファイル上に記録されていない行のブレークポイントは取り込まれません.<br>
                 <div class = "image"><img src = "./images/ImportBreakpoint_Forward_1.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/ImportBreakpoint_Forward_2.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ブレークポイントを生成したら, 右下のブレークポイントビューの「デバッグ」アイコンをクリックすると, 実際にデバッグ実行が開始されます.<br>
-                最初は, 有効なブレークポイントが入っている行のうち, 時系列上で最初に遭遇する行まで実行が進み, そこで実行が一時停止します.<br>
+                ブレークポイントを生成したら, 右下のブレークポイントビューの「デバッグ」アイコンをクリックすると, トレースデバッガのデバッグ実行が開始されます.<br>
+                最初は, 有効なブレークポイントが入っている行のうち, トレースの時系列上で最初に遭遇する行まで実行が進み, そこで実行が一時停止します.<br>
                 ここでは, D クラスの passB(B) メソッドの6行目が該当しているため, そこまで実行が進んだ状態で一時停止しています.<br>
                 <div class = "image"><img src = "./images/Debug_Forward_1.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/Debug_Forward_2.png" class = "threeQuartersSize"></div>
@@ -100,8 +100,8 @@
             </p>
             <p class = "explanation">
                 再びデバッグアイコンをクリックしてデバッグ実行し, D.java の6行目で一時停止している状態にしてください.<br>
-                デバッグ実行中の状態で, 右下のブレークポイントビューの「再開」アイコンをクリックすると, 有効なブレークポイントが入っている行のうち,<br>
-                現在の実行時点よりも後で最初に遭遇するブレークポイントにまで実行が進み, そこで実行が再び一時停止します.<br>
+                一時停止の状態で, 右下のブレークポイントビューの「再開」アイコンをクリックすると, 有効なブレークポイントが入っている行のうち,<br>
+                現在の実行時点以降で最初に遭遇する行にまで実行が進み, そこで実行が再び一時停止します.<br>
                 もし, 該当するブレークポイントがなかった場合は, そのままデバッグ実行が終了します.<br>
                 ここでは, E クラスの setC(C) メソッドの7行目が該当しているため, そこまで実行が進んだ状態で一時停止します.<br>
                 <div class = "image"><img src = "./images/Resume_Forward_1.png" class = "threeQuartersSize"></div>
@@ -109,15 +109,15 @@
             </p>
             <p class = "explanation">
                 いったん終了アイコンを押してデバッグ実行を終了したあと, 再びデバッグアイコンをクリックしてデバッグ実行し, D.java の6行目で一時停止している状態にしてください.<br>
-                左上の呼び出しスタックビューには, 現在一時停止している行をトップとしたメソッド呼び出しのスタックが表示されています.<br>
-                表示されているメソッドシグ二チャをクリックすることで, 呼び出し元のスタックフレームや呼び出し先のスタックフレームを見ることができます.<br>
+                左上の呼び出しスタックビューには, 現在一時停止しているメソッドをトップとしたメソッド呼び出し列のスタックが表示されています.<br>
+                表示されているメソッドシグ二チャをクリックすることで, 呼び出し元のスタックフレームや呼び出し先のスタックフレームを見ることができ, エディタに表示されているソースコードも連動して切り替わります.<br>
                 <div class = "image"><img src = "./images/CallStack_Forward_1.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/CallStack_Forward_2.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                いったん左上の呼び出しスタックビュー上で呼び出し先である「D.passB(B) 行: 6」を選択し, エディタ上で D.java が開いている状態にしてください.<br>
-                トレースデバッガでは, トレースファイルに記録されたステートメント単位の実行時情報を元に, 実行を少しずつ進めていくことができます.<br>
-                ここで, このステートメント単位は行単位よりも細かい粒度になっていることに注意してください.<br>
+                もう一度, 呼び出しスタックビュー上のスタックトップにある「D.passB(B) 行: 6」を選択し, エディタ上で D.java が開いている状態にしてください.<br>
+                トレースデバッガでは, トレースファイルにステートメント単位で記録された実行時情報を元に, 実行を少しずつ進めていくことができます.<br>
+                ここで, ステートメントは行よりも細かい単位であることに注意してください.<br>
                 右下のブレークポイントビューの「ステップオーバー」アイコンをクリックすると, 実行を行単位で進めます.<br>
                 なお, 呼び出し先のメソッドがあったとしても, その呼び出し先のメソッドに入ることはありません.<br>
                 ここでは, ステップオーバーによって, D クラスの passB(B) メソッドの6行目から7行目へと実行を進めます.<br>
@@ -152,7 +152,9 @@
             </p>
             <p class = "explanation">
                 いったん終了アイコンをクリックしてデバッグ実行を終了したあと, 再びデバッグアイコンをクリックしてデバッグ実行し, D.java の6行目で一時停止している状態にしてください.<br>
-                右上の変数ビューでは, 現在のスタックフレームから見える仮引数やフィールドの値(値がオブジェクトへの参照である場合はそのクラス名とID)を確認できます.<br>
+                右上の変数ビューでは, 現在のスタックフレームから見える仮引数やthisの値(値がオブジェクトへの参照である場合はそのクラス名とID)を確認できます.<br>
+                値がオブジェクトへの参照である場合は, 参照先オブジェクト内部のフィールドの値も開いて確認することができます. <br>
+                ここでは, thisの内部を見てみましょう.
                 <!-- また, 仮引数やフィールドに別のオブジェクトへの参照が代入されている場合は, 参照先オブジェクトを開くことで,<br>
                 フィールドと参照先のオブジェクトの関係を確認することもできます.<br> -->
                 なお, ローカル変数名とその値は, トレースファイルに記録されていないため表示されないことに注意してください.<br>
diff --git a/tools/Reverse/TraceDebugger_Reverse.html b/tools/Reverse/TraceDebugger_Reverse.html
index 147be1e..26e7764 100644
--- a/tools/Reverse/TraceDebugger_Reverse.html
+++ b/tools/Reverse/TraceDebugger_Reverse.html
@@ -35,13 +35,13 @@
         <hr>
         <h2>説明</h2>
         <p>
-            トレースデバッガでは, 実行時のプログラム内部の情報を記録したファイルであるトレースファイルを読み込み, その読み込んだトレースを元にデバッグ実行を行うことができます.<br>
-            逆方向バージョンは, 先ほど操作していただいた順方向のトレースデバッガに, さらに以下の機能を追加したものです.<br>
+            トレースデバッガでは, 実行時のプログラム内部の情報を時系列に記録したファイルであるトレースファイルを読み込み, その読み込んだトレースを元にデバッグ実行を再現することができます.<br>
+            逆方向バージョンでは, 先ほど操作していただいた順方向トレースデバッガの機能に, さらに以下の機能が追加されています.<br>
             <ul>
                 <li>ステップ系の実行(ステップオーバー、ステップイン、ステップリターン)を逆方向に行うステップバック系の機能</li>
                 <li>現在の実行時点を登録し, 任意のタイミングで登録した実行時点に移ることができる機能</li>
-                <li>フィールドが現在参照しているオブジェクトや, コレクションから取得してきたオブジェクトに対して, そのオブジェクトが実際に代入または追加された時点まで遡る機能</li>
-                <li>プログラム実行時のある時点でオブジェクトaとオブジェクトbが関連付けられたときに, それらのオブジェクトが別々の場所から接近してきて関連付けられるまでの過程を抽出する機能</li>
+                <li>フィールドが参照しているオブジェクトや, コレクションから取得してきたオブジェクトに対して, そのオブジェクトが実際に代入または追加された時点まで遡る機能</li>
+                <li>プログラム実行時のある時点でオブジェクトaとオブジェクトbが関連付けられたときに, もともと別々の場所にあったそれらのオブジェクトが接近してきて関連付けられるまでの過程を抽出する機能</li>
             </ul>
         </p>
         <hr>
@@ -66,7 +66,7 @@
                 順方向トレースデバッガのときと同様に, トレースファイル(C:\Users\userXX\runtime-EclipseApplication\TraceDebuggerTest\test.trace)を読み込んで,<br>
                 ブレークポイント(D.java の6行目と, E.java の7行目)をEclipseから取り入れてください.<br>
                 そのあと, デバッグアイコンをクリックしてデバッグ実行し, 再開ボタンを1回押して E.java の7行目で一時停止している状態にしてください.<br>
-                このデバッガには, 「再開」を逆向きに行う機能があります.<br>
+                逆向きバージョンのトレースデバッガには, 「再開」を逆向きに行う機能があります.<br>
                 ブレークポイントビューの「逆向きに再開」アイコンをクリックすると, 有効なブレークポイントが入っている行のうち,<br>
                 現在の実行時点から実行を巻き戻して最初に遭遇する行まで実行が進み, そこで実行が再び一時停止します.<br>
                 もし, 該当するブレークポイントがなかった場合は, そのままデバッグ実行が終了します.<br>
@@ -84,7 +84,7 @@
                 <div class = "image"><img src = "./images/StepBackOver_Reverse_2.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                いったんステップオーバーを2回押して, D.java の8行目で実行が一時停止している状態にしてください.<br>
+                次にステップオーバーを2回押して, D.java の8行目で実行が一時停止している状態にしてください.<br>
                 このデバッガには, 「ステップイン」を逆向きに行う機能があります.<br>
                 ブレークポイントビューの「ステップバックイン」アイコンをクリックすると, 実行をステートメント単位で巻き戻し,<br>
                 呼び出し先のメソッドがある場合はその呼び出し先のメソッドに後ろから入ります.<br>
@@ -95,7 +95,8 @@
             </p>
             <p class = "explanation">
                 このデバッガには, 「ステップリターン」を逆向きに行う機能があります.<br>
-                ブレークポイントビューの「ステップバックリターン」アイコンをクリックすると, 呼び出し元からそのメソッドに入る直前まで実行を巻き戻します.<br>
+                ブレークポイントビューの「ステップバックリターン」アイコンをクリックすると, <br>
+                今いるメソッドを呼び出す直前の時点まで呼び出し元メソッドの実行を巻き戻します.<br>
                 ここでは, ステップバックリターンによって, この E クラスの setC(C) メソッドが呼び出される直前の時点, <br>
                 すなわち, 呼び出し元である D クラスの passB(B) メソッドの7行目まで実行を巻き戻します.<br>
                 <div class = "image"><img src = "./images/StepBackReturn_Reverse_1.png" class = "threeQuartersSize"></div>
@@ -104,7 +105,7 @@
             <p class = "explanation">
                 いったん, ステップバックインを1回押して, B.java の6行目で実行が一時停止している状態にしてください.<br>
                 実行時点の登録ビューでは, 任意のタイミングで現在の実行時点を登録することができます.<br>
-                ここでは, 現在の実行時点を登録するに, ビュー上にある追加ボタンをクリックしてください.<br>
+                ここでは, 現在の実行時点を登録するために, ビュー上にある追加ボタンをクリックしてください.<br>
                 登録された実行時点はビュー上に一覧で表示されます.
                 <div class = "image"><img src = "./images/Register_Reverse_1.png" class = "threeQuartersSize"></div>
                 <div class = "image"><img src = "./images/Register_Reverse_2.png" class = "threeQuartersSize"></div>
@@ -120,7 +121,7 @@
                 <div class = "image"><img src = "./images/Register_Reverse_4.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                いったんステップオーバーを2回押して, D.java の8行目で実行が一時停止している状態にしてください.<br>
+                次にステップオーバーを2回押して, D.java の8行目で実行が一時停止している状態にしてください.<br>
                 変数ビューで this などを開き, フィールドを選択した状態で右クリックすると, ポップアップメニューが表示され,<br>
                 「値の代入時点に飛ぶ」を選択すると, このフィールドで参照されているオブジェクトが実際に代入される直前の時点まで実行を遡ることができます.<br>
                 ここでは, this を開いたあとにそのフィールド e をさらに開き, 表示されたフィールド c を右クリックして「値の代入時点に飛ぶ」を選択してください.<br>
@@ -136,7 +137,8 @@
                 <div class = "image"><img src = "./images/Delta_Reverse_4.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                「オブジェクトの接近過程」ビュー上の「開始時点」をクリックすると, 参照先側のオブジェクトがどのように接近してきたのかの過程について,<br>
+                抽出された過程は「オブジェクトの接近過程」ビューに表示されます. <br>
+                「オブジェクトの接近過程」ビュー上の「開始時点」をクリックすると, 2つのオブジェクトがどのように接近してきたのかの過程について,<br>
                 その開始時点となるメソッド実行に飛ぶことができます.<br>
                 <div class = "image"><img src = "./images/Delta_Reverse_5.png" class = "threeQuartersSize"></div>
             </p>
@@ -151,7 +153,7 @@
                 <div class = "image"><img src = "./images/Delta_Reverse_9.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                「オブジェクトの接近過程」ビュー上の「参照時点」をクリックすると, 参照元側のオブジェクトが参照先側のオブジェクトを参照するようになる時点に飛ぶことができます.<br>
+                「オブジェクトの接近過程」ビュー上の「参照時点」をクリックすると, 参照元側のオブジェクトと参照先側のオブジェクトが関連付けられた時点に飛ぶことができます.<br>
                 <div class = "image"><img src = "./images/Delta_Reverse_10.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">