2025年度 電子情報通信課程 計算機実習II

インタプリタやコンパイラが出力するエラーメッセージは，プログラムの間違いを訂正するための重要なヒントです．

プログラム開発とは「エラーメッセージとの二人三脚」だと言っても過言ではありません．

エラーメッセージは単純なものから特殊なものまで沢山ありますが，何度も読んでいるうちに，どんな間違いをしたらどんなエラーが出るのかが推測できるようになります．しっかりエラーメッセージと付き合っているうちに，最初からエラーの少ないプログラムを書くスキルが身につくというものです．

毎回の課題で「どのようなエラーが起きるか」と問われた際には，エラーメッセージはそのまま報告してください．自分で解釈/要約しないで下さい．

教科書は第3章「ウインドウを作ってみよう」の3-1～3-4です．

今まではCUI画面でテキスト表示をしてきました．今日からはOSのウインドウシステムを利用した，GUI の世界に踏み入ります．

まずは，ウインドウを作ってみましょう．

マウスのクリックでプログラムを動かしてみましょう．

いらすとやさんをもとに作成した素材は，です．( chap3-back.png )本実習のプログラムではこれを使います．

まず， img3 という名前のディレクトリを作成して下さい．

次に，そのディレクトリ下に，上の素材画像を chap3-back.png という名前で保存します
　※ファイラの設定で拡張子は必ず表示させて下さい

pythonで画像を扱うには色々な方法がありますが，本実習および教科書では tkinter というモジュールを使います．

tkinterは画像を扱う仕組みとして「Tk」を使います．これはスクリプト言語から手軽に呼び出せる仕組みになっており，興味がある人は「Tcl/TK ( ティクル・ティーケー )」を調べてみて下さい．

※tkinterのように，再利用可能なパッケージとしてまとめられた関数群のことをモジュールといいます．モジュールを自分のプログラムで利用するにはimport文 を使います．

※注意※ MacOSを使っている人は，pngファイルが表示できない場合があります．そのときは，MacOSでのインストールメモの後半に対応方法を書いていますので，そちらを参照して下さい．

次のプログラムを実行して，エラーが出ないかどうか確認しましょう．

エラーが出た場合は，tkinterのモジュールが正しく扱えていませんので，上記の話をもう一度読み直して，作業して下さい．

ex3-1.py

hlonqs sjhmsdq

解説-1

import tkinter

教科書p.55( §3-1，小節「簡単なウインドウを作ってみよう」 )下側の chap3.py を入力して実行しましょう．

解説-2

root = tkinter.Tk()

root.mainloop()

課題　3-1

上のソースコード chap3.py の最後の「root.mainloop()」をコメントアウトして，何が変わるかを具体的に報告して下さい．

教科書p.58 の chap3.py ( §3-1，小節「ウインドウのタイトルや大きさを設定する」 )を入力して，実行しましょう．

ウインドウのタイトルとサイズを設定します．

教科書p.60( §3-2，小節「画像を表示するパーツを作る」 ) の chap3.py を入力して，実行しましょう．

ウインドウの背景を設定して，配置します．

課題　3-2

3-2-1) 背景色を青，赤，緑に変えて下さい．それぞれ変えた行のみ( つまり3行 )を提出して下さい．

3-2-2) canvas.place の x と y の値を自由に変えて下さい．設定したそれぞれの値と，その結果画面がどのように変わったかを具体的に報告して下さい．

教科書p.62( §3-2，小節「キャンパスに画像を表示する」 )の chap3.py を入力して，実行しましょう．

画像のファイル名と場所に注意して下さい．

解説-3

tkinter.PhotoImage()

create_image()

課題　3-3

chap3.py中の create_image() の第1引数と第2引数を(100, 100)に変えます．どのように変わったか，結果と理由を具体的に報告して下さい．

教科書p.65，xy座標値を変更した chap3.py を入力して，実行しましょう．

解説-4

create_image()

課題　3-4

今作っているプログラムから見て，使っている画像ファイルの相対パスと絶対パスを答えなさい．人によって環境やディレクトリは異なるので注意．

