スマホ版 9 割ぐらい実装できた。すすめてくとこうしたほうがよかったなーっていうところがポロポロでてくるんだけどそれやってると永遠に完成しないので適当に目をつむって他に進む。SSR と hydrate の仕組みをちゃんと理解したので react-responsive をエラーなくうまく動作させるパターンを見つけることができたのだが結局それは SSR せずにブラウザ側でコンポーネントをマウント仕分けるっていうだけなので SSR の恩恵が受けられないけどまあそのコンポーネント限定なのでよしとする。最近キューライスのよるのえが連続更新されていて嬉しい。Clubhouse の波がついにおかんに到達。
サイト制作終盤。iOS Safari の 100vh が下部のメニューまで含んだサイズになっててみんなどうしてんだと思って調べたら height -webkit-fill-available に設定するとあって確かにそれでいけるんだけど幅の指定に数値以外に fit-content やら max-content みたいなのが増えてて勉強になった。Zoom ミーティングにカメラ OFF マイク OFF で参加してそのまま消えていくと呼ばなくてよかったんじゃないか的な雰囲気になるんだけど個人的にはオフィスの片隅でやってるミーティングをなんとなく聞いてる感じになっていて別に無駄な時間て感じでもなくてふと思ったのがこれは社内 Clubhouse 的なものがあってそこでブレストとかアイデア会議とかすると呼ばれなくても参加できたりしてよいのではないかということ。
英語版で微妙に変わっているフォントサイズやマージンをちまちま全部調整美しくなってきた。いまさら CSS Variables の便利さがわかってきてまたして作り直したい気持ちになってきたのをぐっとおさえて text-overflow: ellipsis と -webkit-line-clamp で複数行テキストがあふれたときに三点リーダーで切るとこの実装やってたらこれはどうやらブラウザのバグをふんでいるのかエフェクトとの相性なのか表示されたり消えたりしていて解決しなくてまた数時間かかりそうな予感がしたので放置してほかをやる。