デザイン演習　第６回

メモ

• breakでループを終了できる。
• while文：無限ループを繰り出せる
• ライブラリ（＝モジュール、パッケージ）は、プログラミング上でよく使う機能や便利な機能を簡単に使えるようにしたツールのこと。
• import random＝ランダムのライブラリを使うということ（ランダムのものは標準ライブラリ）
• 標準ライブラリ＝Pythonにもともと入っているライブラリ
• 外部ライブラリ＝世界中の人々が開発してくれたライブラリ、インポートする前にターミナル（macの場合）でインストールする必要あり。

課題

班で出た案：ゲーム、スケジュール帳→杉野：ToDoリスト作成を選択

完成品（画像）

ネットで探したソースコードは：Qiita 簡単で早い！Python3のTkinterを使って作るTODOアプリ（外部サイト）より

元のコード

1. # -*- coding: utf-8 -*-
2. import tkinter as tk
5. class App:
6.     def __init__(self):
7.         # ウィンドウを初期化
8.         self.master = tk.Tk()
9.         self.master.title('TODOアプリ')
10.         self.master.geometry('400x300')
11.         self.master.configure(padx=16, pady=16)
13.         # TODO入力エリアを作成
14.         self.input_area = InputArea(self.master)
15.         self.input_area.pack(side='top', fill='x')
16.         self.input_area.click_add_btn = self.click_add_btn
18.         # TODOリストの表示エリアを作成
19.         self.list_area = ListArea(self.master)
20.         self.list_area.pack(side='bottom', expand=True, fill='both')
22.     def mainloop(self):
23.         # masterに処理を委譲
24.         self.master.mainloop()
26.     def click_add_btn(self):
27.         """
28.         入力エリアの追加ボタンが押されたら呼ばれる
29.         入力エリアの入力値をリストエリアに追加する
30.         """
31.         todo = self.input_area.entry.get() # 入力値を取得
32.         self.input_area.entry.delete(0, 'end') # 入力行に残ったテキストを削除
33.         self.list_area.listbox.insert('end', todo) # リストにTODOを追加
36. class InputArea(tk.Frame):
37.     """
38.     TODOの入力エリア
39.     ユーザーの入力を処理する
40.     ユーザーが入力したTODOテキストを追加ボタンでリストに追加するのが役割
41.     """
43.     def __init__(self, master):
44.         super(InputArea, self).__init__(master)
46.         # ハンドル
47.         self.click_add_btn = None
49.         # ラベルの作成
50.         self.label = tk.Label(self, text='TODO')
51.         self.label.pack(side='left')
53.         # 入力行の作成
54.         self.entry = tk.Entry(self)
55.         self.entry.pack(side='left', expand=True, fill='x')
57.         # 追加ボタンの作成
58.         self.add_btn = tk.Button(self, text='追加', command=self._click_add_btn)
59.         self.add_btn.pack(side='left')
61.     def _click_add_btn(self):
62.         if self.click_add_btn:
63.             self.click_add_btn()
66. class ListArea(tk.Frame):
67.     """
68.     TODOリストの表示エリア
69.     ユーザーが入力したTODOが表示される
70.     """
72.     def __init__(self, master):
73.         super(ListArea, self).__init__(master)
75.         # リストの作成
76.         self.listbox = tk.Listbox(self, height=5)
77.         self.listbox.pack(side='top', expand=True, fill='both')
79.         # 削除ボタンの作成
80.         self.del_btn = tk.Button(self, text='削除', command=self._click_del_btn)
81.         self.del_btn.pack(side='bottom', fill='x')
83.     def _click_del_btn(self):
84.         """
85.         選択中のTODOを削除する
86.         """
87.         sel = self.listbox.curselection()
88.         for i in sel[::-1]:
89.             self.listbox.delete(i)
92. def main():
93.     app = App()
94.     app.mainloop()
97. if __name__ == '__main__':
98.     main()

イメージ

上記ソースコードをコピペし、ここから自分用に一部変更した。

変更後

