surface0 (さーふぇす)

Docker

Alpineベースの公式PHPイメージにImagickをインストールする

DockerHubにある公式のPHPイメージにImageMagickのPECL拡張であるImagickをインストールしてみます。FPM版PHP7.1でベースはAlpine Linuxのもの(php:7.1-fpm-alpine)を使った例になります。
ハードウェア

Lenovo YOGA 710のSSDを交換した

久々にハードウェアネタです。先日購入したLenovoのYOGA 710のSSDを128GBから240GBに換装したんで、その記録です。
フロントエンド

ParcelでSASSからNodeパッケージをインポートする

最近話題のモジュールバンドラであるParcelを使ってみてます。そこで.scssファイルから、Nodeモジュールのパッケージに入ってる.scssファイルを読み込もうとしたんですが、そのままではnode_modulesディレクトリにパスが通ってないらしく、読み込めませんでした。それについての対処法。/...
CakePHP

実行前の生SQL文を取得する

プレースホルダを使ったSQLは実行後のクエリログを参照すれば実際に流したSQLの全文が取得できますが、実行前はそうもいきません。さて、こういう時どうするかと考えた結果です。CakePHP3.5 & MySQLで確認。
CakePHP

JSONレスポンスで日本語をエンコードをさせない

PHPのjson_encode()関数はデフォルトでマルチバイトUnicode文字を\uXXXXにエンコードします。$values = [ 'message' => 'わけがわからないよ',];echo json_encode($values); // {"message":"\u308f\u305...
JavaScript

jQueryのカスタムイベントをバニラJSで受け取る

jQueryのtrigger()とかで発火するカスタムイベントを、バニラJSでどうやって受け取るのかというやりかたのメモ。(jQuery3.2.1で検証)
C#

面積平均法(平均画素法、AreaAverage)

代表的な縮小向けアルゴリズムの『面積平均法』を紹介します。
JavaScript

jQueryでrowspanな行を置換したい時は?

rowspanされてて2行で一組なテーブルってよくあるじゃないですか。それを動的にまるっと挿し替えたいときどうするか。<table> <tbody> <tr data-row-id="1"> <td rowspan="2">2行分使ってるセル</td> <td>ほげほげ</td> </tr> <tr...
JavaScript

innerHTMLに流し込んだscriptを活性化させる

innerHTMLは仕様上、scriptタグの含まれるHTMLソースコードを代入しても、そのスクリプトコードは実行されません。// 何も起きない(´・ω・`)document.body.innerHTML = '<script>console.log('test')</script>';さてどうする...
JavaScript

JSでHTMLのテンプレートを扱うシンプルな方法

templateタグの使用例。覚え書きですよ