追記(16:22) 同僚に聞いてわかった。Content-EncodingがUTF-8になってないせいっぽい。 つまり <meta charset="UTF-8"> を追加すればOK。 なんてこったい。 現象 src/index.jsでrequireしただけでSyntaxErrorが起きた var cssnano = require('cssnano') でWebpack buildして実行す</meta>…

Stylusっぽく書けるPostCSSパーサーのSugarSSが良い感じなので最近使ってる。 でもDocument全然ないしDEMOページすらないので辛酸なめまくってて厳しい。 そこでSugarSSを入力するとtransformしてくれるDEMOページを作ってみた。 https://do7be.github.io/su…

以前書いたとおりアクアリウムをやっており、夏場の心配事の一つに水温がありました。 家を出ている間にでも室温が30℃を超えてしまうと…なんと水温も30℃を超えてしまい帰宅したら全滅…なんてこともあるわけです。 そこで、家にいる間も出ている間も寝ている…

Qiitaに書いておきました。 qiita.com よくjQuery animateかなにかでopacityをいじってアニメーションが終わったらdisplay:noneとかやってるサイトとか見かけるので、そういうのが主流なのかこういう簡単な実装が主流なのかどうなんでしょうね。

IE10, 11, Edgeではinput:[type="text"]等の要素に文字を入力していると右端に勝手に☓ボタンが表示されてしまうようだ。 input::-ms-clear { display: none; } で消せた。

うまく撮れなかったけど、食いっぷりがよくてよかったです。 【ニコニコ動画】コリドラス水槽に赤虫を投入

画像のロードが既に終わっていて、再度同じ画像を含むDOMをappendしてloadイベントやerrorイベントハンドラを貼りたい場合、ブラウザでキャッシュされた画像が返されるとloadイベントが発火されない。 // 何度も下記処理が走る場合 const url = httpRequestH…

実は5月中旬から人生初のアクアリウムを始めていました。 さっき模様替えとかが終わったので写真に収めておきましたぞ。 立ち上げ 初めてだったのでいろいろ手間取りましたが、なんとか水槽台と水槽を立ち上げ。 以下スペック。 水槽台 寿工芸 プロスタイル …

最近の業務ではフロントエンドの最適化もやっているのですが、そこで奇妙な現象に遭遇しました。 jQueryに.findという、DOMツリーからセレクタに該当するDOM群のjQueryオブジェクト取得関数があるのですが、これでなぜか実行するたびにreflowが発生していま…

先週の1/25,26の2日間にかけて、社内ISUCONが開催されていたので参加してきました。 1,2人のチームで2日間のうちどちらかの日に参加し、4時間かけて本家ISUCONのような課題WEBサービスのチューニングを競う、という内容です。 出題者は弊社エバンジェリスト…