バイセル Tech Blog

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

バイセル Tech Blog

リッチテキストエディタフレームワーク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における型不整合の解消

⚠️ 記事の内容が古くなっているのでご注意ください。 v7.44.0 より、TTransformedValues を設定できるようになったため、本記事で紹介しているユーティリティーは非公開としました。 はじめに こんにちは! テクノロジー戦略本部 開発二部の金子です。 自分…

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

⚠️ 記事の内容が古くなっているのでご注意ください。 本記事で公開されているユーティリティのメンテナンスを終了したため、リポジトリは非公開としました。 はじめに こちらは バイセルテクノロジーズAdvent Calendar 2022の25日目の記事です。 昨日は小林…

実務で使った React-Hook-Form × Zod の事例紹介

はじめに こちらはバイセルテクノロジーズ Advent Calendar 2022の 24 日目の記事です。 前日の記事は田中さんの「環境構築をコマンドでまとめてみた」の記事でした。 ​ こんにちは! テクノロジー戦略本部 開発二部の小林です。 ​ 自分が担当したプロジェク…

環境構築をコマンドでまとめてみた

はじめに こちらは バイセルテクノロジーズ Advent Calendar 2022 の 23 日目の記事です。 前日の記事は高谷さんの「全社員がSQLを書けるようBQの権限やデータソースを整理して運用している話(後編)」でした。 こんにちは!株式会社バイセルテクノロジーズ…