フロントエンド

家がクリニックに!? レバレジーズが挑んだ新規事業「レバクリ」開発の裏側を大公開

はじめに こんにちは。レバレジーズ株式会社システム本部の田中です。 2022年11月から新規事業の立ち上げメンバーとして開発業務に携わっており、2023年6月にレバクリをリリースしました。社内では初となる大規模かつ決済を伴うtoCサービスであり、様々な挑…

アプリケーションの処理を40倍高速化!効果的な最適化手法と実践事例の紹介

レバレジーズ株式会社 HRテック事業部の桐生です。 アプリケーション開発において、重たい処理の高速化は避けては通れない課題の一つですが、なんとなくで取り組んであまり良い結果が得られなかったり、そもそもどこから手をつけていいか分からなかったりす…

ぼくらのフロントエンド1.0 - フロントエンドエンジニア育成プロジェクト

はじめに 本記事をご覧いただきありがとうございます。レバレジーズ株式会社 レバテック開発部の三浦です。 4月中旬〜6月末までの2ヶ月半にかけて、弊社レバテック開発部にて「フロントエンドエンジニア育成PJ」と題してフロントエンドをリードできる人材を…

振る舞い駆動開発

はじめに レバレジーズ株式会社でフロントエンドエンジニアとして勤めている森山です。 今回は振る舞い駆動開発(Behavior Driven Development、通称BDD)をご紹介します。 ここでの振る舞い駆動開発とはDan North氏が提唱しているBDDの要点を掴み、自チーム…

テックフェス2022秋レポート React Suspense ~ v18から見えること ~

はじめに こんにちは。レバレジーズ株式会社の松本です。普段はHRテック事業部で主にフロントエンドの開発を担当しております。 今回の記事では、入社2ヶ月の私がテックフェス全体のレポートと、弊社フロントエンジニアの小林がReact18について発表した「Par…

【Next.js】Server Side RenderingでABテスト(Google Optimize)を実装した話

はじめに 初めまして、レバレジーズ株式会社の小林といいます。 私は2022年4月に開発未経験でエンジニアとして中途入社し、teratailというサービスのフロントエンド開発とマーケティング周りの業務に携わっています。 teratailでは、昨年末にリプレイスを行…

Reactにおける責務(UI/ロジック)の切り分け

初めまして、レバレジーズ株式会社FEエンジニアの森山です。今回は、React開発におけるコンポーネントの定義方法の1つの解をご紹介します。結論を簡潔に記載すると以下です。ロジックをUIロジックと業務ロジックに切り分けるUIとUIロジックは密結合させて再…

新卒1年目のエンジニアがUX改善のPDCAを構築し、1年間でCVRを13%改善した話

はじめに こんにちは。21年新卒の益子です。現在私は、看護業界に特化した人材サービス「看護のお仕事」において、求人サイトのUX改善やそれに伴うシステム開発、ディレクションに携わっています。 看護のお仕事では、サイト改善において指標となる定量デー…

Atomic Designを導入して開発コストの削減とデザインの統一を実現した話。

はじめに こんにちは。2021年新卒の田中です。現在私は、フリーター・既卒・第二新卒など、20代を対象とした就職・転職支援サービス「ハタラクティブ」のシステム開発やユーザー体験の改善に携わっています。 ハタラクティブでは、Laravel + jQueryだったフ…

マイクロサービス化を中心においた技術刷新とその狙い

本文 はじめに レバレジーズ株式会社 テクノロジー戦略室室長の竹下です。レバレジーズは創業以来事業の成長が続いていますが、ここ最近は事業の拡大にシステムの開発が追いつけていない状態でした。そのため、システム開発が事業の拡大に追いつき、更には加…

Apollo Client導入により状態管理の複雑性を削減し開発効率を向上させた話

はじめに こんにちは、20卒でレバレジーズ株式会社に入社した古賀です。 現在私は、若年層領域の事業を複数展開するヒューマンキャピタル事業部に所属しており、営業支援システムの開発に携わっています。現在は、リプレイスに取り組んでいます。私を中心に…

tailwindcssを導入して感じたメリット・デメリットについて

はじめに こんにちは、レバレジーズ株式会社の牛嶋です。 レバレジーズ株式会社で、teratailをはじめとしたサービスの開発に携わっております。現在、teratail管理画面のリニューアルに取り組んでおり、技術選定にあたって、CSSフレームワークとして、tailwi…

frourioを使って1ヶ月で管理画面をリリースした話

はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークであるfrourioについ…

GraphQL + Apollo Client + TypeScript + React で型安全なフロントエンド開発を実現した話

はじめに こんにちは。レバレジーズ株式会社の大滝です。 私は、レバレジーズのHRテック事業部に所属し、新規SaaSサービスのフロントエンド開発を行っております。 今回は雑然としがちな新規開発、とりわけフロントエンド開発で避けたかった4つの課題を、技…

社内電話アプリをChrome拡張機能からElectronにリプレースした話

はじめに こんにちは!エンジニアの呉です! 今回は社内で開発している電話アプリについて、Chrome拡張機能からElectronへリプレースした話をご紹介します。 リプレースしたきっかけ ■問題点 社内で開発している電話アプリでは、いくつかの問題が顕在化して…

ネイティブアプリをFlutterにフルリプレイスした話

はじめに こんにちは!エンジニアの藤野です! 今回はキャリアチケットが運営するキャリアチケットカフェのiOS/Android向けアプリをFlutterにフルリプレイスした話をご紹介します。 なぜFlutterに移行したのか 元々アプリ開発はiOSはSwift, AndroidはKotlin…