
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
⚠️ 2026年 重要なお知らせ
この講座の収録時点(2022年)の PyScript はアルファ版でした。その後、仕様が大きく変わっています。動画の中で使っている書き方は、現在のPyScriptでは動きません。
このレクチャーには 「_2026年更新版」 と付いたファイルを添付しました。現行仕様で動作することを確認済みですので、そちらをお使いください。
主な変更点
読み込み先の変更:pyscript.net/alpha/* は現在404です。https://pyscript.net/releases/2025.2.1/core.css と core.js(type="module")に変わりました
<py-script> は廃止 → 標準の <script type="py"> に統合されました
<py-env> は廃止 → script タグの config 属性(JSON)で指定します
<py-repl> → <script type="py-editor"> に変わりました
output="..." → display(obj, target="...") で出力先を明示します
更新版ファイルには元の書き方もコメントで残してありますので、動画と見比べながら「何がどう変わったか」を確認できます。タグの名前は変わりましたが、動画で解説している考え方はそのまま通用します。
【2026年 重要なお知らせ|受講前にお読みください】
本講座は2022年、PyScriptがアルファ版だった時期に収録しています。その後PyScriptの仕様は大きく変わり、動画内で使っている独自タグ(py-script / py-env / py-repl)と、当時の読み込み先は、現在そのままでは動作しません。当時のURLは現在アクセスできなくなっています。
そのため、現行仕様で動作を確認した「_2026年更新版」のファイルを、各レクチャーの資料に追加しました。何がどう変わったかは、各レクチャーの解説欄に一覧で記載しています。
書き方は変わりましたが、ブラウザだけでPythonを動かし、環境構築なしで相手に結果を渡すという本講座の考え方は、現在も通用します。旧版と更新版を見比べて差分を追う作業そのものが、変化の速いこの分野では実践的な学習になります。
Pythonでデータ集計や簡単な業務ツールを作ったものの、「これをどうやってチームに共有すればいいのか」で止まってしまった経験はありませんか。サーバーを立てる、環境構築の手順書を書く、相手のPCにPythonやライブラリを入れてもらう——本来は数分で終わらせたい共有作業に、何時間も費やしてしまうことは珍しくありません。PyScriptを使えば、この悩みを根本から解消できます。サーバー構築もインストールも不要で、HTMLファイル1枚をメールやチャットで送るだけで、相手のブラウザ上でそのままPythonが動くページを配れるのです。本講座は、この「ブラウザだけで完結するPython」を最短距離で使えるようになるための、実践特化のハンズオン講座です。まずPyScriptの基本タグを一つひとつ丁寧に押さえ、そのうえでフォーム処理とマーケティングデータ共有という2つの実践的な応用事例を通じて、実務でそのまま使えるレベルまで段階的に引き上げていく構成になっています。
【この講座で学べること】
・PyScriptの3つの基本タグ——それぞれの役割と使い分けを基礎から学び、ブラウザ上でPythonコードを実行するための土台をしっかり身につけます。何もインストールされていないPCでも、HTMLファイルを開くだけでPythonが動く仕組みを体感できます
・応用事例:フォームを使ったデータのやり取り——HTMLフォームに入力された値をPython側で受け取り、処理してページに反映するという、実務でそのまま応用できる設計パターンを習得します
・応用事例:マーケティングデータの共有——集計・加工したマーケティングデータを、専用のサーバーやホスティング環境を用意せずに、1つのHTMLファイルとしてチームや取引先に配布する具体的な手順を、実例を通じて学びます
【2026年7月時点の内容】
本講座は2026年7月時点の情報に基づいて構成されています。ボーナスレクチャー「AI時代のブラウザPython — 生成AIでひな形を量産する」を追加収録済みで、生成AIを活用してPyScriptのひな形コードを効率よく量産する方法にも触れています。ブラウザで動くPythonの基本を押さえたうえで、AI時代らしい開発スピードも体感できる構成になっています。
【こんな方におすすめ】
・チームに小さな共有ツールを配りたい人——社内向けの簡易ツールや集計結果の共有に、サーバーやインストール作業を挟みたくない方
・Pythonは書けるがWeb配布の手段に困っている人——Flaskなどでサーバーを構築するほどではないが、手元のコードを人にすぐ渡したい方
・HTML/CSSの基礎知識がある方——PyScriptはHTMLファイルの中に組み込んで使うため、簡単なHTMLの読み書きができるとスムーズに進められます
・研修や勉強会、社内デモで「その場で動くPythonサンプル」をすぐに配りたい方
前提として、Pythonの基本文法(変数・関数・条件分岐・繰り返し)を一通り理解していることを想定しています。本格的なWebアプリ開発の経験は不要です。HTMLの読み書きに慣れていない場合でも、講座内で必要な範囲は解説しながら進めます。
PyScriptは、「サーバーを持たない配布」というこれまでのPython活用にはなかった選択肢を与えてくれます。この講座を通じて、あなたの手元にあるPythonコードを、誰でもすぐに開けるブラウザ完結のページへと変える力を身につけてください。
This is a Japanese-language, hands-on course for Python developers who can already write working code but have never had a simple way to hand it to someone else. Instead of teaching a general web framework, the course focuses narrowly on PyScript, the established browser-based Python runtime, and shows how to package a working Python program inside a single HTML file that runs entirely client-side, with no server, no installer, and no dependency setup for the recipient. The curriculum moves in stages: it starts with PyScript's three core tags and how they fit together, then works through two applied, real-world-style projects — collecting and processing data submitted through an HTML form, and packaging summarized marketing data into a shareable, install-free page anyone can open in a browser. A bonus lecture, added in July 2026, covers using generative AI tools to speed up scaffolding new PyScript projects. The course assumes working knowledge of basic Python syntax (variables, functions, conditionals, loops) but no prior web development experience; light HTML familiarity helps but is taught as needed. It is best suited for engineers, analysts, and technical team members who need to distribute a small internal tool, share a data summary, or demo working code to non-technical colleagues without provisioning infrastructure. By the end, students will be able to turn their own Python scripts into shareable, browser-only pages.