【PyScript】標準ライブラリや外部ライブラリをインポートする方法[Python]

2023年8月18日2023年9月22日

URLをコピーしました！

PyScript

前回、PyScriptでファイル選択ウインドウ（ファイルセレクター）からファイルパスや中身を取得する方法を紹介しました。

標準ライブラリのインポート

標準ライブラリのインポートは通常のPythonのインポートと変わりません。

PyScriptタグ内で「import os」のように記述するだけで使用できるようになります。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
    <script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
    <div id="text"></div>
<py-script>
    import os
    Element("text").write(os.getcwd())
</py-script>
</body>
</html>

外部ライブラリのインポート：よく見た編

次に外部ライブラリのインポート方法ですが、まずはよく見た編です。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
    - numpy
</py-env>
</head>
<body>
    <div id="text"></div>
<py-script>
    import numpy as np
    a = [2, 4, 6, 3, 7]
    max_val = np.max(a)
    Element("text").write(max_val)
</py-script>
</body>
</html>

py-envタグ内に「 – numpy」のようにハイフンを付けた形で使用したいライブラリを記載します。

そしてpyscriptタグ内でインポートするというやり方です。

pyscriptのライブラリの読み込み部分を見てもらえると分かるのですが、「”https://pyscript.net/alpha/pyscript.css」と「”https://pyscript.net/alpha/pyscript.js”」と「alpha」のバージョンを指定しているのです。

ただこの記事を書いている時点（2023年2月）では「”https://pyscript.net/latest/pyscript.css”」と「”https://pyscript.net/latest/pyscript.js”」というように常に「latest」、つまり最新バージョンを読み込むようになっています。

ちなみに「latest」バージョンのPyScriptでは「py-env」タグは機能しないようです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
    <script defer src="https://pyscript.net/latest/pyscript.js"></script>
<py-env>
    - numpy
</py-env>
</head>
<body>
    <div id="text"></div>
<py-script>
    import numpy as np
    a = [2, 4, 6, 3, 7]
    max_val = np.max(a)
    Element("text").write(max_val)
</py-script>
</body>
</html>

外部ライブラリのインポート：Latest用

Latestのバージョンで外部ライブラリをインポートするには「py-configタグ」内に使用するライブラリを「packages = [“ライブラリ１”, “ライブラリ2”]」という形で記載します。

そしてpy-scriptタグ内でインポートします。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
    <script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
    <py-config>
        packages = ["numpy"]
    </py-config>

    <div id="text"></div>
    <py-script>
        import numpy as np
        a = [2, 4, 6, 3, 7]
        max_val = np.max(a)
        Element("text").write(max_val)
    </py-script>
</body>
</html>