Pyscript is a tool and framework that simplifies the development of interactive web applications by allowing Python code to be executed directly in the web browser.
Pyscriptは、Pythonを Webブラウザ上で直接実行できるようにするためのツールおよびフレームワークです。
古い PyScript の記事では <py-script> タグが使われていることがありますが、現在の PyScript では <script type="py"> を使う書き方が基本です（このページのデモもこの方式で統一しています）。
以前は Python 用の専用タグとして <py-script> が用意されていましたが、現在は HTML の <script> 要素に type="py" を指定して Python を埋め込む方式が中心になりました。
<script> を使う方が HTML として自然で、見通しが良いこれから書くなら <script type="py"> を使います。検索で見つけたサンプルが <py-script> だった場合は「古い例の可能性が高い」と疑い、公式ドキュメントやリリース表記を確認してください。
HTML
<!-- 現在の基本（推奨） -->
<script type="py">
print("Hello, PyScript!")
</script>
<!-- 古い例で見かける（非推奨） -->
<py-script>
print("Hello, PyScript!")
</py-script>実務メモ：社内Wikiや古いブログの手順をなぞって動かないときは、まず <py-script> を <script type="py"> に置き換え、さらに読み込んでいる PyScript の URL（latest か releases 固定か）も確認すると切り分けが早くなります。
Python
<script type="py">
print("Hello, PyScript!")
</script>
PyScript は、core.css と core.js を CDN から読み込むことで利用しますが、
読み込みURLには latest と releases 固定の 2 種類があります。
https://pyscript.net/latest/ を使うと、常に最新の PyScript が読み込まれます。
URLを書き換えなくてよい反面、将来の更新によって挙動が変わる可能性があります。
HTML
<!-- PyScript：latest（常に最新版） -->
<link rel="stylesheet" href="https://pyscript.net/latest/core.css">
<script type="module" src="https://pyscript.net/latest/core.js"></script>
https://pyscript.net/releases/2025.11.2/ のように
バージョンを明示すると、そのバージョンの PyScript が固定で読み込まれます。
HTML
<!-- PyScript：バージョン固定（再現性重視） -->
<link rel="stylesheet" href="https://pyscript.net/releases/2025.11.2/core.css">
<script type="module" src="https://pyscript.net/releases/2025.11.2/core.js"></script>
このページでは、将来読み返したときにも同じ結果が得られるよう、
releases 固定の URL を使用しています。
実務メモ：
「最新版を使っている」よりも
「このページは PyScript 2025.11.2 を前提にしている」
と言い切れる方が、トラブル時の切り分けや保守が圧倒的に楽になります。
定番の「Hello Pyscript!」を表示してみます。
まず、事前準備として、ページの上部にある headタグ内に次のコードを記述し、PyScriptのスタイルシートと JavaScriptファイルをインクルードしています。
HTML
<head>
<link rel="stylesheet" href="https://pyscript.net/releases/2025.11.2/core.css">
<script type="module" src="https://pyscript.net/releases/2025.11.2/core.js"></script>
</head><body>タグ内の文字列（Hello Pyscript!）を表示したい場所に <div>タグ（id="out"）を配置しています。
HTML
<!-- ここに文字列を表示する -->
<div id="out"></div>
<script type="py">
# Python code here
</script><script type="py">タグ内で Pythonコードを記述し、JavaScriptの documentオブジェクトを使って HTML要素を取得し、文字列「Hello Pyscript!」をその要素に設定しています。
Python
from js import document
# 表示したい文字列
message = "Hello Pyscript!"
# 表示する場所の要素を取得
container = document.getElementById('out')
# 文字列を設定
container.innerHTML = messageこれで任意の場所に文字列（Hello Pyscript!）を表示することができました。ただ、ページの更新などをすると読み込みに時間がかかるようなので、その点は注意が必要かもしれません。
私は、このページの編集中は head要素内に書いた core.js の読み込み部をコメントアウトしておきました。Pyscriptは機能しなくなりますが、ページの読み込みは早くなりました。