1. # -*- coding: utf-8 -*-
2. import tkinter as tk
4. #ウインドウを作る。関数をラップしていく。（クッションのように関数の中に関数を隠すことを、関数をラップ（Wrap）すると言う。関数の外側にクッションを1つ作り、設計をしやすくする）
5. class App:
6.     def __init__(self):#defに続いて関数を宣言、（）に引数（関数に処理してもらう値）を入れられる。__init__はある型から個別の実体を作成する感じ。
7.         # ウィンドウを初期化
8.         self.master = tk.Tk()
9.         self.master.title('TODOリスト')
10.         self.master.geometry('1000x1000')
11.         self.master.configure(padx=16, pady=16)
13.         # TODO入力エリアを作成・4種類に入力を分ける
14.         self.input_area = InputArea(self.master)
15.         self.input_area.pack(side='top', fill='x')
16.         self.input_area._click_add_btn_a = self.click_add_btn_a
17.         self.input_area._click_add_btn_b = self.click_add_btn_b
18.         self.input_area._click_add_btn_c = self.click_add_btn_c
19.         self.input_area._click_add_btn_d = self.click_add_btn_d
22.         # TODOリストの表示エリアを作成・４種類に表示エリアを分ける
23.         self.list_area_a = ListArea_a(self.master)
24.         self.list_area_a.pack(side='left', expand=True, fill='both')
26.         self.list_area_b = ListArea_b(self.master)
27.         self.list_area_b.pack(side='left', expand=True, fill='both')
29.         self.list_area_c = ListArea_c(self.master)
30.         self.list_area_c.pack(side='left', expand=True, fill='both')
32.         self.list_area_d = ListArea_d(self.master)
33.         self.list_area_d.pack(side='left', expand=True, fill='both')
35.     def mainloop(self):#ループ処理
36.         # masterに処理を委譲
37.         self.master.mainloop()
39.     def click_add_btn_a(self): # 追加ボタン（重要・緊急）
40.         """
41.         入力エリアの追加ボタンが押されたら呼ばれる
42.         入力エリアの入力値をリストエリアに追加する
43.         """
44.         todo = self.input_area.entry.get() # 入力値を取得
45.         self.input_area.entry.delete(0, 'end') # 入力行に残ったテキストを削除
46.         self.list_area_a.listbox_a.insert('end', todo) # リストにTODOを追加
48.     def click_add_btn_b(self): # 追加ボタン（緊急）
49.         """
50.         入力エリアの追加ボタンが押されたら呼ばれる
51.         入力エリアの入力値をリストエリアに追加する
52.         """
53.         todo = self.input_area.entry.get() # 入力値を取得
54.         self.input_area.entry.delete(0, 'end') # 入力行に残ったテキストを削除
55.         self.list_area_b.listbox_b.insert('end', todo) # リストにTODOを追加
57.     def click_add_btn_c(self): # 追加ボタン（緊急）
58.         """
59.         入力エリアの追加ボタンが押されたら呼ばれる
60.         入力エリアの入力値をリストエリアに追加する
61.         """
62.         todo = self.input_area.entry.get() # 入力値を取得
63.         self.input_area.entry.delete(0, 'end') # 入力行に残ったテキストを削除
64.         self.list_area_c.listbox_c.insert('end', todo) # リストにTODOを追加
66.     def click_add_btn_d(self): # 追加ボタン（その他）
67.         """
68.     入力エリアの追加ボタンが押されたら呼ばれる
69.     入力エリアの入力値をリストエリアに追加する
70.     """
71.         todo = self.input_area.entry.get() # 入力値を取得
72.         self.input_area.entry.delete(0, 'end') # 入力行に残ったテキストを削除
73.         self.list_area_d.listbox_d.insert('end', todo) # リストにTODOを追加
76. class InputArea(tk.Frame):
77.     """
78.     TODOの入力エリア
79.     ユーザーの入力を処理する
80.     ユーザーが入力したTODOテキストを追加ボタンでリストに追加するのが役割
81.     """
83.     def __init__(self, master):
84.         super(InputArea, self).__init__(master)
86.         # ハンドル
87.         self.click_add_btn = None
89.         # ラベルの作成
90.         self.label = tk.Label(self, text='TODO')
91.         self.label.pack(side='top')
93.         # 入力行の作成
94.         self.entry = tk.Entry(self)
95.         self.entry.pack(side='left', expand=True, fill='x')
97.         # 追加ボタンの作成・４種類に分ける
98.         self.add_btn_a = tk.Button(self, text='重要・緊急', command=self._click_add_btn_a)
99.         self.add_btn_a.pack(side='left')
100.         self.add_btn_b = tk.Button(self, text='重要', command=self._click_add_btn_b)
101.         self.add_btn_b.pack(side='left')
102.         self.add_btn_c = tk.Button(self, text='緊急', command=self._click_add_btn_c)
103.         self.add_btn_c.pack(side='left')
104.         self.add_btn_d = tk.Button(self, text='その他', command=self._click_add_btn_d)
105.         self.add_btn_d.pack(side='left')
107.     def _click_add_btn_a(self):
108.         if self._click_add_btn_a:
109.             self._click_add_btn_a()
110.     def _click_add_btn_b(self):
111.         if self._click_add_btn_b:
112.             self._click_add_btn_b()
113.     def _click_add_btn_c(self):
114.         if self._click_add_btn_c:
115.             self._click_add_btn_c()
116.     def _click_add_btn_d(self):
117.         if self._click_add_btn_d:
118.             self._click_add_btn_d()
123. class ListArea_a(tk.Frame):#(重要・緊急）
124.     """
125.     TODOリストの表示エリア
126.     ユーザーが入力したTODOが表示される
127.     """
129.     def __init__(self, master):
130.         super(ListArea_a, self).__init__(master)
132.         self.label = tk.Label(self, text='重要・緊急')#リストのラベル
133.         self.label.pack(side='top')
135.         # リストの作成
136.         self.listbox_a = tk.Listbox(self, height=5)
137.         self.listbox_a.pack(side='top', expand=True, fill='both')
139.         # 削除ボタンの作成
140.         self.del_btn = tk.Button(self, text='削除', command=self._click_del_btn_ad)
141.         self.del_btn.pack(side='bottom', fill='x')
143.     def _click_del_btn_ad(self):
144.         """
145.         選択中のTODOを削除する
146.         """
147.         sel = self.listbox_a.curselection()
148.         for i in sel[::-1]:
149.             self.listbox_a.delete(i)
151. class ListArea_b(tk.Frame):#(重要）
152.     """
153.     TODOリストの表示エリア
154.     ユーザーが入力したTODOが表示される
155.     """
157.     def __init__(self, master):
158.         super(ListArea_b, self).__init__(master)
160.         self.label = tk.Label(self, text='重要') # リストのラベル
161.         self.label.pack(side='top')
163.         # リストの作成
164.         self.listbox_b = tk.Listbox(self, height=5)
165.         self.listbox_b.pack(side='top', expand=True, fill='both')
167.         # 削除ボタンの作成
168.         self.del_btn = tk.Button(self, text='削除', command=self._click_del_btn_bd)
169.         self.del_btn.pack(side='bottom', fill='x')
171.     def _click_del_btn_bd(self):
172.         """
173.         選択中のTODOを削除する
174.         """
175.         sel = self.listbox_b.curselection()
176.         for i in sel[::-1]:
177.             self.listbox_b.delete(i)
179. class ListArea_c(tk.Frame):#(緊急）
180.     """
181.     TODOリストの表示エリア
182.     ユーザーが入力したTODOが表示される
183.     """
185.     def __init__(self, master):
186.         super(ListArea_c, self).__init__(master)
188.         self.label = tk.Label(self, text='緊急') # リストのラベル
189.         self.label.pack(side='top')
191.         # リストの作成
192.         self.listbox_c = tk.Listbox(self, height=5)
193.         self.listbox_c.pack(side='top', expand=True, fill='both')
195.         # 削除ボタンの作成
196.         self.del_btn = tk.Button(self, text='削除', command=self._click_del_btn_cd)
197.         self.del_btn.pack(side='bottom', fill='x')
199.     def _click_del_btn_cd(self):
200.         """
201.         選択中のTODOを削除する
202.         """
203.         sel = self.listbox_c.curselection()
204.         for i in sel[::-1]:
205.             self.listbox_c.delete(i)
207. class ListArea_d(tk.Frame):#(その他）
208.     """
209.     TODOリストの表示エリア
210.     ユーザーが入力したTODOが表示される
211.     """
213.     def __init__(self, master):
214.         super(ListArea_d, self).__init__(master)
216.         self.label = tk.Label(self, text='その他') # リストのラベル
217.         self.label.pack(side='top')
219.         # リストの作成
220.         self.listbox_d = tk.Listbox(self, height=5)
221.         self.listbox_d.pack(side='top', expand=True, fill='both')
223.         # 削除ボタンの作成
224.         self.del_btn = tk.Button(self, text='削除', command=self._click_del_btn_dd)
225.         self.del_btn.pack(side='bottom', fill='x')
227.     def _click_del_btn_dd(self):
228.         """
229.         選択中のTODOを削除する
230.         """
231.         sel = self.listbox_d.curselection()
232.         for i in sel[::-1]:
233.             self.listbox_d.delete(i)
236. def main():
237.     app = App()
238.     app.mainloop()
241. if __name__ == '__main__':
242.     main()

