2024年10月時点WebP画像対応のOSブラウザのメモ
基本ほぼブラウザが対応してきているので大手サイトなどでも問題無いレベルになってきている。
モバイルの対応がおそいところだと、Safariの対応が2020年9月で4年以上経過している
その他モバイルはだいぶ前なので問題なさげ
デスクトップもSafariが maxOS11 Big Sur のSafari14〜サポートリリースが2020年6月と4年以上経過している
その他ブラウザもだいぶ前からなの問題なさげ
参考URL
https://caniuse.com/?search=webp
2024年サファリのシェアまとめ
イラレを使ってると原因不明の画面のチラつきあり
画面の拡大、図形の移動などアクションを起こすたびに発生、何もしないと発生しない
イラレを終了、再起動後に、ウィンドウの緑ボタン(全画面ボタン）をクリックで収まる。
発生のトリガーは不明。なんとなくイラレのウィンドウが全画面になっていない際に発生しているような気もする。
以下の流れ、
コンポジションの背景を透明にしてアニメーション作成
Screenshot
Media Encoder のキューに追加
Screenshot
書き出し形式で “QuickTime” “Alphaを含むAppleProRes4444XQ”を選択してエンコード→mov(コーデック:AppleProRes4444XQ)ができる
Screenshot
ffmpeg -i video.mov -c:v libvpx-vp9 video.webm
※composerはMacの有料ソフト、他にフリーなソフトなどもありそうだけど、未検証
<!-- ※movから先に書く -->
<video muted playsinline autoplay loop width="1080" height="1080">
<!-- Safari用 -->
<source src="./video.mov" type="video/quicktime" />
<!-- その他用 -->
<source src="./video.webm" type="video/webm" />
</video>
例）dataフォルダをdata.zipに圧縮
//ディレクトリを圧縮
$ zip data.zip -r data/ -x "*.DS_Store"
//解答確認
$ unzip data.zip -d test
$ find ./test/data
Screenshot
レポートはイベントのレポート画面で、フィルタなどで絞り込んで新しい名前で保存しておく
レイテンシの改善やったこと
MySQLのstrictモードをセッション中解除する
SET SESSION sql_mode = 'STRICT_TRANS_TABLES'
Laravel FormRequest2段階のバリデーション(パスした後でもう一つチェック)をする方法
protected function passedValidation() //FormRequestのpassedValidationをoverride
{
//POSTの場合のみ処理
//validatorを作成しfail時にValidationExceptionをthrowする
if (request()->method == Request::METHOD_POST) {
$validator = Validator::make($this->all(),[
'input_name' => [new OriginalRule()]
]);
if ($validator->fails()) {
throw(new ValidationException($validator))
->errorBag($this->errorBag)
->redirectTo($this->getRedirectUrl());
}
}
}
LaravelでCSVのインポート時のバリデーションをFromRequestで完結する方法
外部からデータを入れる際のゲートとしてFormRequestにまとめたかった
FormRequestのバリデーション前にCSVを取り込んでパラメータに加えて上げればうまくできた。
//実装例
class ProductRequest extends FormRequest
{
//バリデーション実行まえにCSVを読み込んでパラメータにセットする。
protected function prepareForValidation()
{
//既存のパラメータを取得しておく
$params = $this->all();
//アップロードファイルからエンコードを推定
$upload = $this->file('csv');
$detectEncoding = mb_detect_encoding($upload->getContent(), ['SJIS-win', 'SJIS', 'UTF-8'], true);
//SplFileObjectにしてから読み込んで行く(ExcelCSVのセル内改行など処理etc)
$csv = new \SplFileObject($upload->path());
$csv->setFlags(
\SplFileObject::READ_CSV |
\SplFileObject::READ_AHEAD |
\SplFileObject::SKIP_EMPTY |
\SplFileObject::DROP_NEW_LINE
);
$collection = collect();
foreach ($csv as $value) {
$collection->add(mb_convert_encoding($value, "UTF-8", $detectEncoding));
}
//読み込んだデータからパラメータをセット
$params['header'] = $collection->shift();
$params['data'] = [];
$headerNames = ['id','name','price'];
foreach($collection as $idx1 => $row){
foreach ($headerNames as $idx2 => $name) {
$params['data'][$idx1][$name] = $row[$idx2];
}
};
$this->merge($params);
}
public function rules(): array
{
if (request()->method == Request::METHOD_GET) {
$rules = [];
} else {
$rules = [
'csv' => ['required', 'mimes:csv', 'mimetypes:text/plain,text/csv'],
'header' => ['required', 'regex:/^id,name,price$/'],
'data.*.id' => ['required'],
'data.*.name'=>['required'],
'data.*.price'=>['required'],
];
}
return $rules;
}
public function attributes()
{
return [
'csv' => 'CSVファイル',
'header' => 'ヘッダー行',
'data.*.id' => '商品ID',
'data.*.name'=>'商品名',
'data.*.price'=>'価格',
];
}
}
Powered by WordPress & Theme by Anders Norén