【Product】Frontend Engineer

【Product】Frontend Engineer 仕事概要 # 事業・プロダクトについて Studioは、ノーコードでWebサイトを制作・公開できるプロダクトを提供しています。 デザイン・開発・運用の垣根を越え、誰もが直感的にWeb制作を行える環境を提供することで、これまでにないスピードと自由度での価値創出を可能にしています。 ## Mission **Unleash Creativity** 人は本来、生まれながらにしてクリエイティブな存在であり、それぞれが独自の物語や視点、そして想いを持っています。 しかし現実には、その創造性の発揮を妨げるさまざまな要因が世の中に存在し、自分の想いをそのまま素直に表現することが難しい場面も少なくありません。 Studioは、そうした障壁を取り除き、誰もが「つくる喜び」を存分に味わえる最高の創作体験を提供します。 すべての人が自身の創造性を解き放ち、内にある想いをかたちにできるようになれば、この世界はこれまでにない新しい輝きを放つと信じています。 [Missionについて](https://studio.inc/about) # 募集背景 StudioはプロダクトのGTM戦略としてProduct-Led Growthを基軸に、リリース時からスモールビジネスを中心に多くのユーザーに活用をいただき、国内市場で順調に成長してきました。 登録ユーザーは月次で1万人の増加を続けており、約60万ユーザーを誇るノーコードWebプラットフォームです。 月間1億PVを超えるプラットフォームとして、ユーザーが快適に利用できるパフォーマンス最適化を施し、ハイスピードなレンダリングを実現することが重要だと考えており、Server-side Rendering (SSR) と Client-side Rendering (CSR) のハイブリッドアプローチ、ないしはどちらかを推進いただける仲間を募集します。 # 業務内容 ## 想定業務 - コード分割やキャッシング、画像/フォント最適化などのフロントエンドパフォーマンスチューニング - SSRとCSRのハイブリッドアプローチの検討 - バンドルサイズ削減、クリティカルレンダリングパスの最適化 - レンダリングパフォーマンス向上施策の検討・実装 - ネットワークリクエストの最適化 - パフォーマンスモニタリングツールの導入と分析 - 継続的なパフォーマンス改善サイクルの確立 ## このポジションのやりがい - 高いスケーラビリティを持つ大規模Webアプリケーションの開発に携われる - 最新のWeb技術を駆使してパフォーマンス最適化に取り組める - ユーザー体験の向上に直結するミッションに関われる - 高度なフロントエンド開発スキルが習得できる ## 就業環境　(利用ツール など) - サーバーサイド：Bun - フロント: TypeScript - インフラ: Google Cloud, Cloudflare - ソースコード管理：GitHub - デザインツール：Figma - コミュニケーション：Slack, Discord ※サイト高速化に限った環境です 必須スキル # 事業・プロダクトについて Studioは、ノーコードでWebサイトを制作・公開できるプロダクトを提供しています。 デザイン・開発・運用の垣根を越え、誰もが直感的にWeb制作を行える環境を提供することで、これまでにないスピードと自由度での価値創出を可能にしています。 ## Mission **Unleash Creativity** 人は本来、生まれながらにしてクリエイティブな存在であり、それぞれが独自の物語や視点、そして想いを持っています。 しかし現実には、その創造性の発揮を妨げるさまざまな要因が世の中に存在し、自分の想いをそのまま素直に表現することが難しい場面も少なくありません。 Studioは、そうした障壁を取り除き、誰もが「つくる喜び」を存分に味わえる最高の創作体験を提供します。 すべての人が自身の創造性を解き放ち、内にある想いをかたちにできるようになれば、この世界はこれまでにない新しい輝きを放つと信じています。 [Missionについて](https://studio.inc/about) # 募集背景 StudioはプロダクトのGTM戦略としてProduct-Led Growthを基軸に、リリース時からスモールビジネスを中心に多くのユーザーに活用をいただき、国内市場で順調に成長してきました。 登録ユーザーは月次で1万人の増加を続けており、約60万ユーザーを誇るノーコードWebプラットフォームです。 月間1億PVを超えるプラットフォームとして、ユーザーが快適に利用できるパフォーマンス最適化を施し、ハイスピードなレンダリングを実現することが重要だと考えており、Server-side Rendering (SSR) と Client-side Rendering (CSR) のハイブリッドアプローチ、ないしはどちらかを推進いただける仲間を募集します。 # 業務内容 ## 想定業務 - コード分割やキャッシング、画像/フォント最適化などのフロントエンドパフォーマンスチューニング - SSRとCSRのハイブリッドアプローチの検討 - バンドルサイズ削減、クリティカルレンダリングパスの最適化 - レンダリングパフォーマンス向上施策の検討・実装 - ネットワークリクエストの最適化 - パフォーマンスモニタリングツールの導入と分析 - 継続的なパフォーマンス改善サイクルの確立 ## このポジションのやりがい - 高いスケーラビリティを持つ大規模Webアプリケーションの開発に携われる - 最新のWeb技術を駆使してパフォーマンス最適化に取り組める - ユーザー体験の向上に直結するミッションに関われる - 高度なフロントエンド開発スキルが習得できる ## 就業環境　(利用ツール など) - サーバーサイド：Bun - フロント: TypeScript - インフラ: Google Cloud, Cloudflare - ソースコード管理：GitHub - デザインツール：Figma - コミュニケーション：Slack, Discord ※サイト高速化に限った環境です 歓迎スキル - アプリケーションを0から作り、リリースした経験　※個人開発でも可 - 立上げ・拡大期のサービスに関わった経験 - Studioが利用する技術スタックでの開発経験 - SaaSの開発・運用経験 求める人物像 - 弊社のMission、Valuesに共感できる方 - ミリ秒単位の最適化にも情熱を注げる方 - コードの品質と効率性に高い基準を持つ方 - 「十分に良い」で満足せず、常により良い解決策を追求する方 - サービスやプロダクトを改善することに熱意をもって取り組める方 - リモートワーク環境下でオープンにコミュニケーションが取れる方 - 絶えず変化する環境やあいまいさの中で業務を進めていける力がある方 応募概要 給与 年収 6,600,000円〜14,400,000円 ※時間外労働の有無に関わらず45時間分の固定残業代を支給、45時間分を超えて法定上割増賃金が発生する場合は別途支給 ※スキルや経験、弊社での期待する役割に即した評価基準を考慮して決定します 等級評価 年2回 業績連動賞与 年1回 [評価制度について](https://speakerdeck.com/studiodesignapp/studio-inc-company-deck-776763b4-3089-40b5-9542-9c1fc7299db3?slide=33) 勤務地 **青葉台オフィス** 東京都目黒区青葉台三丁目6番28号 住友不動産青葉台タワー9階 - JR・メトロ各線 「渋谷駅」 西口 徒歩13分 - 京王井の頭線 「渋谷駅」 渋谷マークシティ経由道玄坂上出口 徒歩10分 - 東急田園都市線 「池尻大橋駅」 東口 徒歩7分 雇用形態 正社員 勤務体系 **オフィス出社主体のハイブリッド** 標準勤務時間：10:00 -19:00 フレックスタイム制：コアタイム10:30 -15:00 【出社頻度】 推奨：週1回以上の出社 必須：月1回の出社（全社会や重要会議に合わせて） ※事業部によって出社頻度が異なります - 週休2日制＋祝日 - 有給休暇　※入社時付与 - 夏季休暇 - 年末年始休暇 - 慶弔休暇 試用期間 あり（3か月）※期間中の給与・福利厚生などの変更はありません 福利厚生 - 社会保険完備（VCスタートアップ健康保険組合） - 交通費支給（月上限3万円） - 副業可 - 必要機材購入サポート（入社時に仕事に必要な機器などを一定額まで購入可能） - PC定期アップデート（3年に1回） - Studioクーポン（在籍中は1プロジェクト永年無償） - 健康診断（1.5万円まで無料） - 健康支援サービス「アンドエルワーク」導入 - シャトク福利厚生アプリ - ベビーシッター券 - ケアタイム休暇