Phpとjava script

PHP と JavaScript の噺 @ooharabucyou 第76回 PHP勉強会

わたしについて ● PHP歴 = 7年, エンジニア歴 = 6年 ● Rakuten, inc. なんと新卒3年目になった ● 最近のお仕事 ○ node.js でバックエンドなシステムづくり ■ BaaS Team, Web Sevice Platform Group ○ Java & Groovy でバックエンドなシステムづくり ○ http://webservice.rakuten.co.jp 楽天API 運用・開発・宣伝何でもやる課 ○ PHPはちょっと見るくらい ■ 一番最近やったPHP仕事は Symfony2.0 から 2.3 へのバージョンアップ

最近 ● サーバサイドでも JavaScript 書く人になった

今日のテーマ JavaScript X PHP

JavaScript X PHP にまつわる噺 3本 1. JavaScript 上で PHP(的)な関数を走らせたい 2. JavaScript 上で PHP(っぽいもの) を走らせたい 3. PHP 上で JavaScript を走らせたい

まってくれそんなにバカ話じゃない ● その1 は実用的ですよ

その1: JavaScript で PHP(的)な関数を使いたい ● PHPer のみなさん! こんな経験ありませんか? ○ ようし! クライアントサイド/サーバサイドな JavaScript 書くぞーー ○ あれ、PHPで便利にできるアレ、JavaScript でどうやるんだ??? ○ strtotime(), array_*(), rawurlencode(), htmlspecialchars() もなしにワシはどう開発すればいいんじゃ。

array_merge() っぽいことを js でやるには var merge = function(obj1, obj2) { obj2 = obj2 || {}; for (var name in obj2) { obj1[name] = obj2; } }; // なんか関数をつくらなきゃいけない // PHP のように渡した値が変更されないようにするには、オブジェクトのclone を実装する必要がある

strtotime() っぽいことを js でやるには var strtotime = function(str) { var date = new Date(str); return Math.round(date.getTime() / 1000); }; // これは超適当実装です。一部ブラウザは対応しないかも // ほかにも +2days とか実装したいとか思ったらより至難の業

もちろん便利なライブラリはあるけど ● 例えば ○ jQuery な機能を駆使 ○ underscore.js (配列のマージとか、フィルタなど便利な機能を提供) ○ Moment.js (時間関連の処理を強力にサポート)

慣れ親しんだ PHPの関数を使いたい

そこで便利なのが php.js ● http://phpjs.org/ ● PHPのあの関数や、例の関数をJavaScriptの世界で再現! ● node.js 使いは npm install phpjs で、使えるよ! ● ブラウザでも動くよ。

例の array_merge() も ● 元のオブジェクト非破壊 ● 第3引数以上も指定可能 var php = require('phpjs') , obj = { foo: ‘bar’ }; php.array_merge(obj, { hoge: ‘fuga’ }); // { foo: ‘bar’, hoge: ‘fuga’}

あの strtotime() が! ● 便利だけど再現性はまだまだ? ● 元祖 strtotime() すごいよ! // strtotime & date var t = php.strtotime('+7 days'); php.date('Y-m-d', t); // 今日から7日後の日付 t = php.strtotime('2014-01-01 10:00:00'); php.date('Y-m-d H:i:s', t); // 2014-01-01 10:00:00 t = php.strtotime(‘2014-01-01 10:00:00 +7 days’); php.date(‘Y-m-d’, t); // 今から7日後の日付 (本家は 2014-01-08を示す)

いるのか? echo() ● いるのか? と思ったけど、環境ごとの出力の仕方などを担っている模様。 ● 結構、重厚たるコード量 ○ http://phpjs.org/functions/echo/ ● node.js なら console.log() 、ブラウザなら DOM要素追加 ● 出力のある、もろもろの関数は、この関数に依存している。

