2021年5月31日
こんにちは！AI部に所属しているTです！
普段の業務では、今AI系で流行りのプログラム言語Pythonをよく使っています。
みなさん、実はPythonでも簡単にGUIアプリケーションを作れるって知ってましたか？
今回は、PythonでのGUI作成の紹介と、個人的に少しわかりづらいと感じたところを簡単に解説したいと思います。
それでは、さっそく見ていきましょう！
Pythonには、いくつかGUI作成用ライブラリがありますが、今回は、デフォルトでPythonに入っているtkinterというライブラリを使って作成していきます。
まずは、試しに名前を入力すると挨拶を返してくれるGUIアプリを作ってみます。
ソースコードはこんな感じです。
import tkinter as tk
# 挨拶ボタンが押された時の処理
def greet():
text_label["text"] = f"Hi {input_area.get()}!"
# ウィンドウの作成
app = tk.Tk()
app.geometry("200x200")
# 挨拶用ページ
greeting_frame = tk.Frame(app)
greeting_frame.pack(anchor="center", expand=True)
# 挨拶用のテキスト表示ラベル
text_label = tk.Label(greeting_frame, text="")
text_label.grid(row=0, column=0)
# 自分の名前を入れるテキストボックス
input_area = tk.Entry(greeting_frame)
input_area.grid(row=1, column=0)
# 挨拶ボタン
button = tk.Button(greeting_frame, text="挨拶", command=greet)
button.grid(row=1, column=1)
# GUIアプリの実行
app.mainloop()
これを実行すると…
入力してボタンを押すと…
詳しい説明は省きますが、こんな感じで、tkinterなら簡単にGUI作成を試すことができます。
基本はページを作って、その上に要素をぺたぺた貼っていくイメージです。
1ページで完結する簡単なアプリならいいのですが、ちょっと複雑なアプリを作ろうとすると、少しわかりづらいところもあります。
ここでは、私が実際にGUIを作成していくなかで、少し悩んだ部分を共有したいと思います。
最初にGUIでボタンやテキストをページに追加していった後、次にやりたくなるのが、違うページに移動することだと思います。
そういうときには、次の2パターンの方法が考えられます。
この方法は、ページをあらかじめ作っておいて、表示させたいページを最前面に持ってくることで、ページを移っていきます。
イメージとしてはこんな感じです。
実際にコードにすると下のような感じになります。
import tkinter as tk
# 指定したページを最前面に持ってくる関数
def changePage(page):
page.tkraise()
# アプリケーションの設定
app = tk.Tk()
app.geometry("200x200")
app.grid_columnconfigure(0, weight=1)
app.grid_rowconfigure(0, weight=1)
# メインページの作成
main_frame = tk.Frame(app, bg="white")
main_frame.grid(row=0, column=0, sticky="nsew")
main_label = tk.Label(main_frame, text="main")
main_label.pack(anchor="center", expand=True)
main_button = tk.Button(main_frame, text="change page", command=lambda:changePage(sub_frame))
main_button.pack(anchor="center", expand=True)
# サブページの作成
sub_frame = tk.Frame(app, bg="yellow")
sub_frame.grid(row=0, column=0, sticky="nsew")
sub_label = tk.Label(sub_frame, text="sub")
sub_label.pack(anchor="center", expand=True)
sub_button = tk.Button(sub_frame, text="change page", command=lambda:changePage(main_frame))
sub_button.pack(anchor="center", expand=True)
# 最初にメインページを最前面に持ってくる
main_frame.tkraise()
# アプリケーションの開始
app.mainloop()
この方法は、別のページを表示させるときは、今表示しているページを削除して、新しいページを作って表示させます。
イメージ図としてはこんな感じです。
実際にコードにすると下のような感じになります。
import tkinter as tk
# ページを削除する関数
def destroyPage(page):
page.destroy()
# メインページを生成する関数
def make_main_frame():
main_frame = tk.Frame(app, bg="white")
main_frame.grid(row=0, column=0, sticky="nsew")
main_label = tk.Label(main_frame, text="main")
main_label.pack(anchor="center", expand=True)
main_button = tk.Button(main_frame, text="change page", command=lambda:[make_sub_frame(), destroyPage(main_frame)])
main_button.pack(anchor="center", expand=True)
# サブページを生成する関数
def make_sub_frame():
sub_frame = tk.Frame(app, bg="yellow")
sub_frame.grid(row=0, column=0, sticky="nsew")
sub_label = tk.Label(sub_frame, text="sub")
sub_label.pack(anchor="center", expand=True)
sub_button = tk.Button(sub_frame, text="change page", command=lambda:[make_main_frame(), destroyPage(sub_frame)])
sub_button.pack(anchor="center", expand=True)
# アプリケーションの設定
app = tk.Tk()
app.geometry("200x200")
app.grid_columnconfigure(0, weight=1)
app.grid_rowconfigure(0, weight=1)
# 最初にメインページを生成
make_main_frame()
# アプリケーションの開始
app.mainloop()
より複雑なアプリケーションを作ろうとすると、新しいウィンドウを生成して、そこにユーザにデータを入力してもらうなどを実装する必要がでてくると思います。
そういうときに、使うのが、tk.Toplevelです。
実際に使ってみたサンプルコードがこちらです。
import tkinter as tk
# サブウィンドウの生成
def makeWindow():
sub_window = tk.Toplevel(app)
sub_window.geometry("200x200")
sub_window.configure(background="red")
sub_label = tk.Label(sub_window, text="sub")
sub_label.pack(anchor="center", expand=True)
# アプリケーションの設定
app = tk.Tk()
app.geometry("200x200")
# メインページを作成
main_frame = tk.Frame(app)
main_frame.pack(anchor="center", expand=True)
main_button = tk.Button(main_frame, text="make window", command=makeWindow)
main_button.pack(anchor="center", expand=True)
# アプリケーションの作成
app.mainloop()
PythonのGUIアプリケーションの作り方を調べていると、クラスを作成せずに「ぺたー」とコードを書いているサンプルによく出会います。（ここまでのサンプルとか）
とりあえず動かす分には問題ないですが、ある程度複雑なGUIアプリを作成しようとすると、管理や修正などが大変になり、自分以外の人がソースコードを見ても何がなんだか分からないものになってしまいます。
そこで、各ページはクラスにまとめて、分かりやすくするといいと思います。
試しに、ここまでで作ったソースコードをクラス化してみると次のような感じです。
import tkinter as tk
# メインページクラス
class MainPage(tk.Frame):
def __init__(self, master):
tk.Frame.__init__(self, master)
self.configure(bg="white")
self.label = tk.Label(self, text="main")
self.label.pack(anchor="center", expand=True)
self.change_page_button = tk.Button(self, text="change page", command=lambda:changePage(master.sub_page))
self.change_page_button.pack(anchor="center", expand=True)
# サブページクラス
class SubPage(tk.Frame):
def __init__(self, master):
tk.Frame.__init__(self, master)
self.configure(bg="yellow")
self.label = tk.Label(self, text="sub")
self.label.pack(anchor="center", expand=True)
self.change_page_button = tk.Button(self, text="change page", command=lambda:changePage(master.main_page))
self.change_page_button.pack(anchor="center", expand=True)
self.make_window_button = tk.Button(self, text="make window", command=lambda:makeWindow(master))
self.make_window_button.pack(anchor="center", expand=True)
# サブウィンドウクラス
class SubWindow(tk.Toplevel):
def __init__(self, master):
tk.Toplevel.__init__(self, master)
self.geometry("200x200")
self.configure(bg="red")
self.label = tk.Label(self, text="sub window")
self.label.pack(anchor="center", expand=True)
# アプリケーションクラス
class App(tk.Tk):
def __init__(self, *args, **kwargs):
tk.Tk.__init__(self, *args, **kwargs)
self.geometry("200x200")
self.grid_columnconfigure(0, weight=1)
self.grid_rowconfigure(0, weight=1)
# メインページ
self.main_page = MainPage(self)
self.main_page.grid(row=0, column=0, sticky="nsew")
# サブページ
self.sub_page = SubPage(self)
self.sub_page.grid(row=0, column=0, sticky="nsew")
self.main_page.tkraise()
# ページの移動
def changePage(page):
page.tkraise()
# 新しいウィンドウの生成
def makeWindow(master):
sub_window = SubWindow(master)
if __name__ == "__main__":
# アプリケーションを開始
app = App()
app.mainloop()
今回は、tkinterでのGUI作成を少し紹介しましたが、Pythonには他にもGUI作成のためのライブラリがあります。
Jupyter NotebookやGoogle Colabで簡単にPythonを試してみるだけでも楽しいですが、GUIアプリを作ってみると達成感もひとしおです。
皆さんも、ぜひ今流行りのPythonのいろんな一面を調べて使ってみてください！
我们每个月都会举办一次全体员工的学习会。
学习会的发表内容是UIUX、Salesforce、figma等，大家会发表自己和工作相关的事情或者是自己有兴趣等等的东西。
发表的人会通过输出知识而对自己目前所有的知识进行整理，
其他员工也获得了了解发表的人的想法和新知识的好机会。
在您加入公司后，公司将会对您进行培训。
今年度所学的是HTML，CSS，JavaScript的基础编程
在这一年的下半年，我们通过Google-NewsAPI取得新闻来制作了一个新闻网站。
我们使用Docker构建了一个容器环境，并开发了一个函数来显示在客户端使用API检索的新闻。
我们的团队使用了Bootstrap和Vue.js等框架
制作出了动态设计和非同时处理的网站
入社後は開発研修を行います。
今年度はHTML、CSS、JavaScriptの基礎的なコーディングについて学び
後半ではGoogle-NewsAPIで取得したニュースでニュースサイト作成を行いました。
Dockerによりコンテナ環境を構築し、APIを用いて取得したニュースをクライアント側で表示する機能を開発。
チーム毎にBootstrapや、Vue.jsといったフレームワークを用いて
レスポンシブ対応デザイン、非同期処理等を駆使してページを作成していきました。
毎月1回、当社では全体で勉強会を行っています。
発表内容はUIUX、Salesforce、figmaなど、仕事関連や関心のある事などそれぞれの好きなことを発表しています。
発表者はアウトプットを通じて知識を整理し、
他の社員は発表者の考えていることや新しい知識を知れる良い機会となっています。
Salesforceの認知度と普及率の高まりから、当社ではSalesforce導入支援の案件が増加しています。
当社ではSalesforce 認定アドミニストレータ合格を目標に、新卒研修として約2週間Salesforceの講座を行います。
関連サービスのPardot、Tableauについても実践形式で研修を行うため、実務で扱う際にも抵抗なく取り組むことが出来るようになります。
日本でビジネスを行う上で、日本語でのコミュニケーション能力が重要であることは言うまでもありません。
ソホビービーでは海外からの新入社員向けに週3回日本語講師を招き、就業前の時間を利用し日本語レッスンを実施し、来日1年後の日本語検定N1合格に向けて日本語のトレーニングを行っています。