テンプレートエンジンとして使うPHP / phponshu #4

「phper × 日本酒の会 #4」で発表した「テンプレートエンジンとして使うPHP」のスライドです。PHPを使い慣れていない発表者が、実用性と面白さを求めてPHPをテンプレートエンジンとして活用し、最終的にWasmを利用してNode.js環境でも動作させるに至った経緯と方法を紹介します。

Transcript

1. テンプレートエンジンとして使うPHP phper x 日本酒の会 #4 @mazrean
2. mazrean 2 ◼DeNA新卒1年目 ⚫4月に入社したばかり ◼Gopher ⚫Go Connectつながりで来た ◼PHPerかは怪しい… ⚫2週間くらい前に数十行くらいのスクリプト書いた ⚫お手柔らかにお願いします！ 今日はこれの話
3. 2週間前 3 ◼ phper x 日本酒の会行きたい ⚫日本酒呑みたい ⚫PHPの世界に興味はある ◼ 流石にPHP触ったことないのは… PHP触るぞ！ 真の飲酒駆動開発と言われた
4. PHP触るのはいいが… 4 ◼ せっかくならPHPらしいもの触りたい ⚫実用性・面白さがあればなおよい ◼ PHPというと？ ⚫Laravel ⚫表層だけ触っても面白くはなさそう ⚫CGI ⚫標準入出力でリクエストを処理 ⚫HTMLが構文中に書ける ⚫文にT_INLINE_HTMLというのがあるらしい
5. PHP触るのはいいが… 5 ◼ せっかくならPHPらしいもの触りたい ⚫実用性・面白さがあればなおよい ◼ PHPというと？ ⚫Laravel ⚫表層だけ触っても面白くはなさそう ⚫CGI ⚫標準入出力でリクエストを処理 ⚫HTMLが構文中に書ける ⚫文にT_INLINE_HTMLというのがあるらしい テンプレートエンジン代わりに使えないか？
6. 使用する環境 6 ◼ Marpで作成したスライドをGitリポジトリで管理 ⚫Marp: Markdownでスライドを作成できる ⚫1ディレクトリ1スライド ◼ 目次ページの生成をPHPでしたい ⚫もともとPugというJSのテンプレートエンジンで行っていた スライド 目次生成 スクリプト
7. 書いた！ 7 割とシンプルにまとまった？ ◼ 1ファイルになったのは大きい ◼ 生成するHTMLはほぼ同じ ⚫Minifyだけなくなった かなり良い！
8. 問題点 8 npmスクリプト中にPHPが出現する → Node.js以外にPHPが必要 ⚫Vercelなどでの公開が困難になる
9. 助けて！ChatGPT！ 9 ◼ ChatGPTに聞いてみた ◼ Wasmを利用してPHPを動かすCLIがあるらしい ⚫WordPressがPlayground用に開発している [1]: https://github.com/WordPress/wordpress-playground/tree/trunk/packages/php-wasm
10. 修正後 10 ◼ Node.jsだけあれば全てが動くようになった ◼ VercelなどでもHTML生成が実行できるように ◼ JSのテンプレートエンジンでHTML生成するよりも快適
11. まとめ 12 ◼ PHP触ってみた！ ◼ Wasm使ってJSのテンプレートエンジン代わりに使った ⚫快適で良い ⚫簡単なHTML生成が必要な時には便利そう