さまざまな画面解像度・ウィンドウサイズでいい感じに見える Website をつくるのはめんどくさい。ゲーム的にウインドウサイズにあわせて全部拡大縮小してしまえばいいやんってやってみたけどブラウザの拡大縮小ボタンとか使えなくなったりしてて微妙。めんどくさい。Reactive LED を 3 チャンネル対応させるために KiCad 導入。1 チャンネルぐらいならアドリブで組めたけど 3 チャンネルになるともうゴチャゴチャなのでちゃんと設計しないとむり。RX5808 がライブラリにないのでフットプリントとかの自作からやらないといけない。めんどくさい。
ウィンドウサイズにあわせて文字サイズや画像サイズをいい感じにリサイズするやつ、一昔前なら JS で自前でゴリゴリ計算してやらにゃいかんところ、CSS が発達していて calc やら vw 組み合わせるだけどノーコーディングでできてしまうので、おもったほどめんどくない。とはいえ一個ずつ調整していかないといけないのは同じなのだが。Flash で Stage の resize イベントでちまちま位置調整してたのを思い出した。ESP32 に Web サーバー機能を追加してコントローラーページも自身から出すようにしてみたけど同時アクセス数が増えると死ぬ。なるべくコンパクトにファイルサイズもファイル数も減らさないとだめくさい。めんどくさい。
コツコツ React コーディング。React つーか CSS による XD デザインの完全再現。ペライチ PNG を下敷きにしてピクセル単位で完全に同じ位置に配置されるように CSS を微調整していくのである。かつて Photoshop から一発ポンで HTML が書き出せるみたいなのがあった気がするけどあれはどこへいったのだろうか。いつまで人間がチマチマやらんといかんのだ？ 雑に Vanilla JS で script タグまみれで書いてたやつを Parcel + TypeScript 構成にした。シンプルな 3 ファイル構成になったのでたぶんこれで大丈夫。ちょっとしたページなら webpack とかより Parcel のがシンプルでよい。