デザイナー・クリエイター(Node.js)の求人・転職情報

Next.jsを用いた堅牢なビジュアル管理コンソールの開発を牽引するとともに、Figma等のデザインデータから実コードへシームレスに連携する、デザイントークン/デザインシステムの仕組みを強固に設計・実装していただきます。 構造的な課題と向き合うポイント ・ビジュアル画面エディタの構築: コンポーネントをパズルのように配置し、入力バリデーション(Zod等)を噛ませて正しいJSONスキーマを生成・保存する、高度な対話型管理ツールの設計。 ・拡張性の高いマルチテナント・テーマ設計: クライアント企業のブランド変更やダークモード対応、さらにはデバイス別(iPad/スマホ等)の出し分けやアクセシビリティ担保を容易にするトークンシステムの開発。 ・境界を越えた開発への関与: UI/UXデザイナーと強固に連携し、Figmaの設計変更からコードへのデプロイまでを半自動化する、開発者体験(Developer Experience)の最適化。 ●具体的な業務 ・Next.js / React を用いた管理コンソールのビジュアルフロントエンドおよびエディタ機能の開発。 ・デザイナーと連携した、全プラットフォーム共通のデザインシステムおよびデザイントークンの策定と設計。 ・Zod等のスキーマ検証ライブラリを用いた、動的入力の整合性担保と堅牢なバリデーションの実装。 ・各種CRUD、テナントごとの詳細なロール/招待権限、編集変更履歴(監査ログ用)の設計・開発。 ・BFF(Node.js)やAWS、CI/CD周りなどの技術領域(インフラ二番手)への自発的な越境。 ●開発環境 ・Frontend: React, Next.js, TypeScript, Tailwind CSS, Storybook, Zod / Hook Form ・Design Integration: Figma Variables, Style Dictionary (Design Tokens) ・Monorepo / Build: Turbo / Yarn Workspaces, Vite ・Infrastructure: AWS (BFF連携), GitHub Actions ・AI & Collaboration: Claude Code, Cursor, Figma, Slack, Notion ●最初の6〜12ヶ月で期待すること ・最初の3ヶ月: プラットフォーム内のデザインシステム定義とNext.js管理ツールの構造をキャッチアップし、既存コンポーネントのUI品質改善や、エディタへの新機能追加を単独で遂行できる。 ・6ヶ月時点: デザインシステムから各デバイスへのトークン配信を自動化し、Figmaとの連携を強固にする仕組みの設計・リリースをリードしている。 ・12ヶ月時点: テナント管理者向けの「直感的に操作できる管理コンソール」のUI設計およびコンポーネント構造の刷新案を提示し、Next.js・BFFをまたいだ機能変更をオーナーシップを持って牽引している。 ●変更の範囲 会社の定める業務

業務内容 食べログのフロントエンドシステム全体の改善に取り組みます。 フロントエンド改善の計画からリリースまで一貫して担当します。 ロードマップの作成や、設計、実装、テストケース作成などリリースまでの全ての作業をチーム内で担当します。 【具体的な業務内容】 ・JavaScript(React,TypeScript, jQuery,Node.js,等)、HTML5/CSS3の設計及び開発 ・フロントエンドのテストケース作成/実行 ・React/TypeScriptとその関連技術の検証、導入および運用 ・フロントエンドアーキテクチャの見直し、刷新 ・WEBのUI/UX設計に対するコンサルティング(企画段階から参画) ・エンジニア、デザイナー(コーダー)のフロントエンド開発業務の統括、サポート 【業務の進め方】 ・定期的に中長期計画を見直し、優先順位を付ける ・中長期計画に沿って、期ごとに目標を設定する ・1週間でスプリントを計画し、目標に向けて施策を実施します 入社後のイメージ 比較的小規模なフロントエンド設計/実装から担当いただき、徐々に業務範囲を広げていきます。 オンボーディング中かどうかにかかわらず、複雑な仕様や今後の大きな方針が決める場合は、チームで設計レビューやペアプロに取り組んでいます。 部署説明 月間ユニークユーザ数約9,600万人 (※1)を超えるレストラン検索・予約サイト(2023年3月現在)、食べログのフロントエンド改善・運用業務を担当します。 食べログは2005年にサービスを開始し、機能追加/改修を続ける中でメンテンナンス性が課題となっている部分もあります。 jQueryからReact/TypeScriptへのリプレース、ライブラリのバージョンアップ、アーキテクチャ変更など様々な手段を選択しながら、障害なく素早く機能開発が出来るフロントエンドシステムを構築します。 大規模組織・大規模システムにおいて、機能開発を止めずに、リプレースやバージョンアップを行うことは容易ではありません。 長期運用を見越した設計/実装、運用体制の確立、他チームへの教育などが求められています。 フロントエンドの技術的スキルはもちろん、リーダーシップを発揮しチームを導いてくれる方を探しています。 技術的にも組織的にも、障害なく素早く機能開発を続けていくために出来ることはなんでもやります。 フロントエンドに関係する事柄は、部やチームの垣根なく、裁量をもって取り組んで頂けます。 食べログフロントエンドを改善することは、食べログでのよりスムーズにお店探し、ネット予約に繋がります。 フロントエンド改善を通して、飲食店と飲食店を利用するユーザー両方対してよりスマートな外食体験の提供に取り組んでいます。 働く環境 ・メリハリを付けて働く文化があり、ワークライフバランスを取りやすい環境です。 女性エンジニアの比率も高く(20%弱)、子育て世代のエンジニアも多く活躍しています。 ・食べログは大規模な組織であるため、企画と開発は分業しています。 サービス改善施策に対してエンジニアからの提案は日々行いますが、新規事業の小さいチームのようにサービス　の企画もエンジニアが兼任することはありません。 【食べログシステム本部FEチームのカルチャー】 ・設計/実装はもちろん、手順書などのドキュメントなども含めチーム内レビューを実施 どんな優先度で、どのような手法で理想の状態を目指すのか、常にチームで議論しながら改善を進めています。 ・開発チームのコミニュケーション活性化やスキル向上を目的として、週に1～2回程輪読会を実施 ・各々勉強会に参加して、チーム内で共有 ・技術ブログでの情報発信 Tabelog Tech Blog: https://tech-blog.tabelog.com?cid=tech-blog_job_fe 食べログ フロントエンドエンジニアブログ: https://note.com/tabelog_frontend 開発環境 ・サーバサイド: Ruby, Ruby on Rails ・フロントエンド: React, TypeScript, Next, jQueryなど(jQueryベースからReact/TypeScriptへ移行中) ・DB: MySQL ・データ処理基盤:GCP BigQuery ・ソースコード管理: Git, GitHub ・開発支援ツール: Asana, Confluence, Github, Circle CI, Qiita:Team