面白い光景を目にしたのでこれは撮影してTwitterに上げなくちゃ！ と思ったのだが、夢だった。┌(:3」└)┐

睡眠不足を解消させるために、とりあえず昼まで寝る。_(:3」∠)_

金曜ロードショーという名称を目にすると、今でも脳裏に自動で再生されるのはこの曲だ。これ（初代OP曲）が「フライデー・ナイト・ファンタジー」という曲名だったことはこの番組公式ツイートで初めて知った。

今週の金曜ロードショーは、ボヘミアン・ラプソディが地上波初放送らしい。これを映画館で観たのは2018年の大晦日だった。

画像の遅延読み込み（画像の掲載場所付近までスクロールしない限り画像ファイルを読み込まないようにしてくれるブラウザ側の機能で、HTML5で正式に追加された仕様）は通信量削減に役立つので、最近では問答無用でimg要素にloadiong="lazy"を加えている。ただ、この属性を加える際には注意しないと、ページ内リンクの移動距離が正しくなくなって、ページ内リンクがうまく機能しなくなることがある。その原因は、img要素にwidthやheight属性を書いていないことだ。昨今、レスポンシブなデザインが当たり前になったので、img要素にwidth属性もheight属性も書かないことが多かったのだが（CSSでサイズを指定するからHTMLにサイズを書いても無駄だろうということで）、widthやheight属性を省略してしまうと、実際に画像が読み込まれるまで専有面積が分からないので、ページ内リンクで長距離を移動する際には移動先の座標がズレてしまうのだ。これを防ぐには、とりあえずwidthとheight属性をimg要素に書いておくこと。実際に表示されるサイズである必要はなく、たぶん縦横比が分かれば良いのだと思うので、画像の原寸サイズでも指定しておけば良い。このwidth・heightの両属性がHTMLにあれば、CSSと組み合わせることで画像の表示面積が分かるので、遅延読み込みによって画像が読み込まれていなくてもページ内の座標が確実に決まるから、ページ内リンクがズレることもない。HTML側でサイズの指定がなくても、CSS側でピクセル単位でサイズが指定されていれば問題はないだろうが、レスポンシブWebデザインだとたいてい画像サイズは割合で指定されているから、画像の縦横比が(HTMLから)分からないと実際の表示面積が計算できない。もしかしたら業界では当たり前のことだったかも知れないのだが、私はそこに気付くのに結構な時間が掛かってしまった。

PENTATONIXのNa Na NaとSingとダフトパンクメドレーの3曲をヘビーローテーションさせつつプログラミングをしていた。BGMには、ランダムに再生してほしいときと、特定の曲を繰り返し聞き続けたいときがある。脳の疲労度合いとも関係しているような気がする。余裕があるときはランダムで、疲れているときは明確に指定して脳の状態を音楽で補正する感じだろうか。違うかも知れない。さっきまでのプログラミングでは、とりあえず何かPENTATONIXが要る気分だった。

室温が30度を超えたー……。_(:3」∠)_