SWRでAPI Hooksを都度定義しないための型安全なcreateKeyFetcher

はじめに こんにちは!Frontendチームの薄羽です。イタンジではReactのデータフェッチングライブラリとして、@tanstack/react-query と swr を使用しています。各システムの開発開始時期が異なり、それぞれの開始時点での技術選定の結果、2つのライブラリが…

E2Eテストの安定性を高めるTypeScript製パッケージ @itandi/playwright

はじめに こんにちは!イタンジ株式会社のFrontendチームに所属している西野です。 昨年末に「ITANDI QC」というE2Eテスト基盤を作成し、今年から本格的にE2Eテストを拡充させています。 E2Eテストを何も考慮せずに追加していくと、アプリケーションコードの…

フロントエンドニュース2026年7月号

はじめに こんにちは!Frontendチームの薄羽です。サンダル勢なので梅雨が辛いです ☔️ TSKaigi 2026 TypeScriptをテーマにしたカンファレンス (会社としてはスポンサーではないですが、個人的に応援しています) 気になった発表: Oxlintはいかにしてtsgolin…

感情論にサヨナラ。技術選定のトレードオフを冷徹に可視化する「意思決定ログ」のススメ

こんにちは!物件チームでエンジニアをしているユフィです。 私たちのチームでは、日々多くの物件情報を扱う「物件システム」を開発しています。エンジニアリングの世界において、私たちは日頃から「技術選定」や「アーキテクチャ設計」などあらゆる選択肢を…

不動産売買プロダクトのフロントエンド環境を"ルールごと"整備した話 ── UIライブラリ選定とスタイリング設計

はじめに こんにちは!イタンジ株式会社「ITANDI 売買支援」開発チームの鶴田です。 この記事では、売買プロダクトの新規ページ開発にあたり、UIライブラリの選定からスタイリングルールの策定、さらにそのルールをLinterやAIコーディング支援ツール向けのル…

フロントエンドニュース2026年6月号

はじめに こんにちは!Frontendチームの西野です。先月から始まった フロントエンドニュースまとめ、今月は私が担当します。最近気になったフロントエンド周辺のニュースをまとめていきます! Node.js 26.0.0 (Current) 次期 LTS の Current リリース Tempor…

複数プロダクトのコードレビューで見えてきた課題を解消する社内パッケージ @itandi/tools

はじめに こんにちは!イタンジ株式会社のFrontendチームに所属している西野です。 Frontendチームでは月100件以上、複数プロダクトのコードレビューを担当しています。 レビューを重ねる中で、多くのプロダクトに共通する課題が見えてきました。たとえば、…