デスクトップアプリにする方法はこちら
作成したデータのダウンロードはこちら

変更点

• ボタンの数を１つから「重要・緊急」「重要」「緊急」「その他」の４つに増やした。
• リストの枠も同様に４つに増やし、それぞれにラベルを付けた。
• 各入力事項を重要度・緊急度に分けて登録できるようにした。

課題（解決方法がわからなかった）

• 削除ボタンを一つにしたい。
• １つの項目を各欄に自由に移動させたい。
• デザインをポップな見た目にしたい。
• データを保存できる用にしたい。
• リストを４つ作った分コードも全体的に×４で書いたが、もしかしたらうまくコードを省略できるのでは？

参考サイト(外部サイト）

• Python入門　Tkinter による GUI プログラミング
• だえうホームページ【Python】tkinterのmainloopについて解説
• TechAcademyマガジン　Pythonにおける__init__の利用方法を現役エンジニアが解説【初心者向け】
• SAMURAIENGINEER Blog 【Python入門】関数を使うために必要な知識をやさしく解説！
• Qiita 簡単で早い！Python3のTkinterを使って作るTODOアプリ（外部サイト）
• SEワンタンの独学備忘録 【Python】PythonでGUI（デスクトップ）アプリを作ってみる@Windows

前の画面に戻る