バイセル Tech Blog

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

バイセル Tech Blog

React

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

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

リッチテキストエディタフレームワークLexicalの実践的な使い方

こんにちは。開発2部の富山です。今回はリッチテキストエディタフレームワークLexicalの実践的な使い方を紹介していきます。複雑な実装になると開発に苦労したのでLexicalの実践的な使い方の知見を共有できたらと考えています。

MUIをベースにしたデザインシステムの構築

こんにちは、開発2部の早瀬です。 自分のチームではフロントエンドにReact(Next.js)を採用しており、MUIをベースにしたデザインシステムを構築して開発を行なっています。 そこで今回はデザインシステムの構築に至った背景や、具体的な取り組みを紹介した…

standaloneモードを利用してNext.jsのデプロイ速度を改善した話

はじめに こちらはバイセルテクノロジーズ Advent Calendar 2022の19日目の記事です。 前日の記事は天野さんの「ゼロトラストに向けての下地作り、Azure AD Connectの構築」でした。 こんにちは! 開発2部の富澤です。 私が参画しているプロジェクトではNext…

Reactのchildrenを使用してコンポーネントを拡張した話

はじめに こちらは バイセルテクノロジーズ Advent Calendar 2022 の 5日目の記事です。 前日の記事は小松山さんの「バッチ処理を Cloud Functions ではなく Cloud Run ジョブで実装した」でした。 こんにちは。テクノロジー戦略本部の22年新卒の玉利です。 …

React + TypeScript環境にGA4(Google Analytics)を導入してみた

こちらはバイセルテクノロジーズ Advent Calendar 2021の18日目の記事です。前日の記事は藤本さんの「お店の空き時間をビット演算の論理和で算出する」でした。 はじめに こんにちは。テクノロジー戦略本部 開発1部の酒井です。 普段の業務ではタイムレスが…

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

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