HTML内に直接Pythonを記述できるライブラリ「PyScript」を使ってみた
メンヘラテクノロジーの高桑蘭佳です。今回、2022年5月にAnacondaが公開したPyScriptというライブラリを使ってみました。PyScriptはHTML内に直接Pythonを記述できるので、Pythonが大好きかつ、フロントエンドよわよわな私のためのライブラリでは……!? と以前から気になっていました。
公式サイトには以下のように記載されており、まだまだ発展途上ではあるものの、国内でもすでに使ってみた系の記事が多くあるなど注目されているようです。
Please be advised that PyScript is very alpha and under heavy development. There are many known issues, from usability to loading times, and you should expect things to change often. We encourage people to play and explore with PyScript, but at this time we do not recommend using it for production.
PyScriptは非常にアルファであり、重い開発中であることをご承知おきください。ユーザビリティからロード時間まで、多くの既知の問題があり、頻繁に変更されることを予期しておく必要があります。私たちはPyScriptを使って遊び、探求することを推奨しますが、現時点では制作に使うことは推奨しません（※「DeepL翻訳」で翻訳したもの）。
hello world!してみる
まずは使い方を勉強するために、チュートリアルに沿って定番のhello world!をしてみようと思います。
開発環境はテキストエディタ以外は特に不要ですが、VSCodeの拡張機能「Live Server」がチュートリアル内でオススメされていたので使用しました。めっちゃ便利でした。
PyScriptの使い方はチュートリアルどおり非常にシンプルで、headタグ内に以下のlinkタグとscriptタグを追加します。
あとはpy-scriptタグ内にPythonコードを書くだけです。以下のコードでhello world!が表示されます。
VScodeで「Live Server」をインストールしていれば右クリックから「Open with Line Server」を選択すると、ブラウザが立ち上がります。
以下のように、hello world!が表示されました。簡単でシンプル！ 今回は触れませんが、py-configタグを使用して、別途作成したPythonファイルを呼び出すことなども可能です（参考）。
この連載の記事
- 第304回 企業人としての事業・プロジェクトの終わらせ方
- 第303回 画像生成AIで自作キャラのジオラマアクスタができたぞ〜〜〜！！！
- 第303回 画像生成AIでオリジナルキャラのLoRAができたぞ〜〜〜！！！
- 第302回 「好きな人にSIMは差せますか？」メンヘラとギャルとアイドルが“通信”についてガチで考えた結果【運営レポ】
- 第302回 私の”2年間目標”教えます
- 第301回 人生を変える「2年間目標」の立て方
- 第300回 最新の「Apple Watch」を健康アイテムとして買った 身体というハードウェアがくたびれてきたので
- 第299回 装着式ロボットを組み立てて、撮る
- 第298回 円形のオーディオスペクトラム作ったんですが、Adobe AEの使い方を学ぶよりChatGPTに聞きながらPythonで実装する方がラクでした（個人的に）
- 第297回 子育てしながら働きはじめ、年間目標ならぬ“2年間目標”を立てました
- この連載の一覧へ
