関数の中の式の評価のタイミング
2
foo(100) の値は 40000
a 100 x 400
foo(100) の値は 300000
a 100 x 3000
関数の中の式「a * x」の評価では，
最新の a の値，最新の x の値が用いられる
trinket
• Trinket はオンラインの Python、HTML 等の学習サイト
• 有料の機能と無料の機能がある
• 自分が作成した Python プログラムを公開し、他の人に実
行してもらうことが可能（そのとき、書き替えて実行も可
能）
• Python の標準機能を登載、その他、次のモジュールや
パッケージがインストール済み
math, matplotlib.pyplot, numpy, operator, processing, pygal,
random, re, string, time, turtle, urllib.request
3
演習
資料：6
【トピックス】
• 関数呼び出し
5
ステップ実行
ステップ実行により、プログラム
実行の流れをビジュアルに観察
7
Python Tutor の使用方法
① まず，ウェブブラウザを開く
② Python Tutor を利用するために，以下の URL に
アクセス
http://www.pythontutor.com/
③ 「Python」をクリック ⇒ 編集画面が開く
9
Python Tutor の編集画面
10
「Python 3.6」になっている
実行のためのボタン
エディタ
（プログラムを書き換えることができる）
• Python Tutor は Python などのプログラムを書き実行できる
サイト．ステップ実行、変数の値表示などの機能がある。
• Python Tutorのウェブサイトにアクセス．「Python」を選択
https://www.pythontutor.com/
Python Tutor でのプログラム実行
11
Visualize Execution ボタン
メイン画面で、プログラムを書く
通常実行: Last
ステップ実行: 他のボタン
変数の値を
視覚的に
確認できる
メイン画面に
戻るには
Edit this code
Python Tutor でのプログラム実行手順
12
(1)「Visualize Execution」をク
リックして実行画面に切り替える
(2)「Last」をクリック．
(3) 実行結果を確認する．
(4)「Edit this code」をク
リックして編集画面に戻る
Python Tutor 使用上の注意点①
実行画面で，赤いエラーメッセージが出ることがある
過去の文法ミスに関する確認表示．
基本的には， 無視して問題ない
邪魔なときは「Close」
13
Python Tutor 使用上の注意点②
「please wait ... executing」のとき，１０秒ほど待つ．
• Python Tutor が混雑しているとき， 「Server
Busy・・・」 と表示される場合がある．
• このメッセージは，サーバが混雑していることを示す．
• 数秒から数十秒待つと自動で処理が始まるはずです（し
かし，表示が変わらないときは，操作をもう一度試して
ください）
14
演習
資料：16 ～ 24
【トピックス】
• Python Tutor
• ステップ実行
• 関数呼び出しにおけるジャンプ
• 関数内で使用される変数が消え
るタイミング
15
ステップ実行により確認できること
16
ステップ実行により，ジャンプの様子を観察
ジャンプの
様子を示す
矢印
ステップ実行は、
ボタンやスライダーでコントロール
変数の値の
確認もできる
Python Tutor の起動
① ウェブブラウザを起動する
② Python Tutor を使いたいので，次の URL を開く
https://www.pythontutor.com/
③ 「Python」をクリック ⇒ メイン画面が開く
17
④ Python Tutor のエディタで次のプログラムを入
れ，実行し，結果を確認する（あとで使うので消
さないこと）
18
「Visual Execution」をクリック．そして「Last」をクリック．結果を確認．
「Edit this code」をクリックすると，エディタの画面に戻る
結果を確認
def foo(a):
return a * 1.1
print(foo(100))
print(foo(150))
print(foo(400))
（計算誤差がある．
動作は正常）
「return a * 1.1」の行は字下げが必要
⑤「First」をクリックして，最初に戻る
19
⑥ 「Step 1 of 13」と表示されているので，
全部で，ステップ数は 13 あることが分かる
（ステップ数と，プログラムの行数は違うもの）
20
⑦ 最初に戻したので
・すべてのオブジェクトは消えている
・赤い矢印は先頭のところに戻っている
21
⑧ ステップ実行したいので，「Next」をクリック
しながら，矢印の動きを確認．
※「Next」ボタンを何度か押し，それ以上進めなく
なったら終了
22
見どころ
foo との間で
ジャンプするところ
⑨ 終わったら，もう一度，「First」をクリックし
て，最初に戻る
23
⑩ もう一度，ステップ実行．
今度は、緑の矢印を見ながら、変数 a が生成、消
去されるタイミングを確認
緑の矢印：いま実行が終わった行
24
関数 foo の実行中は，
変数 a が現れる
