要約

ブラウザ上で動作し、エラーが日本語表示される Python 実行環境を作りました。
- エラーが起きるスクリプト例を実際に実行してみてください。
- 学校でのプログラミング教育等に使えるのではないかと思います。
保存機能はありませんが、現在のスクリプトを URL の形で保存・受け渡しすることは可能です。
- 例：FizzBuzz
numpy, matplotlib 等も利用可能な拡張バージョンもあります。
- 例：ランダムウォーク

制作理由

先日、Python のエラーメッセージを日本語化する etupem というものを作ったのですが、これに対して以下のような Tweet がありました。

すごい
ただこれ導入できる人はエラー読めると思う https://t.co/K7QLafFira
— ガルム.dylib (@garume_) July 29, 2022

ごもっとも。

言い訳をさせていただくと、「導入」と「利用」は別の人が行うことを想定していました。そもそもプログラミング初学者にとって最初の壁となるのが「環境構築」であり、そこで躓く人を作らないために最も確実な方法は『環境構築は別の詳しい人が事前にやっておく』ことです。¹ そうした状況において、Python 等をインストールするついでに etupem もインストールしておく…という使い方を想定していたわけです。

ところで環境構築をもっとも簡単に行う方法といえば、例えば Paiza.io のようなオンライン実行環境を用いることでしょう。ですがこうしたオンライン実行環境の場合、ローカル環境と異なりカスタマイズがほとんど行えない場合が多いので、etupem をインストールすることはできません。

そんなわけで、「エラーが日本語表示される Python オンライン実行環境」が無ければ作ってしまおうと思ったのでした。

工夫した点

`input` を使うとダイアログで入力が求められる

上で挙げた Paiza.io などもそうですがオンライン実行環境の多くは、あらかじめプログラム実行前に入力用の欄に入力内容を書いておき、input 等を用いるとそこに書かれたテキストが入力される…という動作になっています。

個人的にこの動作はあまり好きではありません。だってせっかく入力を求めるプログラムを書いたのであれば、実行時に「入力」をできてほしいんですよ。あらかじめ「プログラム」と「入力」を書いてから実行するのであれば、入力処理を無くして全部プログラムに書いても同じじゃないですか。²

そんなわけで、input による入力はダイアログを用いて実行時に入力するようにしました。→ input を使った例

matplotlib を利用可能

Pyodide を用いてブラウザ上で Python を動かせるようにしよう、ということ自体は多くの人がやっています。例えば日本でも少し調べると、岩手県立大学による Python実行サーバを必要としないオンラインプログラミング環境の開発という記事が見つかります。（ところでその成果物はどこにあるんでしょう…見つかりませんでした。）

上の記事のものは、matplotlib を利用できることを 1 つの売りにしているようです。matplotlib が利用できると、文科省の高等学校情報科「情報Ⅰ」教員研修用教材にあるスクリプトの多く³ を動作させられるようになるためです。

というわけで、対抗意識を燃やしてこちらも matplotlib を利用できるようにしました。ただし初期化に非常に時間がかかってしまうため、通常バージョンとは別に拡張バージョンとして作ってあります。以下、上述の文科省教員研修用教材のスクリプト実行用リンクを貼っておきます。

今後やりたいこと

スクリプト中のエラー箇所を表示

追記：この機能は対応しました。

言語は違いますが、C++入門者向けコード実行エディタ Simple C++ Editor も同様にエラーの日本語表示機能を持っています。

ですが Simple C++ Editor はそれだけではなく、行番号だけじゃなくて、ソースコード上にもコンパイルエラー表示することができます。

こうした機能があるとより初学者がエラー箇所を理解しやすいだろうなぁと思うので、入れられれば入れたいところです。

turtle 等の移植

タートルグラフィックスに限らず、視覚的にインパクトがあるもののほうがプログラミング学習者に興味を持ってもらいやすいでしょう。

ですので turtle とか PyGame とかが移植できたらいいなぁと思っていますが、だいぶ重たそうなので手が出ません。

「環境構築くらい自分でできるようになるべきではないか」と思われる方も居ると思いますが、ここではプログラミングスクールのような「プログラマーになる」という意思を持った人が集まる場ではなく、例えば高校の授業のように多種多様な目標を持った人にプログラミングを教えるような場をイメージしています。そうした場においては、環境構築などの面倒な部分はできるだけ肩代わりして、プログラミングの面白さを伝えていくことが重要だと思います。 ↩
競技プログラミング等の用途に使うのであれば、あらかじめ「入力」を書いておく方式の方がメリットが有るとは思います。ですがここで想定しているのは初学者の学習用途であり、そうした用途であればインタラクティブ性がある方が良いでしょう。 ↩
さすがに Micro:bit と連携するスクリプトや、Web API を利用するスクリプトは動かせません。 ↩