Laravel における Blade 拡張のツラミ

2018-07-25 開催の「第128回 PHP勉強会@東京」におけるLT資料です

https://phpstudy.doorkeeper.jp/events/77255

Transcript

1. Laravel における Blade 拡張の ツラミ 第128回 PHP勉強会＠東京
2. Laravel における Blade 拡張の ツラミ 第128回 PHP勉強会＠東京 誰か . 助けて .
3. 岡田 正平（おかだ しょうへい）@okashoi • 株式会社ウィルゲート 2015年新卒入社 • 開発室 ソリューションユニット 所属 • PHP, Laravel, Vue.js 3 自己紹介 Slides:
4. 4 Blade ディレクティブ（ @~ ）は拡張できる ※ Blade … Laravel で採用されているテンプレートエンジン
5. 5 原理説明 <?php namespace App¥Providers; use Illuminate¥Support¥ServiceProvider; class AppServiceProvider extends ServiceProvider { public function boot() { ¥Blade::directive('hoge', function () { return '<div>fuga</div>'; }); } ↑これを書いておくと @hoge <div>fuga</div> このように展開される
6. やりたいこと @js(/index.js) と書くと、JS ファイルのタイムスタンプを パラメータとして付与して <script src="/js/index.js?v=1532351569"></script> といった感じで展開させる 6 例）Cache busting を考える
7. 7 とりあえずやってみる public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); $src = "/js{$path}?v=" . ¥File::lastModified($fullPath); return "<script src=¥"{$src}¥"></script>"; });
8. 8 とりあえずやってみる public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); $src = "/js{$path}?v=" . ¥File::lastModified($fullPath); return "<script src=¥"{$src}¥"></script>"; }); ファイルのタイムスタンプを取得
9. 9 とりあえずやってみる：結果 @js(/index.js) <script src="/js/index.js?v=1532351569"></script> 一見よさそう
10. 50点
11. storage/framework/views 下のキャッシュファイルの中身もまた （view キャッシュが残っている限り） JS ファイルのタイムスタンプが更新されても反映されない 11 なぜ？ <script src="/js/index.js?v=1532351569"></script>
12. storage/framework/views 下のキャッシュファイルの中身もまた （view キャッシュが残っている限り） JS ファイルのタイムスタンプが更新されても反映されない ➢ Blade ディレクティブは echo をする PHP タグを文字列として返さないといけない 12 なぜ？ <script src="/js/index.js?v=1532351569"></script>
13. 「文字列リテラルはシングルクオートね(^^)」を守ると 13 書き換え① public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); return '<?php echo ¥'<script src="/js' . $path . '?v=¥' . ¥¥File::lastModified(¥'' . $fullPath . '¥') . ¥'"></script>¥' ?>'; });
14. 「文字列リテラルはシングルクオートね(^^)」を守ると 14 書き換え① public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); return '<?php echo ¥'<script src="/js' . $path . '?v=¥' . ¥¥File::lastModified(¥'' . $fullPath . '¥') . ¥'"></script>¥' ?>'; }); 主にこのへんが ツライ
15. ダブルクオートを使って変数展開を活用 15 書き換え② public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); return "<?php echo '<script src=¥"/js{$path}?v=' . ¥¥File::lastModified('{$fullPath}') . '¥"></script>' ?>"; }); 多少はマシ？でもやっぱりツライ
16. 動的に変わるのは下線の部分だけなので、そこだけを echo する 16 書き換え③ <script src="/js/index.js?v=1532351569"></script>
17. 動的に変わるのは下線の部分だけなので、そこだけを echo する 17 書き換え③ <script src="/js/index.js?v=1532351569"></script> public function boot() { ¥Blade::directive('js', function ($path) { $fullPath = public_path('js' . $path); return "<script src=¥"/js{$path}?v=<?php echo ¥¥File::lastModified('{$fullPath}') ?>¥"></script>"; }); 思ったよりツラミは改善されない
18. • ほかにも sprintf() とか使って頑張ってみても全然可読にならない • ていうかこんなコードメンテしたくない！ • 欲しい文字列（HTMLタグ）を返すメソッドが生えたクラスを用意して Facade とかにして ってした方が圧倒的に楽 • Balde 拡張の意義って一体……？ 18 そんなことより {!! ViewHelper::js('/index.js') !!}
19. Blade 拡張のうまい使い道を 知ってる方は教えてください 19 というわけで…… 完