PythonでMacアプリつくってみた

はじめに

こんにちは、IoTチームの組み込みソフトウェアエンジニアのとりーです。

1年に1回くらいカッとなってなにか作ったりするのですが、先日は某ゲームに出てくるロボットをつくりました。
画用紙とマスキングテープと水糊で作ったのですが、紙に水糊はだめですね…

水糊でひっつけたところがたわんでしまいました。
3Dプリンタがほしい、かも。

さて今回はまたまたツールアプリについて書こうと思います。

PythonでMacアプリをつくる

これまでは非エンジニア向けのアプリを作る場合、Xcodeを使ってMacアプリをつくっていました。

が、今回は事情がちょっと違うところがありまして。

具体的には下記のような感じです。

これまで：非エンジニア向けにアプリを1 からつくる
今回：すでにエンジニア向けの Python コードがあり、それを非エンジニアでも触れるようにアプリ化する。

最初は脳死で Xcode でつくるか！と思ったのですが、

すでにPythonであるものをもう一度Xcodeで作り直すのが面倒
もし修正が入れば両方に手を入れないといけなくなるので嫌
Pythonの資産は使いたい
そういえばPythonのGUIアプリ作ったことないので良い機会では

という4点で Python でアプリをつくることにしました。

どのツールを使おうか

まずは Python 標準ライブラリである Tkinter を使ってみました。

まずはサンプルアプリを使って、どんな感じのものかを確認してみたのですが、なんだかうまく表示されない…

ぐぐってみたところ、MacOSで Tkinter8.5系は表示バグの致命的欠陥があるそうな。

>>> tkinter.Tcl().eval('info patchlevel')
'8.5.9'

うーん。

特に Tkinterにこだわりもなかったので、早速諦めて別のツールに。
（ちょっと前に試してたのですが詳細をメモしておらず、どこがうまく表示されなかったのかは忘れちゃいました。ごめんなさい。）

次は PyQt を使ってみることにしました。
ガッツリつかったことはないですが、他の人がつくったものを少し触ったことがあったので「とっつきやすいかも？」と思ったことが主な理由です。

こちらはサンプルアプリをつくったところ、表示・ボタンアクションなど一通り意図通りに動くことを確認できました。やったぜ。

以降はアプリを粛々と作成。
詳細は割愛しますが、かなり直感的に実装できました。
iOS や MacOS 開発で得た GUI まわりのノウハウを割とそのまま流用できたような気がします。

ただ今回は大したアプリではないので、ひたすら画面パーツを作って上から順に配置して終わりという感じになりました…😂

画面パーツをつくる

        self.title_style = 'color:#4169e1;font-size: 15pt;;'

        self.label_aaa = QLabel('XXXXXXX')
        self.label_aaa.setStyleSheet(self.title_style)
        self.qle_bbb = QLineEdit(placeholderText='アクセスキーを入力')
        self.qle_ccc = QLineEdit(placeholderText='シークレットキーを入力')
        （略）

ひたすら上から順に配置

        layout = QVBoxLayout()
        layout.addWidget(self.label_aaa)
        layout.addWidget(self.qle_bbb)
        layout.addWidget(self.qle_ccc)
        layout.addWidget(QLabel()) # スペース確保用                                                                                                                                        
        layout.addWidget(self.label_ddd)
        layout.addWidget(self.qle_eee)
        layout.addWidget(QLabel()) # スペース確保用                                                                                                                                        
        layout.addWidget(self.label_fff)
        layout.addWidget(self.qle_ggg)
        layout.addWidget(self.btn_hhh)
        layout.addWidget(self.label_iii)
        layout.addWidget(self.qte_jjj)
        layout.addStretch()
        self.setGeometry(200, 200, 600, 400)

        self.setLayout(layout)

できたアプリ