PyScript を使ってブラウザでPytohnを実行してみよう

https://gyazo.com/9b786812e81668b2d636ba882016bdff

アウトライン的なメモ

そのうちまとめます。。。まとまるはず。。。

はじめに

このPyScriptを使えば、将来的にはほとんどすべてのPythonコードをブラウザ上で実行することができるようになります。

現状はまだ実験的プロジェクトで、実装が難しいそうなモジュールなどを含めいくつかの制約事項があり、100%互換性があるというものではありませんが、pandas や NumPy,、SciPy(部分的サポート）などがサポートされています。

この資料は、この PyScript について説明するものです。

PyScript について

PyScript は、HTML のインタフェースを利用して、ブラウザ上でリッチな Python アプリケーションを作成するためのフレームワークです。PyScriptは、Python の持っている一貫したスタイルルールや、豊かな表現力、習得が容易な第一級のプログラミング言語をユーザーに提供することを目的としています。内部的には、次図で示すようなソフトウェアスタックで動作します。

https://gyazo.com/7ccf0856f14671ec2d6eda57b2c7e2a0

Pyodide（パイオダイドと発音）は、PythonのデータサイエンススタックをWebブラウザで動かすことを目指すプロジェクト。CPython 3.8インタープリタをWebAssemblyにコンパイルし、PythonのデータサイエンススタックをWebブラウザで使用できるようにする。Numpy、Pandas、SciPyなどのパッケージも使用できる。任意のPythonパッケージをPython Package Index（PyPi）からインストールできるほか、外部の関数とのインターフェイスも備える。これによりJavaScript、DOMなどのブラウザインターフェイスからPythonエコシステムを活用できることを目指している。

Mozillaは4月23日、Webブラウザ内でPythonを動かす「Pyodide」を独立したプロジェクトにしたことを発表しました。合わせて、最新版となるPyodide 0.17も公開していま。

PyScriptについて知っておくべき重要なことは、以下の通りです。

期待が持てるけれど、現状は起動に時間がかかる。

FizzBuzz問題の場合で、結果が表示されまで20秒かかる。

code: bash

LinuxなどのOS上で実行されるPython環境と異なり、Webブラウザ環境ではファイルシステムなどへはアクセスできないなどの相違点はあります。

実装がかなり難しいもの

ネットワークソケット

マルチプロセッシング

ホストのファイルシステムへのアクセス

近いうちに実装されそうなもの

スレッド

非同期堀(async)

Pythonコードからインストールされているライブラリ/パッケージを取得する方法

code: python

import pkg_resources

for dist in pkg_resources.working_set:

print(dist.project_name, dist.version)

code: python

pyscript.write(arg1, arg2)

code: python

<div id="blue" class="alert alert-primary"></div>

<div id="red" class="alert alert-danger"></div>

<py-script>

pyscript.write('blue', "In blue.")

pyscript.write('red', "In red.")

</py-script>

プロットを書き出すためには、次のように記述する。

code: HTML

<div id="myplot"></div>

<py-script output="myplot">

...

/py-script>

</div>

PyPI からパッケージをインストールすることができる。

これは、PyScript というよりも Pyodide で行う。

PurePythonのパッケージに限定される。つまり、C拡張がされていると難しい。 SciPy が全ての機能がサポートされていない理由もこれが要因。

Pyodideは、PyPIから純粋なPythonホイールをmicropipでインストールすることをサポートしています。micropip.install()はPython Futureを返すので、パッケージの読み込みが終わったら、python future APIを使って処理を待つことができます。

code: python

pyodide.runPythonAsync(`

import micropip

await micropip.install('snowballstemmer')

import snowballstemmer

stemmer = snowballstemmer.stemmer('english')

print(stemmer.stemWords('go goes going gone'.split()))

`);

code: python

import micropip

micropip.install(

)

参考

PyScript

Pyodide

WebAssembly