WSL2でのError: Can't open display問題の解決 - Qiita
概要 前回に引き続きまたWSLネタです。 Windows 10 May 2020 Update (Version 2004)が配信され、私のデスクトップPCはWindows 10 2004になりました。この機会にと思い、WSLのUbuntuを18.04LTSから20.04LTSに変更し、WSLのバージョンも2にして、18.04からの移行も済ませました。 追記：KB4566116適用後のWindows 10 1903,1909でもWSL2が使えるようになっているみたいです https://forest.watch.impress.co.jp/docs/news/1272017.html しかし、Displayの設定がWSL1のときとは異なっているようで、ネット上にまだ情報が少なかったため今回記事にすることにしました。(まあちゃんと探せば出てくるんだろうけど) 前提 環境はWindows 10
【CSS】display:noneで消した画像を読み込ませない方法とは？
レスポンシブ対応ということで、PCとスマホで画像を切り替える場面は多いです。その時、デバイスによって表示しない画像をdisplay:noneして消すのが古い習わしです。 ブロックエディタやビジュアルエディタで画面サイズで表示のON・OFFを切り替えるのもdisplay:noneを使っているのが普通です。 しかし、dipslay:noneで消した画像が実は読み込まれてしまうことはご存じでしょうか？ diplsplay:noneで消した画像が実は読み込まれていたというのは、Page Speed Insightなどで警告されて気が付いている人も多いでしょう。 ではどうしたら、表示していない画像を読み込まずに済むでしょうか？というのをこの記事でまとめています。 loading=”lazy”とdisplay:noneを組み合わせるdisplay:none（imgタグの親要素でもOK）とimgタグにl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
