フロントエンドエンジニア（コミュニケーションデザイン）

HRBrainは、「Power to the People」をPurposeとして掲げ、日本が直面している「人・組織」に関する壮大な社会課題に真正面から取り組んでいます。
 
今後の日本経済において労働力不足が予見される中、私たちはHR SaaSとAIを組み合わせることで、単なる業務効率化に留まらない変革を目指します。 一人ひとりが目的や目標を持ち、周囲と調和しながら高いパフォーマンスを発揮し、いきいきと仕事に臨むこと。そして、その成果に対して正当な評価を受けられること。
 
それこそが、働く人の人生をより豊かで楽しいものにすると信じています。私たちはサービスを通して、「失われた30年」と呼ばれる日本を変え、より競争力の高い日本を実現を目指しています。
 
コーポレートサイト：https://www.hrbrain.jp/
人的資本TIMES：https://note.com/human_capital/

■業務内容
・サイト開発・保守：
既存Webサイトの機能追加・バグ修正・リファクタリング。TypeScriptを用いたReactおよびVue混在環境でのコンポーネント設計と品質管理を担当いただきます。
・SEO対応：
Core Web Vitals 改善、構造化データ（JSON-LD）実装、メタタグ・OGP管理といったSEOの施策を推進いただきます。
・デザイナー・マーケターと協業した事業推進：
チームメンバーとUX・施策方針の議論を行いながら、LP制作・ABテスト・コンテンツ改善などを技術面でリードしていただき、サイト価値最大化を推進いただきます。
・パフォーマンス改善：
表示速度・LCP・CLS・INP の継続的なモニタリングと改善。Lighthouse・Search Console を用いた定期レビューと施策提案も担当いただきます。
 
■技術スタック
フロントエンドは Vueを中心に開発をしており、一部Reactのプロジェクトも混在しております。
コードベースごとに技術選定の経緯が異なるため、両方の知識・経験が活躍の場を広げます。
開発言語：TypeScript
フレームワーク：Next.js Vue
インフラストラクチャ：Netlify
リポジトリ管理：GitHub
AI開発環境： Claude Code
 
■エンジニアファーストの働く環境・文化
「顧客に最高の体験を高速かつ継続的に届けられる組織」をエンジニア組織のあるべき姿として掲げ、日々お客様に選ばれるプロダクトや機能を早くリリースし続けることに挑戦しています。
理想状態を叶えるため、「Product Centric 戦略」と呼ばれる戦略を取っており、プロダクトの目指すゴールに対して、全エンジニア・デザイナーがビジネスゴールや競合・マーケットの情報をインプットし日々の開発に活かしています。
 
直近では、エンジニア主体の理想の組織を構築するために、テックリード＆PdMを中心とした組織課題解決プロジェクトを立ち上げ、3ヶ月スパンでテーマを選定し、OODAループを回しながら組織課題の解決を推進しております。
トップダウンではなく、ボトムアップで主体的に動くということが浸透しており、年次や部署の垣根を超えて「もっと良い組織・良いプロダクトを作るためには何ができるのか」を前向きに議論しながらチャレンジしております。
 
■評価制度について
成果目標＆バリュー目標をそれぞれ半期ごとに目標設定。目標設定は開発チームであれば、各プロダクトのPdM&PjM&TLと相談の元で策定。
3ヶ月ごとに振り返り1on1を実施。半期ごとに評価査定を行い、年1回(4月)に昇給査定を実施。3ヶ月の振り返り1on1のタイミングで目線をすり合わせることで評価期のサプライズを防止しております。

本ポジションは、コミュニケーションデザインチームの一員として、自社WebサイトのフロントエンドエンジニアリングとSEO推進を担います。
 
私たちが求めているのは、「実装を完遂するエンジニア」だけではありません。自社プロダクトの価値をどのように最大化するか、誰にどのように届けるかという視点を持ちながら、デザイナー・マーケターと対等に議論しながら施策を推進できる方を歓迎します。コードを書く力と、UXデザイン・マーケティングへの知的関心、その両方を活かせる環境です。

・HRBrainのPURPOSE・MISSION・VALUEへの共感
・ReactまたはVueを用いたTypeScriptでのWebサイト・Webアプリの実務開発経験（2年以上）
・HTML / CSS の深い理解と、セマンティックなマークアップができること
・Core Web Vitals（LCP / CLS / INP）の基礎知識と改善経験
・メタタグ・OGP・構造化データ（JSON-LD）の実装経験
・Google Search Console・Lighthouse 等を用いた計測・分析経験
・マーケティング・デザインなど非エンジニア職種との協業・要件整理の経験

・React と Vue の両方の実務経験
・SSR / SSG（Next.js）を用いたSEO最適化の経験
・デザイナーとの協業経験（デザインレビューへの参加・Figmaの読み込みなど）
・UXデザインやマーケティングの基礎知識・実務経験
・GTM・GA4・ヒートマップツールを活用したユーザー行動分析の経験
・CMS（Contentful / microCMS 等）との連携経験
・ABテストツール（VWO / Optimizely 等）の導入・実装経験
・アクセシビリティ対応の経験
・GitHub Actions / CI/CD パイプラインの構築経験

技術力を起点に、プロダクトの届け方まで考えられる方を歓迎します。「実装完了」がゴールではなく、ユーザーにどう価値が届いているかを常に意識し、デザイナーやマーケターと議論しながら改善を推進できる方に向いているポジションです。
 
・自社プロダクトの価値や届け先を主体的に考え、UX・マーケティングの視点から提案・議論に参加できる方
・デザイナー・マーケターと対等にコミュニケーションをとり、要件整理から実装まで自走できる方
・コードの品質だけでなく、ページ体験・SEO効果・ビジネス指標まで意識して開発に向き合える方
・React / Vue 混在環境へのキャッチアップに柔軟に取り組み、複数コードベースを横断できる方
 
■参考記事について
下記記事もご覧ください
・会社紹介資料：https://www.docswell.com/s/HRBrain/ZJ44VG-HRBrain_recruit
・プロダクトサイト：https://www.hrbrain.jp/
・TechBlog：https://times.hrbrain.co.jp/
・Qiita：https://qiita.com/organizations/hrbrain
・採用サイトトップ：https://www.hrbrain.co.jp/recruit
・HRBrain Developer Meetup(HRBrainに関連するイベントについて)：https://agate-lark-d52.notion.site/HRBrain-Developer-Meetup-ec00293aaa1d4d9f9160263fbe3dc338