SmartHR Tech Blog

SmartHR 開発者ブログ

フロントエンド

TSKaigi 2025レポート —— 協賛、参加、登壇

こんにちは!SmartHRでアクセシビリティエンジニアをしているtajimanです! SmartHRは、2025年5月23日〜24日に開催された「TSKaigi 2025」にBronzeスポンサーとして協賛し、7名が参加し、2名が登壇しました。 この記事では、イベントの模様と合わせて、プロ…

弊社のheading levelがめちゃくちゃだった件と 解決のためにしたことの話

こんにちは。プロダクトエンジニアの@atsushimです。 smarthrでは社内でひろくsmarthr-ui が利用されています。 大変便利なのですが、使っていく上で色々問題も発生し、その都度対応してきています。 今回は発生した問題の一つ、Headingのレベルがめちゃくち…

Next.js(Pages Router)で叶える"初期SSR+動的CSR"のアプリストア高速化

SmartHR Plusアプリストアのリニューアル事例を通じて、Next.js Pages Routerを活用した「初期SSR+動的CSR」構成によるパフォーマンス改善と拡張性の両立、現実的な技術選定のプロセス、実装の工夫を詳しく解説します。 Next.js Pages Routerでアプリストア…

再レンダーに時間がかかる画面のUXをuseDeferredValueで改善する

こんにちは!SmartHRプロダクトエンジニアのhimiです。 この記事ではコンポーネントの再レンダーに時間がかかるシーンで、useDeferredValueを活用してユーザー体験を改善した事例について紹介します。 解決したい課題 私のチームで開発しているスキル管理機…

アクセシビリティを考慮した階層構造のフォームUIをどう実現したか

こんにちは、SmartHR プロダクトエンジニアの ceris と gaha です。 複雑な UI コンポーネントの実装において、アクセシビリティの確保は難しい課題の1つです。 この記事では、smarthr-ui で提供している階層構造のフォーム UI コンポーネントについて、アク…

入社してわかったSmartHRのフロントエンドエンジニア

こんにちは、SmartHR プロダクトエンジニアの chanMisa と ushiboy です。 この記事では、SmartHR に入社したフロントエンドエンジニアの視点から、日々の業務や取り組み、開発体験を通して感じたギャップや魅力をお伝えします。 共同執筆者である私たち 2 …