終わりのメール
Events before Client Side Hydration · Issue #15446 · facebook/react
https://github.com/facebook/react/issues/15446
js のset、addするときに真ん中に挿入とかデキないのか
シーンに登場する人物のアイコンを表示するようにした
ついでにアイコンがない人のアイコンをいくつか作った
現在用意されてるアイコンを把握するためにリストとか作りたくなかったので二段階onErrorになった
setで任意場所に挿入できればこのarr作ってるあたりがワンライナーにできるのになというだけでした
バニラjsでts使ったことなかったからEventを受け取る型何つければいいかわからなかった
lightsail、awsお試し期間だと安いやつ無料で使えるからか
WindowsのやつでASF動かしてたことがある（その後Linux版があることを知った）
今調べたらvercelがawsというのは勘違いかもしれない
まあでもregionは思いっきりAWSのそれなので部分的には使ってるんだろうな
デプロイにはわからないけど
Regions – Vercel Docs
https://vercel.com/docs/concepts/edge-network/regions
書いてあったわ
aws直ではなくvercelを使うメリットの一つとしてデプロイの冗長化みたいなこともよしなにしてくれるというのがあるか
tryggvigy/pseudo-localization: Dynamic pseudo-localization in the browser and nodejs
https://github.com/tryggvigy/pseudo-localization
前にrimworldで見てすっかり忘れてたな
backspaceキーのkeypressイベントを取ろうとして、作って押したら要素が消えてたまげてたらdevtoolのほうが選択されてて要素が消えてた
しかもコードはevent.key === "Escape"って書いてた
EnterとBackspaceで進んだり戻ったりできるようになったので良かった
AとBどっちがいい？ってググるとき英語だとA vs Bになるの好戦的だなあって思ってる
lodashあたりに配列の同じ値の数でソートするやつありそうだけど思いつかん
_.sortedUniqBy(arr, JSON.stringify)
でできた
stackoverflow開きすぎてどこにそれっぽいのが書いてあったかわからなくなった
Big Beautiful Woman（英語版）の略称。 太った美しい女性のことを表す。 本来は社会運動用語だが、ポルノ用語のデブ専の意味に転用されている。
Belgian Big Beautiful Beer Women Weekend か
大きい画像を小さく表示してギザギザしてるの見るとhi dpiなディスプレイ欲しくなる
フォトショップでガイド引きまくりマンみたいなことが簡単にできる（簡単ではない）
lighthouseスコア測るたびに変わって参考ににならなすぎる
40x40の要素に256pの画像入れるなって言われまくってる
256p画像から40p画像を作る更にwebpも作るみたいなパイプライン作りたいとき最近の流行りはに使うべきなんだ
cdnを契約したがcdn腰にアクセスしても元のURLにリダイレクトされて謎
40pのwebpと
256pのpng
chromeの縮小とcdn側の縮小アルゴリズムが違うだけだろうが結構見た目が違う
onerror=nullにしてるのになんでループするんだろう
onerror=nullではなくremoveeventlistenerじゃないと消せないのかな
一生onErrorとハイドレーションとママレードとピーナッツとシュガーソングとビターステップで悩んでる
srcを変える→srcsetがあるのでそちらが読み込まれる→エラーになる→srcを変える→
でループになってるのか
CDN（の動的リサイズ）使うと720kBで、
使わないとと3.1MB
