週替わりギークス ― 第268回

HTMLにPythonを記述できるPyScriptを使い、ポケモンの種族値をデータ化してみた－倶楽部情報局

　アスキーの会員サービスASCII倶楽部では、会員の方だけが読めるさまざまな連載や特集が毎日更新中。

　本日は、ASCII倶楽部の人気記事「HTMLにPythonを記述できるPyScriptを使い、ポケモンの種族値をデータ化してみた」を紹介します。

---

HTML内に直接Pythonを記述できるライブラリ「PyScript」を使ってみた

　メンヘラテクノロジーの高桑蘭佳です。今回、2022年5月にAnacondaが公開したPyScriptというライブラリを使ってみました。PyScriptはHTML内に直接Pythonを記述できるので、Pythonが大好きかつ、フロントエンドよわよわな私のためのライブラリでは……!?　と以前から気になっていました。

　▼PyScript 公式サイト

　公式サイトには以下のように記載されており、まだまだ発展途上ではあるものの、国内でもすでに使ってみた系の記事が多くあるなど注目されているようです。

　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ファイルを呼び出すことなども可能です（参考）。

 

---

　続きは「HTMLにPythonを記述できるPyScriptを使い、ポケモンの種族値をデータ化してみた」でお楽しみください。

　なお、こちらの記事の続きを読めるのはASCII倶楽部会員の方限定です。

　ASCII倶楽部には、今回紹介した記事だけでなく、PCやスマホ、カメラ、テレビ、オーディオなどの会員だけが読める連載が更新されております！ さらに、週刊アスキー 電子版の最新号から過去4年ぶん以上のバックナンバーが読み放題となっております。

会員制読み放題サービス
ASCII倶楽部（アスキークラブ）

■利用料金
月額 税込1080円
※毎月1日～末日までの利用料金として

■支払方法等
●クレジットカード
* VISAカード/MasterCard/アメリカン・エキスプレスカード/JCBカード
●auかんたん決済
●ドコモケータイ払い
●Amazon アカウント
※auかんたん決済、ドコモケータイ払いを選択された方は、3日間無料キャンペーンをご利用いただけません。 ※ご利用になる決済機関によって決済時期及び決済方法が異なります。
それぞれの決済機関が定める利用規約等をご確認ください。

■提供時期
月額利用料金の支払い後、すぐに利用可能。

■推奨環境 ＜端末・ブラウザ＞
【PC】
・OS
Windows 7 以上 , Mac OS X 10.10以上
・ブラウザ
（Windows）Internet Explorer 11※Edgeは除く , Google Chrome最新版 , Firefox最新版
（Mac）Safari最新版
【スマートフォン】
・OS
iOS 8 以上 , Android 4.x以上
・ブラウザ
（iOS）Safari
（Android）Google Chrome

URL　ASCII倶楽部