教科書p.67-68( §3-3，小節「「ラベル」でテキストを配置する」 )の chap3.py を入力して，実行しましょう．※少し長くなってきました．

解説-5

tkinter.Label()

place()

課題　3-5

文字列を「計算機実習2」にして下さい( 作業のみ )．それが「吹き出しに右寄せで」表示されるように座標を調整し，その座標を提出して下さい．

教科書p.69( §3-3，小節「文字の見た目を調節する」) の chap3.py を入力して，実行しましょう．

　※どんどん新しいメソッドがでてくるので，コード入力だけでなく教科書をちゃんと読んで下さい！

解説-6

option_add()

課題　3-6

3-6-1) フォントを「Times New Roman」にして下さい．どのような文字になったかを，わかるように表現して報告して下さい．

3-6-2) 表示するテキストの背景の色を水色，黄色，紫色に変更し，それぞれ変えたコード行を提出して下さい．

教科書p.70-71( §3-3，小節「入力欄とボタンを追加する」)の chap3.py を入力して，実行しましょう．

解説-7

tkinter.Entry()

tkinter.Button()

教科書p.72の chap3.py を追加入力して，実行しましょう．

三つ目の吹き出し( 答えの欄 )が空だと分かりにくいので，初期値のセリフを用意しておきます．

過去に作成した単純なプログラムは，上から一文ずつ順番に実行し，処理結果を標準出力に吐き出すタイプのものです．

一方でウインドウの操作を行うGUIプログラムは多くの場合，ある状態で留まり，ユーザーの動作がきっかけとなってプログラムが次の動作をします．

例えば「マウスをクリックした」とか「キーボードからの入力があった」というものですが，それだけでなく「＜閉じる＞ボタンが押された」とか「マウスが画像のある場所に来た」といった，システム寄りの作業を動作のきっかけにすることもできます．

この「きっかけ」のことを「トリガー」と呼びます．

このような「何らかのアクション( イベント )」をきっかけにプログラムが何らかの動作をする( 端的には関数が呼び出される )仕組みを「イベントドリブン」といいます．イベントで駆動するプログラムです．

今はまだイベントを受け付ける部分は作っていませんが，これから追加していきます．

　※イベントドリブンなプログラムは，書かれた機能を実行する順番が，ユーザーの操作に依存します．プログラムが複雑になると，ユーザーが取りうる操作の場合の数が膨大になり，プログラム設計者の予期せぬ組み合わせが生じ，それが思わぬバグとして現れるリスクは高くなります．

プログラム制作会社はこのバグが出ないように，また出てしまったバグをより早く対処するように，日々努力しているのてす．

みなさんも色々な操作の組み合わせを想像しつつ，プログラミングを進めていきましょう．

「関数( function )」とは，ある特定の機能( function )を実行する一連の手続きをまとめたものです．

何度も用いる命令群を1つにまとめることで，プログラムは簡略になり，使い易くなります．

引数( argument )を処理することで，要求(パラメータ)に応じた動作をさせることも可能です．

今までに出てきた print() や input() も関数です．

関数は誰かが用意したものだけでなく，自分でも作る/定義することができます．

関数は，def 文を使って定義します．

定義の範囲( ブロック )を表すのにpythonではインデント＝字下げを用います．

同一のインデントの区間のことをブロックと呼びます．

関数の例として，教科書 pp.78--79( §3-4，小節「関数を作ってみよう」 ) の chap3-4sample.py を入力して実行しましょう．

教科書p.79( §3-4，小節「ボタンを押したときの処理を作ろう」 )のchap3.pyを入力して，実行しましょう．

解説-8

askbutton["command"] = ask_click

教科書p.80のchap3.pyを入力して，実行しましょう．

計算結果をprintで画面に出力するのではなく，テキストに表示します．

上記の課題3-1 から 課題3-6 全てです．

• 課題をmanabaのレポート欄「第3回課題」に提出して下さい．
• 直接書き込む「オンライン入力方式」です．
  
• 冒頭には「誰へ」「学籍・氏名」「挨拶一言」「報告内容を一言で( タイトル )」を文章として書きます．
• 実習時間内に終わらなかった場合，締切は「次回の実習開始( 金曜 9:15 )まで」です．

※注意※