2025-10-21 Tailwindが隠されているのはリスクもある

火曜日。7:30起床。なんとなく仮眠の取り方が分かってきたところ。
今日もなかなかに寒い。パーカーの季節だなあとは思うのだが、着るもので肩が凝る季節だ。今年はもう少し軽い服で対処したい。今年は夏が長かった分、寒いのはなかなか対応が難しい。

昨日はReact Native(Expo)開発のテスト環境周りの知識を一気に手に入れたので、それをベースに次はNext.jsプロジェクトのテスト環境も丁寧に作っていく。
静的解析はこちらもESLintとBiomeで揃える。ESLintの追加ルールにSonarJSのルールを追加で入れた。セキュリティ脆弱性やコードの重複などの品質面のチェックまで行えるルールセットらしい。使っているだけで勉強になることもあるだろう。

JestとTesting Libraryはこれまで通りのやり方でOKだったが、Storybookが去年使った時とは使い方が大きく異なっていて、何かとエラーが多発する。Hero UIでラップされているTailwindが効かない状態になっていて、ここをクリアするのにえらく時間を費やしてしまった。ここまでで午前中が終了。
午後に一通りテストのテストみたいな事をやって、最後にE2Eテストのフレームワークを入れた。Next.jsはWebで使いやすいPlaywrightを選択。こちらはいつも通りのやり方でインストールと設定が完了。
これで一通りはクリア出来た。Vue.js+Nuxtの場合もそんなに違いは無いだろう。おおよそ半日を見積もっておけばよさそうだ。（あとはテストを書く習慣を徹底するだけである）

ここからR案件に備えてReactでフォームを作りはじめる。プロジェクトに入る前にある程度作っておけばスタートダッシュも効く。なんて真面目なんだろうと思いつつ、やっぱり作っている時間は楽しい。特に今回は新しいUIフレームワークにユニットテストを意識したコンポーネントの設計も兼ねているので「新しい事をしているな」という感触が楽しさを増幅させているようだ。
これで案件が受注出来れば言う事無しなのだが…

18:30までこれをやって今日はお台場フォーク村の生放送を見る。丸一週間ぶりの詩織ちゃん。

今日から本当に秋だなあと感じるスタイリングであまりにも可愛すぎた。ゲストも個性的で本当に見ていて楽しい番組になったなと感激する。
毎月の事ながら目を見張るような歌唱シーンが多かったが、今日はフジファブリックの「若者のすべて」の歌声が素晴らしくて、その声を聞いただけで涙を流してしまった。詩織ちゃんは本当に歌が上手くなったな。その事を毎年毎年感じられるというのはファンとしてすごくありがたい事だ。