はじめに こんにちは。PKSHA Technology で SWE をしている須藤です。 私の所属する PKSHA Speech Insight（PSI）チームでは、React + TypeScript で複数の Web アプリケーションを開発しています。 Feature 型のディレクトリ構成は広く採用されていますが、feature の数が増えるにつれて「切り方の基準がブレる」「shared フォルダが肥大化する」「テストの粒度が定まらない」といった課題が表面化します。 私たちのプロジェクトでも 200 を超える feature を運用する中で、フラットな features/ が構造...

💾

生成AI使っていますか？ がく＠ちゅらデータエンジニアです。 昨今、生成AIを使っての開発ってのは、かなりかなり浸透してきて、生成AIがないと話にならん！な状況になりつつあると思います。 全然使わないまんまじゃまずいなぁーーと思い、業務でも色々取り入れて試行錯誤してるところです。 朝、ふと思いついた いつも通り、下娘を幼稚園に送り、帰りにYoutubeMusicでアニソンを聴きながら帰ってきたときにふと思いました。 「仕事中に作業用のBGMで、『こんな音楽流して』『リラックス用にカフェジャズを流して』みたいなこととが出来ないか？」 と考えました。アレクサとかでできるあれです。 スマー...

💾

はじめに TanStack Query v5 で導入された queryOptions は、React と TypeScript エコシステムにおける開発者体験に大きな変化をもたらしました。設定オブジェクトを定義するだけで、別ファイルで呼び出される useQuery の戻り値の型が、型注釈なしで完璧に推論されます。 // queries/users.ts - 設定の一元化 export const userQueries = { detail: (userId: string) => queryOptions({ queryKey: ['users', userId]...

💾