var_dump() だって!! ● 型も表示してくれるぞ! ● なんだ。。 PHP はやっぱり JSON でできていたんじゃないか? そうに違いない。(PHP勉強会72 回中野さんの JSON Schema の説明参照 http://www.slideshare.net/hinakano/json- schema)

var_dump() さんひょっとして console.log() さんより便利なんじゃないか ● 使いどころ間違えなきゃ便利なんじゃないか。 ● 関数の中身も toString() しておっぴろげてくれるぞ!! ○ なお、本家PHPで同じようなことやると Closure#1 のようにしか表示されない ● なお、 node.js の util.inspect() は、そのままだと [Function] としか出してくれない模様。

urlencode() だってPHP基準? ● 闇PHP勉強会の @co3k さんの資料参照 (http://www.slideshare.net/ebihara/php- 32340906) ● php.js の urlencode() は空白は + に置き換え、~ はエンコードしない模様。 ● rawurlencode() もあるよ。

file_get_contents() はデフォルトで “同期処理” でコンテンツ取得 ● file_get_contents(“test”); とやると、 XHR (XmlHttpRequest) でのコンテンツ取得を行う。 ● デフォルトでは同期処理。 ○ つまり、これ使うと一旦処理がとまるよ！ ● 非同期処理を第3引数 context で行うことができる。 ○ 本家は、header 周りとかの制御につかったりする。

なお非同期 file_get_contentns() file_get_contents('data', false, { stream_params: { 'phpjs.async': true, notification: function(code, severity, msg, st, bt) { if (code >= 8) { var_dump(this.responseText); } } } }); // こんなの PHP じゃないわ!!!! // file_get_contents() がついた JavaScript よ!!!! // だったら(コールバック関数を) 呼べばいいだろ!!

(注意?) implode() は歴史的事情知らず ● さすがに例の順序逆も受け付ける仕様ははいってなかった。 ● 実装面倒だもんね。しょうがないよね。 php.implode(',', [‘Hello’, 'world']); // Hello,world php.implode([‘Hello’, ‘world’], ‘,’); // ,

それでも物足りないあなた ● php.js は 325 の関数に対応 ○ 本家には 3,000 以上あるってよ。へー。 ● でも、そもそも JavaScript なんて書きたくない！とにかくPHP が書きたいんだ! という人 (中毒者?) もいるかもしれない。 ● そこで、また別の php.js を紹介

その2: php.js - PHP VM with JavaScript ● そもそも JavaScript 上で PHP を実行してしまえばいいんじゃないかという発想のモノ ● ブラウザで動くぞ！！！ ● class も magic method もちゃんと動くぞ!! ● 関数も一部はサポートしている模様。 ● http://phpjs.hertzen.com/ ○ (ブラウザでデモができます)

ブラウザで php.js VM を動かす <script src="PHP.js"></script> <script src="adapters/filesystem/xhr.js"></script>  <script> var opts = {}; opts.filesystem = new PHP.Adapters.XHRFileSystem(); var path = window.location.pathname; opts.SERVER = { SCRIPT_FILENAME: path.substring(0, path.length) }; var engine = new PHP(‘<?php echo “Hello”;’, opts); console.log(engine); console.log(engine.vm.OUTPUT_BUFFER); </script>

node.js 上で php.js VM を動かす var fs = require('fs') ,content = fs.readFileSync('php.js', 'utf8') ; eval(content); var opts = { filesystem: fs, SERVER: { SCRIPT_FILENAME: 'file’ } }; var engine = new PHP('<?php echo "sample";', opts); console.log(engine.vm.OUTPUT_BUFFER);

php.js VM の不思議 ● php_logo_guid() が実装されている ○ ロゴの guid を取得できるよ！ ■ で、だからどうした。。 ■ ちなみに、隠し関数(?)の php_egg_logo_guid() もあるよ! ○ 【悲報】なお、本家側では、この関数は PHP5.5 で削除された模様

その3: PHP上でJavaScript を走らせる ● 逆に PHP上で V8 JavaScript Engine を利用して JavaScript を実行することもできる。 ● http://www.php.net/manual/ja/book.v8js.php ● 使い道思いつかない!

インストール方法 (Ubuntu) sudo apt-get install libv8js-dev # まだbeta なのだよ pecl install v8js-0.1.5 # アレ登録 sudo echo “extension=v8js.so” > /etc/php5/conf.d/v8js.ini

コード <?php $v8 = new V8Js(); $JS = <<<JS var hello = function() { return "Hello!"; }; hello(); JS; try { var_dump($v8->executeString($JS, 'basic.js')); } catch (V8JsException $e) { var_dump($e); }

まとめ ● あのPHPの関数が JavaScript でほしい / どう実装するのか知りたい ○ php.js (http://phpjs.org/) ● そもそもPHPの構文をクライアントサイド上で動かしたい ○ php.js VM (http://phpjs.hertzen.com/) ● JavaScript をPHP上で動かしたい (!?) ○ v8js module ○ だれか、これだ!っていう使い道を教えてくれ

Phpとjava script

by Shogo Kawahara, Ninja at 楽天 on Mar 25, 2014

Statistics

Views

Actions

0 Embeds 0

Accessibility

Upload Details

Usage Rights

Report content

Phpとjava script Presentation Transcript