2018-07-25 開催の「第128回 PHP勉強会@東京」におけるLT資料です https://phpstudy.doorkeeper.jp/events/77255

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
というわけで……
完