CakePHP3 viewの出力を動的に最適化(コンパクト化) .ctp出力のインデント等の無駄排除

カテゴリー：CakePHP3

記事作成日：2019-10-24

CakePHPのview(.ctp)内でループ処理を入れた場合、ループ箇所のインデントがそのまま出力され、HTMLサイズが巨大化してしまうことは無いだろうか。

HTMLのレンダリングに時間がかかったり、ブラウザのソース表示で空白が多いのは精神衛生上よろしくない。

そこで、viewの出力を最適化する方法を考えた。

## 今回の実証環境

CakePHP3.8

## 廃案になった検討方法

.ctp でインデントを無くしてしまえばいいが、それはコードの可読性が著しく低下するので良くない。

## 解決策

src/view/AppView.phpに追記
```php
<?php
namespace App\View;
use Cake\View\View;
class AppView extends View {
	public function initialize() {
		/* ... */
	}

public function render($view = null, $layout = null) {
		$html = parent::render($view,$layout);
		return str_replace(["\t","\r",">\n<"],['','','><'],$html);
	}
}
```
追記したのは function render である。

この様に書くとHTML出力に何らかの手を加えて出力することができる。

## 今回の条件と注意点

上記コードではタブとキャリッジリターンを削除して大なり小なりの間のラインフィードを削除している。

インデントは全てタブで記述されていることが条件となる。

## タブと改行削除ではダメなのか

タブ削除は問題無いが、スペースの代わりにタブを使っているなどテキスト要素の一部としてタブを使用している場合は、消えてはならないタブをスペースに変換しておく必要が有る。<br>
そもそもタブをテキスト要素として使用する意味はないのでこれは大丈夫だろう。<br>
繰り返すがインデントはタブで記述されていることが条件。

改行をごっそり削除してしまっても通常は問題無い。<br>
但し、JavaScriptをインラインで記述している場合で、インラインコメントが含まれる場合はJavaScriptコードが壊れてしまう。<br>
よって、HTMLタグの隙間の改行だけ削除している。

## 実行例

ソース
```html
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<h1>テスト</h1>
	<div>
		<p>文字</p>
	</div>
	<script>
	//インラインコメント
	var _example = 1;
	</script>
</body>
</html>
```

変換結果
```html
<!doctype html><html><head><meta charset="utf-8"></head><body><h1>テスト</h1><div><p>文字</p></div><script>
//インラインコメント
var _example = 1;
</script></body></html>
```

何とも美しくコンパクト化されるでは無いか。

## 応用

HTMLが一定の条件の時に何かを付加するとか削除や書き換えなど考えられる。

CONTENTS

Android

Androidアプリの合計ダウンロード数、iOSアプリの合計ダウンロード数

Flutter

Android Studio. Could not determine java version. Unable to find bundled Java version.

その他

XAMPPのMySQLを復旧

ブラウザ

各ブラウザでのキャッシュクリアまとめ