Javascriptを書きたくないヒ トのためのPythonScript
•
31 likes•21,623 views
Javascriptを書きたくないヒ トのためのPythonScript
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Javascriptを書きたくないヒ トのためのPythonScript
Similar to Javascriptを書きたくないヒ トのためのPythonScript (20)
More from Kazufumi Ohkawa
More from Kazufumi Ohkawa (20)
Javascriptを書きたくないヒ トのためのPythonScript
- 2. 私について • @kzfm – 製薬会社の研究員(最近インフラ周りばかり) – perl -> python (-> haskell) • 最近pandas(Rみたいに使えるやつ)が お気に入り • PyconAPACも参加登録済み
- 6. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type= text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. sass -> css 2. jade -> html
- 9. いいところ、わるいところ • brython.jsを読みこめばpythonで開発で きるのでお手軽にはじめられる • 開発も活発 • jQuery等のjavascript資産を気軽に流用 できなさそう • 最初の読み込みで若干モサッとする – javascriptのパーサを通して構文解析して構文 木をつくってjavascriptを出力してevalしてい る
- 11. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type= text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. scss -> css
- 14. はじめかた pip install pythonscripttranslator wget http://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はサポートされているが – 関数で渡せなくてこまった • が使えないのもテンプレート書くときに ちょっとめんどくさかった