SmalltalkからScratchをいじる(5) ブロックの動作を調べる

[前回](http://qiita.com/maeda_/items/2d68d440ead4c9134fcb)、SmalltalkのコードとScratchのブロックの対応をさせて説明しました。
![add-list.png](https://qiita-image-store.s3.amazonaws.com/0/12251/6ec75c2a-cbb5-4ab9-72da-a47fed32831d.png)

```リストの要素追加.st
100 timesRepeat:[
  (self owner isKindOf: HandMorph) ifTrue:[
    self append: self xpos toList: 'paths-x'.
    self append: self ypos toList: 'paths-y'
  ].
  (Delay forMilliseconds: 100) wait
]
```
「"x座標"を"paths-x"に追加する」というブロックが、3行目の```self append: self xpos toList: 'paths-x'```に対応します。
今回は、ブロックから対応するSmalltalkの処理を調べる方法を紹介します。

（Smalltalkを使えるようにする方法やハロの出し方等は[こちら](http://qiita.com/maeda_/items/7a525cae6b3c1ca45773)を参照）

# レシーバとセレクタ
以降の手順を理解するために*レシーバ*と*セレクタ*という概念を理解する必要が有ります。ここでSmalltalkの文法を簡単に説明します。
Smalltalkはオブジェクトにメッセージを送ることでプログラムを記述します。レシーバ(receiver)はメッセージを受け取るオブジェクトで、セレクタ(selector)はメッセージの種類です。例えば、```self xpos```というコードでは、レシーバは```self```、セレクタは```xpos```になります。
セレクタの最後にコロン(:)が付いている場合、追加の情報を加えてメッセージを送ることもできます。```Transcript show: 'recording...'```というコードでは、```Transcript```というオブジェクトに```show:```というセレクタで、```'recording...'```という文字列を追加の情報として送っています。この追加の情報を引数(arguments)と言います。
セレクタに含まれるコロンの数だけ引数を渡します。```append:toList:```は2つの引数を渡すセレクタであり、```self append: 100 toList: 'paths-x'```というコードを書くと、```self```というレシーバに対し```100```と```'paths-x'```という引数を渡すことになります。
これまで、登場したSmalltalkのコードのレシーバ、セレクタは下記のようになります。

```
self xpos                           " → レシーバはself、セレクタはxpos、引数なし"
Transcript show: 'recording.'　　　　" → レシーバはTranscript、セレクタはshow:、引数は'recording.'"
self append: 100 toList: 'paths-x'  " → レシーバはself、セレクタはappend:toList:、引数は100と'paths-x'"
(Delay forMilliseconds: 100) wait   " → レシーバは(Delay forMilliseconds: 100)、セレクタはwait"
```

# 手順
1. リストに値を追加するブロックにハロを表示して、レンチアイコンからinspect morphを選択します。("CommandBlock"と表示されます)
![block.png](https://qiita-image-store.s3.amazonaws.com/0/12251/9272bfd2-6225-ecea-442e-74f6cd073f41.png)

2. インスペクタの画面上部左側の枠を少し下にスクロールさせて、"receiver"と"selector"の値を確認します。
![inspector.png](https://qiita-image-store.s3.amazonaws.com/0/12251/0b738b64-f10c-2269-9480-4ecd1cc6e4d6.png)

    "receiver"は"a ScratchSpriteMorph"、"selector"は"#append:toList:"と表示されるはずです。
3. 手順2.で確認したブロックのオブジェクトが持っていたreceiverとselectorはブロックが実行されると、どのレシーバに対して、どのセレクタでメッセージを送るかの情報になります。今回の例ではスプライトのオブジェクト( ScratchSpriteMorphクラスのオブジェクト)に対して、```append:toList:"というセレクタでメッセージを送ることになります。

4. 先程の```append:toList:```のコードをシステムブラウザで見てみましょう。再度、"receiver"を選択してメニューを開き(Windowsの場合は右クリック、macはoption+クリック)、「browse full」を選択します（または、Alt/Command+b)。receiverのクラス(つまりScratchSpriteMorph)をシステムブラウザで開きます。
![menu.png](https://qiita-image-store.s3.amazonaws.com/0/12251/c75dbd6e-c2e5-6076-ee8e-e3d5ff291ea6.png)

5. 画面上部の右から2番目の枠の一番上の"-- all --"をクリックすると、一番右の枠にそのクラスが受け取れるセレクタの一覧が表示されます。
![all.png](https://qiita-image-store.s3.amazonaws.com/0/12251/240773d1-d7b2-7857-14b2-c4af3c2100d6.png)

6. 下の方にxpos(X座標を調べる時に使った)などはありますが、append:toList:は**ありません**。クラスに無いセレクタが呼ばれた場合、その親クラスのセレクタを探します。クラスの親子関係を継承関係と言います。
![selectors.png](https://qiita-image-store.s3.amazonaws.com/0/12251/24467fe1-e306-096b-3624-b75434707f40.png)
7. クラスの継承関係を調べます。左から2番目の枠でScratchSpriteMorphを選択した状態になっているはずです。そのメニューを開き(Windowsの場合は右クリック、macの場合はoption+クリック)、"browse hierarchy"を選択します。
![menu2.png](https://qiita-image-store.s3.amazonaws.com/0/12251/4a3eb0ed-d489-c9b1-ed40-b8c151d64716.png)
8. 左側の枠に継承関係が表示されます。ScratchSpriteMorphの親はScriptableScratchMorphで、その親がMorph、さらにその親がObjectになっています。セレクタは一番下のクラスから順に親に向かって検索されます。append:toList:はScratchSpriteMorphにはないので、その親のScriptableScratchMorphにそのセレクタが定義されているかを調べます。
![hierarchy.png](https://qiita-image-store.s3.amazonaws.com/0/12251/09f9d875-83b6-d074-8c7e-58fd4c897924.png)

9. 左側の枠のScriptableScratchMorphをクリックして、真ん中の枠の"-- all --"をクリックすると、一番右の枠にappend:toList:が現れます。画面下部に表示されているコードがScratchSpriteMorphクラスのオブジェクトに```append:toList:```を送った時に実行されます。
10. 本当にブロックを実行するとこのコードが実行されるかを確認してみましょう。2行目に```self halt.```を追加してメニューからaccept(またはAlt/Command + s)します。
![accept.png](https://qiita-image-store.s3.amazonaws.com/0/12251/7907e35f-befe-0900-3e1b-0d087fee3186.png)

11. ブロックをクリックして実行すると、赤いウィンドウが表示され、停止します。「debug」をクリックしてデバッガを起動します。
![notify.png](https://qiita-image-store.s3.amazonaws.com/0/12251/783ee9d0-e6fb-a2fc-b77e-42e3db2026b4.png)

12. デバッガの上段の枠の3つめをクリックします。先ほど追加した```self halt.```で停止しているはずです。デバッガの左下の枠から変数の値を確認することができます。
![debugger.png](https://qiita-image-store.s3.amazonaws.com/0/12251/f6236fed-5424-479d-ee2a-37afe48b7423.png)
t1〜t3という変数があります。コードの一行めを見てみると```append: t1 toList: t2```となっています。つまり、```self append: (値) toList: '(変数名)'```というコードは最初の引数が```t1```に、二つ目が```t2```に入ることになります。

14. 確認が終わったら、挿入した```self halt.```を削除してacceptして、元に戻します。

# Smalltalk の学習のための資料
ここまででSmalltalkの基本的な概念やツールに触れてきましたが、自由にSmalltalkを扱えるようになるには一から理解を積み重ねることが大事です。
Smalltalkの教材はインターネット上にもいくつかありますが、Scratchを動かしているSmalltalkはかなり古いことに気をつけて下さい。見た目の違いや新しいSmalltalkにしかない機能があったりして戸惑うかもしれません。基本的な部分は同じなので、下記の資料が参考になるでしょう。

- Smalltalk基本文法編  (http://qiita.com/newapplesho/items/6376c90d3e9ca66d2a95)
- Smalltalk開発環境入門編 (http://qiita.com/newapplesho/items/4a90c0771e15506c8484)
- Smalltalk 基本クラス編 (http://qiita.com/newapplesho/items/323cf9d1be014861a57f)
- ドットインストール Smalltalk入門http://dotinstall.com/lessons/basic_smalltalk  
    動画でSmalltalkの解説が聞けます。
- 自由自在 Squeakプログラミング PDF版 (http://swikis.ddo.jp/squeak/13)  
    梅澤さんの著書のPDF版が無料で公開されています。