ITエンジニア/デザイナ向けにオープンソースを毎日紹介

JavaScriptはWebブラウザ上での動作が保証されている唯一のプログラミング言語です。しかし、別な言語を使いたいと考える人も数多くいます。サーバサイドと言語を合わせたいという要望もあります。

もしあなたがPythonを使っているならば、vue.pyを使ってWebブラウザ画もPythonで書いてみるのはいかがでしょう。

vue.pyの使い方

サンプルのコードです。まさにPythonとVue.jsの融合したコードです。

from browser import alert
from vue import VueComponent

class HelloVuePy(VueComponent):
    greeting = "Hello vue.py"

    def greet(self, event):
        alert(self.greeting)

    template = """
    <button @click="greet">click me</button>
    """

HelloVuePy("#app")

SVGを動的に操作するデモ。

テーブルをフィルタリング。

vue.pyはbrythonを使って、Webブラウザ上で直接Pythonのコードを実行しています。そのため、速度的には若干不利かも知れません(読み込みから実行開始まで若干時間がかかります)。読み込みであったり、実行エンジンがWebAssembly化すれば、実用性が出てきそうです。

vue.pyはPython製のオープンソース・ソフトウェア(MIT License)です。

vue.py | Pythonic Vue.js

stefanhoelzl/vue.py: Pythonic Vue.js

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2