バイセル Tech Blog

バイセル Tech Blogは株式会社BuySell Technologiesのエンジニア達が知見・発見を共有する技術ブログです。

バイセル Tech Blog

frontend

CI高速化戦略 ~ in Package By Feature ~

私たちのプロダクトは、開発当初から費用対効果を考慮し、関数に対する単体テストおよび各コンポーネントに対するインタラクションテストを実施してきました。 しかし、機能が増えるにつれてテストケースの数が増大し、CI実行完了時間が長くなるという課題が…

フロントエンド新規開発のルーティングライブラリにReact RouterではなくTanStack Routerを採用した話

はじめに こちらは バイセルテクノロジーズ Advent Calendar 2024 の13日目の記事です。 昨日は渡邊さんによるスクラム経験者がエンジニア採用チームを立ち上げた話でした。 こんにちは、開発1部所属フロントエンドエンジニアの望月です。 バイセルでは、お…

開発者の脳内リソースを食い潰さないという観点のフロントエンド設計

はじめに 前提 課題 解決策 1. features/components/templates配下でのルール pageに対応したcomponentsを1つ作って、pages配下のindex.tsxから呼ぶ components・hooksを追加する際は、特化components・hooksを基本的に作って、呼び出すcomponentsと同じ階層…

ApolloClientからRelayに乗り換えようとして諦めた話

こちらは バイセルテクノロジーズ Advent Calendar 2022 の 1日目の記事です。 こんにちは。開発2部の早瀬です。 自分のチームではReact(Next.js)+GraphQLという構成でフロントエンドの開発をしていて、状態管理にはApolloClientを採用しています。その中…

デザインシステムを導入してみて(運用編)

はじめに テクノロジー戦略本部の酒井です。前回デザインシステムの導入に関して話しましたが、今回は運用についてどういった取り組みをしてきたのか紹介していこうと思います。前回の記事をまだ読んでいない方は読んで頂けると幸いです。 デザインシステム…

デザインシステムを導入してみて(導入編)

はじめに テクノロジー戦略本部の酒井です。 私が現在携わっているプロダクトに「デザインシステム」を導入したため、今回はそのことについて話していきたいと思います。ですが、全て触れると長くなってしまうため、今回は導入について話していきます。 はじ…

Apollo Clientを採用した際のフロントエンドの構成について考えてみた

はじめに こちらは バイセルテクノロジーズ Advent Calendar 2021 の 1日目の記事になります! 今年度新卒で入社した開発1部の早瀬です。 ここ最近は新規プロジェクトのPLとして、要件定義から開発まで携わっています。 新規で立ち上がったプロジェクトとい…