Download as PDF, PPTX
Javascriptを書きたくないヒ トのためのPythonScript
- 1.
- 2. 私について • @kzfm – 製薬会社の研究員(最近インフラ周りばかり) – perl ->python (-> haskell) • 最近pandas(Rみたいに使えるやつ)が お気に入り • PyconAPACも参加登録済み
- 3.
- 4.
- 5.
- 6. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type=text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. sass -> css 2. jade -> html
- 7.
- 8.
- 9. いいところ、わるいところ • brython.jsを読みこめばpythonで開発で きるのでお手軽にはじめられる • 開発も活発 • jQuery等のjavascript資産を気軽に流用 できなさそう • 最初の読み込みで若干モサッとする – javascriptのパーサを通して構文解析して構文 木をつくってjavascriptを出力してevalしてい る
- 10.
- 11. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type=text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. scss -> css
- 12.
- 13.
- 14. はじめかた pip install pythonscripttranslator wgethttp://bit.ly/YSAbSS -O pythonscript.js echo 'print "Hello Shizuoka"' > app.py pythonscript < app.py > app.py.js (app.py.js) console.log("Hello Shizuoka");
- 15. <!DOCTYPE html> <html> <body> <h1>PythonScript Example</h1> <script src="pythonscript.js"></script> <script src="app.py.js"></script> </body> </html>
- 16. 補足 • pythonscripttranslatorをインス トールするとpythonscriptというコマ ンドが使えるようになります • これはpythonをjavasrcriptに変換し ます。 • wgetでDLしたpythonscript.jsには 上記javascriptが必要とする関数が定義 されています。
- 17. コンパイルの流れ 1. コードをPythonの astモジュールで パースして抽象構文 木に変換 2. PythonToPytho nJSにより抽象構文 木がPythonJSに変 換 3. PythonJSの抽象構 文木から Javascript生成
- 18. jQueryの使い方 • PythonScriptにjQueryバインディン グがついてるのでそれを読み込んでおく • J関数でアクセスできる($といっしょ) • jQueryオブジェクトはj bu%on = J("#newtask”) bu%on.bind("click", false, self.create) j = J("#taskinput").j name = JS("j.val()")
- 19. Javascriptを取り込む • JS関数を使えばいい • 例）handlebarsをつかう source = "<div class='view'>{{name}}<a href='#' class='destroy'></a></div>" + “” template = JS("Handlebars.compile(source)") name = self.model.name data = JS("template({name:name})") 注１）0.7.3だとJS関数の中で文字列をそのまま書くとコケる 注２）文字列も一度評価しないといけない感じ (+ )
- 20. 開発Tips • livereloadを使えば、コードの更新を検知 してコンパイル、ブラウザのリロードをして くれる – http://blog.kzfmix.com/entry/ 1367924270 • よく監視させてるもの – Jade – Sass/Compass – PythonScript
- 21. いいところ、わるいところ • Javascriptの資産を手軽に使えるので 便利 • 楽しい、超楽しい、そして超ハマる • バージョン上がると「えー動かんやん、な んでやーーー！？」ってなる – 発展途上
- 22. はまったところ • jQueryバインディングにdelegateがなかった – 自分で追加して解決 • ブラウザのイベントが受け取れない – どうすんの？ • クラスメソッドが使えない – シングルトンの作り方が分からなかった • *args,**kwargsはサポートされているが – 関数で渡せなくてこまった • が使えないのもテンプレート書くときに ちょっとめんどくさかった
- 23.
- 24.
- 25.