仕事内容
自社開発のクリエイティブ制作特化型SaaS「Save Point」のフロントエンド開発を担当するポジションです。Vue3からReactへの移行とSPA化を推進し、技術的負債の解消とUI/UXの向上を目指します。フルリモート体制で、クリエイティブ業界を支えるプロダクトの成長に貢献できます。
職務内容
- 自社開発のクリエイティブ制作特化型SaaS「Save Point」の保守・開発業務(フロントエンド)を担当。
- 「Save Point」はゲーム業界を中心に導入企業180社、プロジェクト数1600件を超え、クリエイティブ制作管理ツールとしてトップシェアを誇る。
- アニメ業界やIP業界など隣接する業界にも事業を拡大中。
- 長年の運用で機能が豊富になった反面、システムが巨大化し、一部で技術的負債が蓄積している。
- プロダクトのさらなる成長に向け、フロントエンドのモダン化(SPA化、Vue3からReactへのフレームワーク変更、新規レイアウト策定)を推進。
- 既存機能開発を止めずに、技術的負債を返済しながらReactベースの新アーキテクチャへの移行を成功させることが最大の課題。
- フロントエンド開発の中核メンバーとして、Vue3ベースの画面やレガシー実装をReactを用いたモダンなSPAアーキテクチャへ段階的にリプレイスする実装業務。
- 新しいデザイン・レイアウト要件に基づく、再利用性・保守性の高いReactコンポーネントの設計と実装。
- 古くなったコードベースの整理、可読性・保守性の向上、パフォーマンス最適化など、継続的な改善活動。
- SPA化に伴う最適なAPIインターフェースについて、バックエンドエンジニアと積極的にすり合わせを行う。
開発体制
- 少数精鋭のチームでアジャイル型の開発を行っている。
- プロジェクトマネージャー1名、テックリード1名、エンジニア4名(内業務委託1名、テックリード含む)、QAエンジニア2名(内プロジェクトマネージャー含む)で構成。
- コミュニケーションツールはSlack, Chatworkを使用。
- 開発フローはNotionでチケット管理、変形git-flow、変形スクラムを採用。
Save Point事業部(SaaS事業)
- MUGENUPはイラストの受託制作事業を中心に事業拡大。
- 制作現場の声を生かしてプロジェクトの「見える化」を実現するために開発されたのが、クリエイティブ管理ツール「Save Point」。
- クリエイティブ制作の業務フローを大幅に効率化する、クリエイティブ制作特化型SaaS。
- アートやデザインの制作において、進捗状況やスケジュール管理、制作物のファイル管理、関係者とのコミュニケーションまで一括管理が可能。
- 営業活動やカスタマーサクセスを通じてお客様の声を聞き、お悩みの解消のため提案を行っている。
- 社内で活用しているメンバーの声を直接聞きながら継続的にプロダクトの改善を行っており、変化し続ける制作現場のニーズに柔軟に応えることができる。
開発環境
- バックエンドはRuby, Ruby on Rails(7.2 -> 8.2), Slim, jBuilderを使用。
- フロントエンドはPureJavascript, jQuery, Vuejs3, Typescript, Sass(Scss)を使用。
- DBはMySQL (本番はAurora)、KVSはRedis (本番はElastiCache)を使用。
- テストはバックエンドでRspec、フロントエンドでjest, vitest, Chromaticを使用。
- モジュールバンドラーはバックエンドでassets pipeline、フロントエンドでwebpackを使用。
- インフラはNginx, Docker, AWS (ECS, ECR, Fargate, CloudFormation, S3, RDS, Elasticsearch/Opensearch)を使用。
- CIはCircleCI, GitHub Actionsを使用し、リポジトリはGitHubで管理。
- チケット管理・文書管理はNotion, Google Workspaceを使用。
- エラートラッキング・監視はDataDog, Sentryを使用。
- エンジニアは全員Github Copilotを支給。
- 少人数のため、新しい技術や開発手法も積極的に取り入れられる。
- フロント/バックエンド/インフラまで領域を限定せず、開発とデプロイのテストからオペレーションに至るライフサイクル全体にわたって作業するため、幅広くスキルを磨くことができる。
このポジションの方が入ってくれることで解決できること
- 自律してモダンフロントエンドの開発を推進できるミドル層のエンジニア参画により、Vue3からReactへの移行プロジェクトが加速し、快適なSPA体験を早く提供できる。
- コンポーネント設計の実力を持つ方が加わることで、新規レイアウト策定と実装がスムーズに進み、使いやすいプロダクトUIを実現できる。
- 実務経験豊富な方がリファクタリングやコードレビューを通じて負債を解消し、フロントエンド全体のコード品質と新規機能開発スピードが向上する。
やりがい/アピールポイント
- フルリモート体制の自由で柔軟な働き方が可能。
- ドメイン層を通じてクリエイティブ業界やIP業界を支える業務に従事できる。
担って欲しい役割
- 自社のデザインガイドラインの作成
- 新規レイアウト実現とUI/UXの向上
- フロントエンドの品質と開発スピードの底上げ
求めるスキル・経験
必須
HTML / CSS / JavaScript(TypeScript)を用いたWebアプリケーションの開発・運用経験(目安:3年以上) CSSHTMLJavaScriptTypeScript
Vue.js(特にVue3)を用いた開発経験 Vue.js
コンポーネント指向でのUI設計・実装能力 UI/UXデザイン経験
要求仕様に基づき、フロントエンドの設計から実装、テストまでを自己完結して進められる能力
Jest等を用いたフロントエンドのテストコード実装経験 Jest
歓迎
Reactを用いたSPA(Single Page Application)の開発経験
レガシー環境からのReactへの移行・リプレイス経験 React
レガシーコードのリファクタリングやフロントエンド・アーキテクチャの改善経験 アーキテクチャ刷新経験クリーンアーキテクチャ
パフォーマンスチューニング(レンダリング最適化、バンドルサイズ削減など)の経験 パフォーマンス最適化経験
新規UI/UXデザイン策定やデザインシステム・UIコンポーネントライブラリ構築の経験 StorybookUI/UXデザイン経験
バックエンド(Ruby on Rails等)の基礎知識や、REST APIの設計に関する知見 バックエンド開発経験Ruby on RailsREST APIRuby
関連スキル
募集要項
- 職種
- フロントエンドエンジニア
- 雇用形態
- 正社員
- 想定年収
- 450万〜600万円
- 勤務地
- 東京都 新宿区
- 出社・リモート
- フルリモート
- 必要経験
- 3年以上
- レベル
- メンバー
- 勤務時間
- 裁量労働制
- 休日休暇
- 年間休日123日 / 完全週休2日制 / 祝日休み
- 給与の詳細
- 賞与なし / 昇給 年2回
- 試用期間
- 3ヶ月
福利厚生・制度
選考プロセス
- 書類選考
- 一次面接
- 適性検査 (ご縁があった際のマネジメントの参考とさせていただくために実施いたしますので、選考の合否には影響ございません。)
- 技術試験
- 最終面接
- 内定
採用プロセスについては個別に変動する場合がございます。