はじめに

smoothiecharts.jsよき…
なおpyinstallerは仮想環境切らないと実行ファイル化できなかった pic.twitter.com/mvSDNkNzDQ
— Kurene (@_kurene) 2021年4月8日

ライセンスとGUIの拡張性の観点から，EelでGUIアプリを開発することにしたので，以下の記事を参考に取り組んでみました。

タイトル通り、PyInstaller + Eel + Numpy でGUIアプリの実行ファイルを作成し、ファイルサイズがどれくらいになるのか検証してみました。

実装

こちらのサイトのコードをほぼそのまま使っています。

変更点としては、numpyの利用確認のため、random.randomをnumpy.random.randomに置き換えています。

Python

import numpy as np
import time
import eel

eel.init("web")
eel.start("main.html", block=False)

while True:
    eel.push_data([
        {"time": time.time() * 1000, "value": np.random.random()},
    ])
    eel.sleep(0.2)

HTML / Javascript

クリックで展開

<html>
<head>
    <meta charset="UTF-8">
    <title>Chart</title>
</head>
<body>
    <div id="parent" style="height: 100%;">
        <canvas id="mycanvas"></canvas>
    </div>
    <script type="text/javascript" src="/eel.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothie/1.34.0/smoothie.min.js"></script>
    <script type="text/javascript">
        var parent = document.getElementById("parent")
        var canvas = document.getElementById("mycanvas")
        canvas.width = parent.clientWidth
        canvas.height = parent.clientHeight

        var smoothie = new SmoothieChart();
        smoothie.streamTo(canvas);
        var series = new TimeSeries();
        smoothie.addTimeSeries(series);

        eel.expose(push_data)
        function push_data(values) {
            for (var i = 0; i < values.length; i++) {
                series.append(values[i]["time"], values[i]["value"]);
            }
        }
    </script>
</body>
</html>

PyInstaller による実行ファイル作成

自分の環境では、仮想環境でpyinstallerを実行しないを実行ファイルが作成できませんでした。

以下の記事を参考に仮想環境を作ります。

pythonを仮想環境で実行ファイル化（venv、pyinstallerモジュール）

python -m venv . #現在のフォルダで仮想環境作成
cd Scripts
activate # 起動
python -m pip install pip --upgrade # pip を最新版に
python -m pip install eel numpy # eel と numpy を導入
...
deactivate # 終了時はdeactivateで仮想環境を抜ける

ファイルサイズについて

python -m eel --onefile --noconsole

pyinstaller --onefile --noconsole で numpy と eel を import した場合の実行ファイルのサイズ。200MB強だったので、一先ず許容範囲内。ここからどれくらい削れるのだろう、、 pic.twitter.com/0EWpQikmEQ
— Kurene (@_kurene) 2021年4月8日

--onefile --noconsoleオプションだと、200MB強でした。なお、numpyを抜くと 8MB強。

もう少し軽くしたいですが、デスクトップアプリであれば、今の時代の通信帯域やPCメモリ・ストレージサイズであれば300MBくらいなら配布・使用には困らないはず…

Wizard Notes

Python, JavaScript を使った音楽信号分析の技術録、作曲活動に関する雑記

Python: PyInstaller + Eel + Numpy でGUIアプリの実行ファイルを作成