Frontendチーム

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…

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

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

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

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

Storybook Play functionからPlaywrightへ移行して得た「正しさ」と「書きやすさ」

はじめに こんにちは!Frontendチームの薄羽です。 イタンジのデザインシステムはReactコンポーネントになっており、Storybookで管理されています。1年前の記事でPlay functionでインタラクションテストを行っていると紹介しましたが、現在はPlaywrightを使…

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

はじめに こんにちは!Frontendチームの薄羽です。今月からFrontendチームで気になったフロントエンドニュース(と言いつつ、Node.jsなども触れます)をまとめていきます! axios Compromised on npm - Malicious Versions Drop Remote Access Trojan axios…

TypeScript 6.0に上げたかった

はじめに こんにちは!Frontendチームの薄羽です。TypeScript 6.0がリリースされました内部向けに6.0に上げるまでの手順を書こうと思いましたが、せっかくなら詰まったところを全世界に共有した方が良いと思い、テックブログにします。エイプリルフールに執…

Frontendチームが取り組んでいること16選

はじめに こんにちは!Frontendチームの薄羽です。イタンジはRubyKaigiのスポンサーになるなど、Rubyに力を入れている会社だと思われていますが、実はフロントエンドも頑張っています!そこで、頑張りをみなさんに知ってもらうために、今回は「Frontendチー…

マルチプロダクトの品質を支えるテスト基盤「ITANDI QC」の紹介

こんにちは!イタンジ株式会社のフロントエンドチームに所属している西野です。 本記事では昨年末から始動したプロダクト共通の品質管理基盤「ITANDI QC」について紹介します。 ITANDI QCとは イタンジではRSpecやデザインシステム内のコンポーネントテスト…

デザインシステム「ITANDI BB UI」とそれを支えるStorybookの紹介

こんにちは!イタンジのFrontend Unit所属の薄羽です。2024年3月に中途入社しました。好きなnpmパッケージは @emotion/react です。 イタンジのFrontend Unitには主務で薄羽と西野が在籍しており、デザインシステム「ITANDI BB UI」の開発とプロダクトのフロ…