テンプレートエンジンとして使うPHP phper x 日本酒の会 #4 @mazrean 

mazrean 2 ◼DeNA新卒1年目 ⚫4月に入社したばかり ◼Gopher ⚫Go Connectつながりで来た ◼PHPerかは怪しい… ⚫2週間くらい前に数十行くらいのスクリプト書いた ⚫お手柔らかにお願いします！ 今日はこれの話 

2週間前 3 ◼ phper x 日本酒の会行きたい ⚫日本酒呑みたい ⚫PHPの世界に興味はある ◼ 流石にPHP触ったことないのは… PHP触るぞ！ 真の飲酒駆動開発と言われた 

PHP触るのはいいが… 4 ◼ せっかくならPHPらしいもの触りたい ⚫実用性・面白さがあればなおよい ◼ PHPというと？ ⚫Laravel ⚫表層だけ触っても面白くはなさそう ⚫CGI ⚫標準入出力でリクエストを処理 ⚫HTMLが構文中に書ける ⚫文にT_INLINE_HTMLというのがあるらしい 

PHP触るのはいいが… 5 ◼ せっかくならPHPらしいもの触りたい ⚫実用性・面白さがあればなおよい ◼ PHPというと？ ⚫Laravel ⚫表層だけ触っても面白くはなさそう ⚫CGI ⚫標準入出力でリクエストを処理 ⚫HTMLが構文中に書ける ⚫文にT_INLINE_HTMLというのがあるらしい テンプレートエンジン代わりに使えないか？ 

使用する環境 6 ◼ Marpで作成したスライドをGitリポジトリで管理 ⚫Marp: Markdownでスライドを作成できる ⚫1ディレクトリ1スライド ◼ 目次ページの生成をPHPでしたい ⚫もともとPugというJSのテンプレートエンジンで行っていた スライド 目次生成 スクリプト 

書いた！ 7 割とシンプルにまとまった？ ◼ 1ファイルになったのは大きい ◼ 生成するHTMLはほぼ同じ ⚫Minifyだけなくなった かなり良い！ 

問題点 8 npmスクリプト中にPHPが出現する → Node.js以外にPHPが必要 ⚫Vercelなどでの公開が困難になる 

助けて！ChatGPT！ 9 ◼ ChatGPTに聞いてみた ◼ Wasmを利用してPHPを動かすCLIがあるらしい ⚫WordPressがPlayground用に開発している [1]: https://github.com/WordPress/wordpress-playground/tree/trunk/packages/php-wasm 

修正後 10 ◼ Node.jsだけあれば全てが動くようになった ◼ VercelなどでもHTML生成が実行できるように ◼ JSのテンプレートエンジンでHTML生成するよりも快適 

まとめ 12 ◼ PHP触ってみた！ ◼ Wasm使ってJSのテンプレートエンジン代わりに使った ⚫快適で良い ⚫簡単なHTML生成が必要な時には便利そう