• home
  • about
  • 全ての投稿
  • ソフトウェア・ハードウェアの設定のまとめ
  • 分析関連のまとめ
  • ヘルスケア関連のまとめ
  • 生涯学習関連のまとめ

pyscript

date: 2022-06-05 excerpt: pyscriptの使い方と環境構築

tag: pyscriptpythonweb


pyscriptの使い方と環境構築

概要

  • web browser上で動作するpython
  • javascriptで書かれている
  • purepythonのモジュールも使用可能
    • 例外として、numpy, matplotlibも使用可能

具体例

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<py-env>
  - numpy
  - matplotlib
</py-env>

<py-script>
print("Let's compute π:")
def compute_pi(n):
    pi = 2
    for i in range(1,n):
        pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
    return pi
def a():
    pass

pi = compute_pi(100000)
s = f"π is approximately {pi:.3f}"
print(s)
</py-script>

<div id="plot"></div>
<py-script output="plot">
import matplotlib.pyplot as plt
import numpy as np

n = 1000
x = np.random.randn(n)
y = np.random.randn(n)

fig, ax = plt.subplots()
ax.scatter(x, y)
fig
</py-script>

<py-repl></py-repl>

制限

  • jekyllのmarkdownで動作しない
  • raw htmlで動作する
  • vscodeのプレビューで動作する

参考

  • Getting started with PyScript


pyscriptpythonweb Share Tweet