フロントエンドエンジニア

必須

• フロントエンド開発の実務経験（5年以上）
• サーバーサイド（PHP / Laravel等）の実装にも踏み込める、または踏み込む意欲があること
• 既存コードを読み解き、影響範囲を見極めながら段階的にリファクタリングした経験
• デザイナー・マーケ・事業部門と折衝し、CVR等の数値を見ながら小〜中規模のリリースを定常的に回してきた経験
• 生成AI等を活用した生産性向上について前向きであること

• _上記に加え、以下のうち1つ以上に該当する方_

  • Vue.js等のJavaScriptフレームワークを用いた開発経験
  • Laravel等のPHPフレームワーク環境での開発経験
  • EC・toC / D2Cサービスの開発経験

歓迎

• Vue 3 / TypeScript を用いた開発経験
• B2C / D2C / ECサイトのフロント開発・運用経験
• 大量のLP・ABテストなど、入り組んだ画面構成を整理・改善した経験
• デザインシステムやフロントエンドアーキテクチャの設計・導入経験
• 生成AI（Cursor / Claude Code等）を活用した開発経験
• Blade等のテンプレートエンジンを用いた実務経験
• 表示速度・アクセシビリティ・テスト・コードレビューなど、フロントエンドの品質を継続的に改善した経験

求める人物像

• フロントエンドを専門領域とし、設計・品質・ユーザー体験について技術的な判断ができる方
• 言われた画面を作るだけでなく、CVR・UXという数字と体験に責任を持てる方
• 複雑な既存環境を否定するのではなく、事業を止めずに段階的な改善を進められる方
• APIやデータ構造まで理解し、デザイナー・マーケ・サーバーサイドと共通言語で議論できる方
• AIに丸投げせず、出力の設計意図・影響範囲・品質を批判的にレビューできる方

使用ツール

募集背景

• 会員愛犬猫数50万頭を突破し、複数ブランド・LP・キャンペーンなどユーザーとの接点が急増しています。購入導線や会員マイページのUI/UXはCVR・LTVに直結する重要領域です。一方、Vue.js × Laravel Blade が混在する既存環境では、目の前の画面を作るだけでなく、コンポーネント設計・データフロー・パフォーマンス・テスト容易性まで考えた継続的な改善が欠かせません。フロントエンドを主戦場に、複雑な既存環境を読み解き、画面と数字の両方に責任を持てるエンジニアを募集します。

開発スタイル

• 事業部門・デザイナー・マーケとともに「どこでユーザーが迷い、何を変えれば継続しやすくなるか」から考え、ABテストと数値で仮説を検証します。Vue.jsとLaravel Bladeが共存する既存環境では、全面刷新を目的にせず、売上を生み続ける画面を止めないことを前提に、コンポーネント・状態管理・APIとのデータ受け渡しを段階的に整理します。CVRだけでなく表示速度・アクセシビリティ・変更容易性まで含め、フロントエンドの設計や品質基準を自ら決め、レビュー・テスト・リリースまで責任を持てる環境です。

生成AIを活用した開発

• Cursor / Claude Code などの生成AIを日常的に活用しています。狙いは「開発をラクにする」ことではなく、AIを前提にすることでエンジニアがUI/UX設計や体験の意思決定といった上流により多くの時間を使えること。コンポーネント実装・テスト作成・調査などはAIに任せつつ、画面の使いやすさ・パフォーマンス・アクセシビリティ、そしてサーバーとのデータの受け渡しを批判的にレビューして品質に責任を持つのが人間の役割です。
• 技術スタック： Vue.js・JavaScript / HTML5 / CSS3・Laravel Blade を中心に、PHP / Laravel、MySQL、AWS（S3 / CloudFront 等）、Docker、GitHub Actions、Cursor / Claude Code

業務内容

• Vue.js × Laravel Blade で構成された自社ECのフロントエンド設計・実装・改善
• LP〜カート〜サンクスまでの購入導線、会員マイページ・社内管理画面のUI/UX改善
• ABテストの設計・実装・効果検証を通じたCVR・LTVの改善
• コンポーネント設計、状態・データフローの整理、パフォーマンス・アクセシビリティ・テスト容易性の改善
• API仕様やデータ構造を理解したサーバーサイドとの連携、必要に応じたPHP / Laravelの調査・軽微な改修

本ポジションの魅力

• 全国50万頭の犬と猫が、"おいしい"を待っている。
• その"待っている"に応え続ける仕組みを、エンジニアがつくっています。
• バイオフィリアは、獣医師監修のフレッシュペットフードで国内売上No.1、会員愛犬猫数50万頭、ARR30億円を突破したフードD2Cです。急成長する市場で、少数精鋭のエンジニアが事業の中核を担っています。
• 私たちが求めるのは、ユーザーが毎日触れる画面から、CVR・売上という数字を動かせる人です。
• 50万頭の購入体験を、画面から変える：LP・商品選択・カート・購入完了・会員マイページまで、毎日の食事を選び、続ける体験を一気通貫で改善できます。
• 実装の結果をユーザー行動で確かめる：ABテストやCVR・離脱率・継続率を見ながら、デザイナー・マーケと仮説を立て、画面を作って終わらない改善を回します。
• 大規模な既存ECの次の標準を作る：複数ブランド・大量のLP・Vue.js × Bladeが共存する環境を、事業を止めずに整理します。コンポーネント設計やデータフロー、品質基準を自分の判断で改善できます。
• そして何より、あなたの仕事は日本中の愛犬・愛猫の毎日のごはんと健康を支えています。

業務で利用するツール/ソフトウェア

• Slack
• Asana
• Notion
• Google Workspace
• Microsoft Office
• Gemini
• Claude Code
• Cursor
• バクラク
• ※その他業務で必要なAIツールについては積極的に導入予定