PyScript-HTMLでPythonコードを使用する

<py-script>-<py-env>-<py-repl>

序章

データサイエンティストがPythonを使用するだけで、JavaScriptを知る必要がなく、Webアプリケーションを開発できるとしたら、どれほどすばらしいことでしょう。PyconUS 2022で、Anacondaは、HTMLコードでPythonを使用してアプリケーションを構築するPyScriptと呼ばれる新しいフレームワークを発表しました。HTMLコードでPythonを使用できます。javascriptを知る必要はありません。PyScriptはHTMLだけでなく、Pythonライブラリの豊富でアクセス可能なエコシステムにより、より強力です。

この記事では、PyScriptの使用方法とPyScriptのいくつかの例を見てみましょう。

1. PyScriptとは何ですか？

Anacondaのブログによると、PyScriptは、ユーザーがPythonと標準のHTMLを組み合わせて使用​​し、ブラウザーでリッチなPythonアプリケーションを作成できるようにするフレームワークです。PyScriptは、一貫したスタイリングルールを持ち、より表現力があり、習得しやすい一流のプログラミング言語をユーザーに提供することを目的としています。

PyScriptは、Anacondaのチームによって開発されました。

2. PyScriptコアコンポーネントとは何ですか？

• PyScriptは簡単に使用できます。
• PyScriptは、Javascriptに比べて習得が容易です。
• PyScriptはシンプルでクリーンなAPIを提供します。
• 標準のHTMLをサポートします。
• PyScriptでJavascriptライブラリを呼び出すことができます。
• Pythonを使用してWebアプリケーションを開発できます。
• PyScriptの使用を開始するには、Webブラウザが必要です。
• これは、ユーザーが独自の新しいコンポーネントを定義するための簡単な方法を提供します。
• ブラウザで実行するPythonコードをサポートしています。後で、より多くの言語がサポートされる予定です。
• PyScriptを使用すると、展開について心配する必要がなくなります。すべてがWebブラウザで発生します。
• データサイエンティストは、ダッシュボードとモデルをHTMLファイルで共有できます。これにより、他のユーザーがWebブラウザーでファイルを開くたびにコードが実行されます。

• WebAssembly / WASM
• Emscripten
• ピオダイド。

Anacondaのプレスリリースによると、PythonでWebサイトを作成できるようにする基本的なテクノロジーはWebAssemblyです。WebAssemblyが最初に開発されたとき、WebブラウザはJavascriptのみをサポートしていました。

2017年に最初にリリースされたWebAssemblyは、2019年までに公​​式のWorld Wide Webコンソーシアム（W3C）標準になりました。これには、人間が読める形式の.watテキスト形式の言語が含まれており、ブラウザで実行できるバイナリの.wasm形式に変換されます。これにより、任意の言語でコードを記述し、それをWebAssemblyにコンパイルしてから、Webブラウザーで実行できます。

WebAssemblyのドキュメントによると-

• WebAssemblyは、最新のWebブラウザーで実行できるコードの一種です。
• これは、ネイティブに近いパフォーマンスで実行されるコンパクトなバイナリ形式の低レベルのアセンブリのような言語です。
• C / C ++、C＃、Python、Rustなどの言語にコンパイルターゲットを提供して、Web上で実行できるようにします。
• 一言で言えば、クライアントアプリをウェブ上で実行しながら、ウェブ上で複数の言語で書かれたコードをネイティブに近い速度で実行する方法を提供します。

Emscripten：

EmscriptenはWebAssmblyのオープンソースコンパイラツールチェーンであり、実質的に任意のポータブルC /C++コードベースをWebAssemblyにコンパイルできます。詳細については、ドキュメントを確認してください。

ピオダイド：

• Pyodideは、CPythonからWebAssemblyへの移植です。
• Pyodideを使用すると、micropipを使用してブラウザにPythonパッケージをインストールして実行できます。
• PyPIで利用可能なホイール付きのPythonパッケージがサポートされています。
• C拡張機能を備えた多くのパッケージも、Pyodideで使用するために移植されています。
• 正規表現、pyyaml、lxmlなどの多くの汎用パッケージ、およびNumPy、pandas、scipy、matplotlib、sci-kit-learnなどの科学的なPythonパッケージ。

詳細については、pyodidegithubを確認してください。

3. PyScriptをインストールするにはどうすればよいですか？

方法：私

• からダウンロードhttps://pyscript.net/
• ダウンロードしたファイルを解凍します。
• 次に、コードで以下の行を使用します。

• ダウンロードする必要はありません。以下のcssファイルとjsファイルを使用してください
• HTML：ドキュメントとWebページがWebブラウザでどのように表示されるかを決定する言語、任意のWebサイトの構成要素の言語。
• CSS （Cascading Style Sheets）：または略してCSS 。CSSは、特にHTML要素のレイアウトとカスタマイズを扱います。
• Javascript：これにより、サイトがロードされた後にWebサイトのCSSおよびHTML要素を変更できます。

• タグを使用して、<py-script>以下のようにタグ自体の中にPythonコードを記述します
• また、以下のようにPythonファイルを直接渡すこともできます
• 追加のパッケージやモジュールを使用する必要がある場合は、タグを使用して、<py-env>以下のように環境要件を指定してください。

• REPLを使用する場合は、<py-repl>タグを使用してください

5. PyScriptの例：

• HTMLファイルを作成します。
• ブラウザで開きます。クロームでやりました。

必ず2つのファイルを使用してください。

例：1-Hello World

コード：

Hello World HTMLコード：

Hello World PyScriptコード：

• <py-script>タグの間にコードを追加します。

例：2-Matplotlib

コード：

出力：

例：3-KMeansクラスタリングデモ：

コード：

出力

例：4-REPL

コード：

出力：

• ウィジェットが表示されます。
• コードを記述してから、緑色の再生ボタンを押すことができます。

コード：

出力：

PyScriptの詳細については、以下を確認してください

• PyScriptの例。
• PyScriptホームページ。
• PyScriptGithub。
• テクニカルブログ。

HTMLでPythonを使用してWebアプリケーションを開発するのはどれほど素晴らしいことですか？Pyscriptはまだ始まったばかりです。繰り返しますが、それは非常にシンプルで習得が容易です。jupyterノートブックのような大きなものになると思います。この記事を楽しんでいただけたでしょうか。

Linkedinに自由に接続してください。興味があれば、AnalyticsVidhyaの他の記事をチェックしてください。

パンダについてのすべて-100コードスニペットとトリック

参考文献

1. https://engineering.anaconda.com/2022/04/welcome-pyscript.html
2. https://pyscript.net/