バイセル Tech Blog

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

バイセル Tech Blog

スムーズなPostgreSQLアップグレード実現の為に調査、検証した話

はじめに テクノロジー戦略本部開発1部の伊与田です。 私はAXISという在庫・販売管理システムのチームでバックエンドエンジニアとして開発、運用を担当しています。 今回は私が実施したPostgreSQLのアップグレード対応について、書いていきたいと思います。 …

アーキテクチャディシジョンレコード(ADR)で判断の根拠を残す

はじめに こんにちは。バイセルテクノロジーズ テクノロジー戦略本部 開発 1 部の市田です。 バイセルでは様々なプロダクトを運用しており、「アーキテクチャディシジョンレコード」(Architecture Decision Record: ADR)のようなドキュメントを活用しながら…

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

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

安心・安全なサービス開発のためのDependabot運用

はじめに こんにちは。 開発2部の浅香です。 私たちのチームではDependabotを使ってフロントエンドのパッケージのバージョン管理や、脆弱性のチェックを行っています。 今回の記事ではDependabotとは何かといったようなツールの説明は行わず、どのようなフロ…

react-hook-formの最新機能!Formコンポーネントの紹介

はじめに こんにちは! 開発 2 部の小林です。 バイセルでは最新の機能を積極的に使える環境が整っており、各プロジェクトのエンジニアが日々最新の技術を調査し、社内で共有を行なっています。 今回は技術調査の一環として、react-hook-form(以後 RHF とす…

経験から学ぶAuth0のSAML連携

はじめに テクノロジー戦略本部開発2部の山口です。 バイセルでは現在、新しい基幹システムの開発をマイクロサービスで進めています。 その基幹システムの認証・認可にはAuth0を採用しているのですが、 既に稼働している基幹システムの認証・認可には、Activ…

react-hook-formとZodで作る型が動的なフォーム

はじめに こんにちは! 開発 2 部の小林です。 弊社の各プロジェクトでは、React Hook Form (以後 RHF とする) と Zod を用いて、様々な要件のフォームの実装をしています。 今回は、API 側から取得した値に基づいて、text, number, checkbox のように、入力…

BuySell Technologies 開発合宿参加者レポート (2023年)

はじめに こんにちは。開発2部の小松山です。 先日「開発合宿」なる楽しい社内イベントがありました 本記事では参加者である私の目線から、当日の様子や自身がどのような開発をしたか等を感想を交えてお伝えします。 開発合宿の運営メンバー目線での記事も…

開発合宿の運営のすすめ -初めての開発合宿の計画から実施まで-

はじめに こんにちは! 開発2部の飯島です。 先日、バイセルで初めて開発合宿を開催しました。 本記事では、合宿の運営リーダーを務めた私の目線で、計画から実施まで運営側がどのようなことを検討し、何を行ったのかをお伝えします。 初めての開発合宿を計…

MagicPod実行後の本番デプロイを自動化するための自作GitHub Actions

背景 MagicPod について GitHub Actions での MagicPod Web API の利用 現状のワークフローの課題 MagicPod のテスト実行と production デプロイが同時に走る 解決策 使い方 実装 GitHub Actions について Docker Container JavaScript Action Composite Act…

HasuraのRemote Schema to Database Relationshipsを用いたElasticsearchとの検索連携

はじめに こんにちは。開発2部の尾沼です。 私の所属するチームでは最近、HasuraとElasticsearchを組み合わせて検索を行えるようにしました。今回はこれを実現するために私たちが採用した方法を紹介したいと思います。 はじめに 背景 採用した構成 前提 方針…

快適にスキーマ駆動開発をするためのGraphQLエラー設計

はじめに こんにちは。開発2部の小松山です。 業務でGraphQLのエラーの設計をする機会があり、いろいろと調査・検討した結果、なかなか良いと思えるものができたので紹介します。 本記事はバックエンド寄りの話がメインです。GraphQLのエラーの扱いに迷って…

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

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

React Hook Form + Zodにおける型不整合の解消

はじめに こんにちは! テクノロジー戦略本部 開発二部の金子です。 自分が担当するプロジェクトでは、React Hook Form (以後RHFとする) と Zod を用いてフォームの実装をしています。 この組み合わせは強力ですが、Zod スキーマから生成される型を useForm …

Render Propsのコールバック地獄を解消するユーティリティーを公開した

はじめに こちらは バイセルテクノロジーズAdvent Calendar 2022の25日目の記事です。 昨日は小林さんによる「実務で使った React-Hook-Form × Zod の事例紹介」という記事でした。 こんにちは! テクノロジー戦略本部 開発二部の金子です。 自分が担当する…