A year of frontend code reviews, distilled into five lessons — written for the next person joining the team.

One Year, and the Lessons Hiding in My PR Comments

デザインシステムのコンポーネント実装では、デザイントークンによる制限を設けながら呼び出し側である程度の柔軟さを持たせる必要があります。このブログでは Semantic HTML を担保するために有用な Polymorphic Components についてまとめました。

Polymorphic Components でコンポーネントの HTML 要素を呼び出し側で選べるようにする

2025年6月現在、ブラウザ対応中(TC 39 Stage 3 )の JavaScript Temporal API についてまとめました。Date オブジェクトの課題と Temporal がどのように解決するのかをまとめています。

useEffectを使わなくていいような実装が出来るのに、useEffectで副作用を起こしているコンポーネントのメンテナンスに携わったのですが、その際とても苦労をしました。そんな経験からどのように使うべきか整理したくなったため、それをまとめるためにブログにしました。

Next.jsで構築したフロントエンドのパフォーマンスについて考える機会があったため、どのように向上していけるのか自分なりに整理しました

小さめなプロジェクトで Biome を導入してみたため、軽くどのような設定をしたかに触れつつその所感を書きました。

Vitestで名前付きエクスポート(named export)された関数をモックしたり、各テストケースで異なる値でモックする方法等をまとめました

ヘッドレス化したにこスマのカスタムストアフロントについて紹介します。

型安全を重視した T3 Stack を用いて社内ツールを開発したので、T3 Stack の説明をしつつ使い心地を紹介します。

ESLint のルールのカスタマイズ方法や、いくつかの ESLint のルールについて紹介します。

iOS の date picker が生年月日入力には最適とは思えなかったため、よりよい方法を検討してみました。