緊急事態宣言 第2回 10都府県で延長
tag: 武漢肺炎
相変わらずステージ4に近いから仕方ないかな。
以下、月曜日なので参考記録。
画像サムネイルを適当に拡大表示するCSS
tag: wiki, css
Twitter(Web版)とかTweetDeck(Web版)とかMastodon(Web版)とかでは、ツイートに付いてくる画像の拡大表示はモーダルダイアログで行っている。
凝ってるなぁ・・と思うだけだったのだが、オレwikiで拡大画像表示を実装してみて理解した。
a href + img src で単純に拡大画像表示すると、ブラウザバックで元々表示していたスクロール位置や表示内容を復元するのが難しい。
a href taget _blank + img src とするとPCブラウザなら別タブ表示で良いけど、スマホブラウザだと別タブで開いてくれないのがあるのでブラウザバックが発生する。
モーダルで上にかぶせて拡大画像を表示すれば遷移元は表示したままなので、戻る必要もなく各種データの再取得も不要で効率が良いわけだ。なるほど。
画像サイズを縦横比を保ったまま外枠の中に程よく拡大して表示するには、imgタグに以下のようなCSSを指定する模様。 vw, vh は ビューポートのサイズの 1% 単位とのこと。 max-width , max-height で最大値は vw, vh で指定し、 width , height には auto を指定しておくと、元々の縦横比率を保ったまま適当に縮小してくれるらしい。 (拡大はしてくれない)
.image-modal-img-size { width: auto; height: auto; max-width: 80vw; max-height: 80vh; }
今実験中なので、結果はまた後日。→うまくいった。よかよか。
Visual Studio Code v 1.53.0 の日本語入力ON/OFFがキツイ(HHK 英語配列)
tag: vscode
HHK 英語配列だと、IMEのON/OFFは ALT + ` キーになるのだが、 これ押すと、入力後でも Alt 入力シフトモードが解除されなくなっている。 (画面上ではファイル(F)メニューが選択状態になっている)
うーん。設定で変更できるかな。めっちゃ不便なんだが。
p.s.
settings.jsonに下記を追加すればOK.
"window.customMenuBarAltFocus": false
これが効いた。助かったww
2019劇場版シティーハンター
tag: anime
Dアニメストアで公開されてたので観賞。
放映当時は、子供の頃よく行ったラーメン屋に寄ったらちゃんとラーメン出てきた、と評された映画。
さすがに声優陣は相応に歳取っててご愛敬だけども、ちゃんとラーメンだった。
Windows 10 20H2 インストールしてみた
今回はインストール時間短い。
20H1からのアップデートだと高速なのか。
ムーンライトひたち22号
地震で10日間ほど運休が決まった東北新幹線の代わりに、常磐線の在来線の特急「ひたち」が臨時で仙台〜上野で運行することに。
ただ、余震は続いてるし、爆弾低気圧による強風と大雨で方々で停車を強いられ、10時間の大冒険となったツイートがまとめられている。
熱いなぁ。
infinite scroll の闇にハマり中
tag: wiki
下方向に無限スクロールしていて表示要素が増えすぎた際には上の方の表示されていない要素を削除する。 この時スクロールオフセットの補正をする必用があると思うのだが・・・。
闇が深い。
2番目に関しては、lodash.debounceを使うようにすれば、処理呼び出しタイミングは調整できそう。
1番目は発生機序がわからんw
bash パイプの途中でエラーがあったらexit codeがそれになる
tag: bash
bashでは、set -e とか set -x とかと同じく、set -o pipefail という設定が可能らしい。
パイプの途中でエラーがあれば exit code がそれになるらしい。メモメモ。
デフォルトではパイプ最後のコマンドの exit codeになるので、途中でエラーが起きても検出できないことがあるがこれで解決。
緊急事態宣言第2回 6府県を2/28で解除
tag: 武漢肺炎
東洋経済のダッシュボードが見やすい
30,548bytes
今でも新規感染者は1000人を超えているので、あんまり下火になった感じはしないが、そろそろ経済的にマズイという判断だろうか。