【フロントエンドエンジニア】UI/UX・コンポーネント設計!テックリードを目指したいエンジニア募集!
![求人メインイメージ](https://paiza-webapp.s3.ap-northeast-1.amazonaws.com/joboffer/21923/photo_top/large-68d0a47ca97e0b605bfe86e07af25cc3.jpg)
2015年に創業。
MISSIONである「Good Design,Good Experience」を
本気で実行しているクリエーティブ集団。
わたしたちが定義しているデザインとは、
表に現れるデザインだけではなく、
課題解決に必要な企画、分析、構築にいたるすべてをデザインとしております。
Web制作を主軸におき、
ゼロベースからのWeb戦略や企画・情報設計から、クリエイティブ制作、運用・保守に至るまでワンストップで行っております。
既に500社以上の制作実績があり、
パナソニック、東京ガスグループ、ファーストリテーリング、小学館といった
名だたるビッグクライアントのWeb戦略パートナーにご指名いただいております。
- 職種名
- フロントエンドエンジニア
- 給与(想定年収)
-
400万 〜 600万円
(※ 想定年収 は年収提示額を保証するものではありません)
- 勤務地
- 東京都
- 開発言語
- JavaScript HTML5+CSS3 Sass PHP HTML+CSS TypeScript
- フレームワーク
- jQuery React Vue.js React Native Nuxt.js
- クラウドプラットフォーム
-
Amazon Web Services
- 開発内容タイプ
-
自社製品/自社サービス、受託開発(自社内開発)、B2C、B2B、WEBサイト、CMS、ポータルサイト、SaaS
- 特徴
- 服装自由 オンライン面談可 ノートPC+モニタ別途支給 フリードリンク フルリモート制度あり 残業30H以内 産休育休取得実績あり 女性リーダー活躍中 女性エンジニアが在籍
- 募集人数
- 1名
- 必須要件
-
以下すべてのご経験をお持ちの方からのご応募をおまちしています!
・Web開発(フロントエンドエンジニア) 趣味or実務1年未満
・JavaScript, HTML5+CSS3, HTML+CSS のすべて 趣味or実務1年未満
・Vue.js, React, Next.js のすべて 趣味or実務1年未満
- 歓迎要件
-
・BEM記法やCSS設計の実務経験
・EJSなどのJSテンプレートエンジンの実務使用経験
・Typescriptの実務使用経験
・HeadlessCMSの使用経験
・GSAPなどアニメーションライブラリの実務使用経験
・Three.jsなどWebGL関連ライブラリの実務使用経験
・GCP、AWS、FirebaseなどのPaaS、FaaSの実務使用経験
・サーバーサイド言語の実務使用経験
・Dockerの実務使用経験 - 求める人物像
-
・一人でもくもくと、ではなく他職種や同じエンジニアとみんなで和気あいあいと案件に取り組める!
・共有会や勉強会で質問しあったり教えあったりすることができる!
・今までよりもよりクオリティアップや効率化をしたい!
・新しいことにもチャレンジしたい!
・自身とチームを進化させたい! - 備考
-
・制作会社のフロントエンドエンジニアとしての実務経験2年以上
・Next.js、Nuxt.js、React、Vue.js、Astroなどフレームワークの使用経験
・Sass(SCSS)での実装経験
・GulpやWebpackなどの実務使用経験
・Wordpress、MTなどのCMS実装経験
・Gitの使用経験 - 選考フロー
-
paiza(コーディングテスト)
※選考フロー、面接回数は状況に応じて変更になる可能性があります
▼
面接2-3回
※オンラインでの実施となります
▼
内定
※オファー面談あり
Webサイト制作におけるフロントエンド構築業務全般をお願いします。
ReactやVue.jsなどJavascriptフレームワークを使用したプロジェクトも徐々に増えてきていますので、そのようなモダンな開発の領域もお願いしたいと思います。
しかしながら、まだまだ静的サイトの制作やWordpressなどCMSを利用した制作も多くありますので、そちらの実装もお願いしたいと思います。
画面の実装に関しては、UIや挙動についてをディレクター・デザイナー・テクニカルディレクターと密にコミュニケーションをとりながら進めていただきますが、相談、提案できる環境です。
また、詳細設計やコンポーネント設計に関しては、テクニカルディレクターや仲間のフロントエンドエンジニアと共に行い、最適化しながら構築を進めていただきますが、
仕様調査・技術選定も含め行っていただきたいと思います。
---
【主な開発環境】
デパートでの基本的な開発環境を紹介いたします。
Node.jsをベースに下記の構成で開発環境を構築しています。
・gulp
・webpack
・Typescript/Javascript
・Babel
・Sass(dart sass)
・11ty
・EJS
・husky
・lint-staged
・ESLint
・stylelint
・Prettier
その他、必要に応じて下記のツールを使用しています。
・Git
・GitHub
・Docker
・Docker Compose
・SourceTree
・Storybook
CMSでは主に下記を使用していますが、プロジェクトによってはその他のCMSを使用することもあります。
・WordPress
・Movable Type
・Shopify
・MicroCMS
またJavaScriptフレームワークとしては、Vue.js、Nuxt、React、Next.js、Astroを使用することもありますが、社内のツールとしてSvelteなども使用しています。
その他、APIのスタブやモックサーバーなどでExpressやその他ライブラリを使用することもあります。
【1.UI・画面実装のプロフェッショナル・テックリード】
将来的なキャリアパスとして、Javascriptフレームワークでのコンポーネント実装や、SPA、SSR、Jamstackサイトにおける設計やメンバーのリードをしたり、
Typescriptでの型定義の設定やAPI側などサーバーサイドとの連携部分などの設計に関しても行ってもらえればと思います。
またCI/CDやテスト自動化などの環境構築や、APIの設計なども行っていただければと思います。
時に壁打ち役として、他のエンジニアメンバーのサポートを行っていただくポジションになりますが、
スキルや特性に合わせて、より強みを活かせるようなキャリアパスを一緒に考えていけたらと思います。
【2.サーバーサイドおよびBFFのプロフェッショナル】
外部システムAPI化などの中間サーバーの構築や、FaaSでのFunctionなどの設計や実装
その他スクラッチ開発などでのサーバーサイドの設計や実装も行っていただければと思います。
サーバーなどのインフラ設計なども行い、他のエンジニアメンバーと協力しながら実装していくこともできます。
- 開発部門の特徴・強み
-
【これがデパートの制作の進め方】
弊社の制作の進め方は、企画会議やブレストの段階から
ディレクター・デザイナー・エンジニアともに案件に参加します。
どの職種も上流工程から関わり、
案件の一部しかわかっていない、制作に関わっていないということがありません。
多角的な視点から意見や企画を出し合い、ブラッシュアップし、本質的な課題解決に取り組んでいます。
また案件終了時には必ず、関わったメンバーで必ず案件振り返り会を行なっております。
案件振り返り会を行うことで、
忙しい日々で作って終わりにはせず、改善点は常にあるという視点から、
キックオフからクロージングまで全工程を、工数などの数字も踏まえ見直しています。
そうすることでさらにお客様の利益に寄与したご提案ができる、良いサイクルを創っています。 - 主な開発実績
-
◆Xfolio(クロスフォリオ)|サービスサイト制作
株式会社BookLive
◆ギリシャヨーグルト「パルテノ」ブランドサイト制作
森永乳業株式会社、株式会社アマナ
◆JINS 1DAY ジンズのコンタクトレンズ
株式会社ジンズ
◆EARTHMANS HOTEL & KAFFEE
株式会社デイトナインターナショナル
◆資生堂 エージーデオ24
株式会社資生堂、株式会社ワンダラクティブ - 技術向上、教育体制
-
【教育・メンバーとのコミュニケーション】
成長プロセスとしてカジュアルな1on1MTGを行ったり、毎週のエンジニアMTGでプライベート・業務関係なく相談や共有を行っています。
不定期ではありますが勉強会も行っていますし、Notionでナレッジを社内で共有しています。
ぜひ、社内のナレッジ共有の促進や教育等も一緒に行なっていただけると嬉しいです。
また入社してすぐは、先輩エンジニアと一緒のプロジェクトにアサインしたり、オン・ボーディングで業務を進めて他のエンジニアメンバーと話す機会を増やしています。
今までと進め方が違う部分もあると思いますが、疑問点の解消もしていただければと思います。
またエンジニアはエンジニアチーム内での共有も行なっているので、
実装で苦労した部分や工夫した部分なども他のメンバーへも共有する会も設けています。 - 支給マシン
-
全国どこでも働ける環境を会社として支援しております。
その1つとして、My Officeプロジェクト制度(在宅手当5000円/月 ・MyPC手当5000円/月・モニター購入手当10000円)を設けております。
PCは会社貸与(Mac)も可能ですが、エンジニアはほぼMyPC手当制度を使い、自分が一番使いやすいマシンを使用しています。 - 開発手法
-
プロジェクトごとに選択
- 開発支援ツール
- Backlog、Git、GitHub
- インフラ管理
-
Docker
- 環境
- Mac OS X
- その他開発環境
-
【1.キックオフMTG】
プロジェクトのスタート時には、ディレクター、デザイナーと共にキックオフミーティングを行います。
プロジェクトの目的や要件の共有と、必要な成果物や役割を決めます。
またプロジェクトのキーになる部分をその場で相談したり検証の必要性を話し、スケジュールとその微調整やネクストアクションに関してを共有し合います。
エンジニア側ではサーバーの情報や、求められる機能に関しての技術選定や設計の必要性などを検討し、その後ディレクターへ共有します。
【2.検証・設計】
プロジェクトによっては新しいことや、今までの掛け合わせをするようなこともあったり、UIやUXの確認としても検証を行うことがあります。
そのような検証やそれに基づく設計を行い、デザイナーと調整をしたりクライアントへの提案をすることもあります。
複数人での構築の場合には方針を決めたり、担当部分の割り振りも行います。
UIやデザインに関しては、動的部分やアニメーションの実装に関しての可否などを早い段階でデザイナーと相談しながら進めていきます。
Javscriptフレームワークを使用した方がいい場合や、既存の状態とは大きく変わってしまう場合には、コスト面や運用面などを考慮しディレクターと相談しながら進めていきます。
【3.実装・修正】
デザインや設計が進行し、画面要件が固まったら実装のフェーズに移ってきます。
場合により先行して実装を進めるケースもありますが、しっかりと状況をディレクターと共有しながら進めていきます。
デバッグに関しては、画面側はディレクター、デザイナーとも確認をしていきますが、 社内提出の前にセルフチェックも行います。
また、複数人での構築の場合にはGitでPullRequestを出し合い、コードレビューを行う部分もあります。
デザインの初稿時には必ず確認をし、それまでに相談してきたUIやアニメーションの実現可否の最終的な判断を行います。
また、デバッグに関しては社内のチェック項目を確認しつつ、画面の操作やさまざまなデバイスでの確認を行い、想定外の挙動がないかも確認します。
【4.納品・振り返りMTG】
制作が完了し、社内確認・クライアント確認が済んだら納品になります。
納品後には実際にかかった工数や対応内容に関してFBをし合います。 - 組織構成
-
全社56名
Direction div. 23名
Creative div. 25名(デザイナー15名、エンジニア10名)
Corporatedesign div. 4名 - 配属部署
- Creative div._Engineer sec.
- 配属部署人数
- 10名
- 平均的なチーム構成
-
【1 - チーム構成】
エンジニアの所属するCreative div.は、Engineer section と Designer section、二つのセクションで成り立ちます。
▼Engineer section
2023年現在、10名のフロントエンドエンジニアが所属します。(男女比 7:3)
実際の業務ではプロジェクトごとに1-2名、大規模の場合にはそれ以上の人数がアサインされ、デザイナーやディレクターと共に制作に携わります。
プロジェクトで得たノウハウは、Notionへ記事を書いたりチャットで共有したり、エンジニアMTGでも共有し合っています。
まだまだ一人ひとりの影響力が強いフェーズですが、大型のプロジェクトも増加していますので、ぜひ積極的にチームに関わって連携力を高めていきましょう。
- 勤務地
-
東京都品川区西五反田7-9-2
KDX五反田ビル5F
※転勤はありません
- 最寄り駅
-
JR山手線、東急池上線、都営浅草線「五反田駅」より徒歩7分
- 給与体系・詳細
-
※経験・能力・前職の給与を考慮し、決定します。
- 給与(想定年収)
-
400万 〜 600万円
(※ 想定年収 は年収提示額を保証するものではありません)
- 勤務時間
-
基本10:00~19:00(フレックスタイム制度:コアタイムなし)
休憩時間:休憩60分 ※昼食時間は業務の都合により各々の自主性に任せています
平均残業時間:15時間以下のことが多いです/月
- 休日休暇
-
・完全週休2日制(土日)
・祝日
・GW休暇
・年末年始休暇(12/28-1/5)
・有給休暇
・慶弔休暇
・産休育休
・介護休暇 - 諸手当
-
在宅手当(月5,000円)
交通費(月上限30,000円)
各種社会保険完備(雇用・労災・健康・厚生年金)
フレックスタイム制度(コアタイムなし)
昇給年1回(8月)
賞与年2回(2月、8月)※業績賞与
時間外手当
勤続手当(勤続3年以上)
勤労手当(勤続5年以上)
各種社会保険完備(雇用・労災・健康・厚生年金)
健康診断(各種オプション補助)
me学(自己啓発補助金制度)
コミュニケーション共有会
分科会・勉強会
My Officeプロジェクト制度(在宅手当 ・PC手当etc) - インセンティブ
-
Unipos(ピアボーナス制度)を導入
- 昇給・昇格
-
■昇給年1回(8月)
■賞与年2回(2月、8月)※業績賞与 - 保険
-
各種社会保険完備(雇用・労災・健康・厚生年金)
- 試用期間
-
試用期間あり:3ヶ月
【福利厚生】
フレックスタイム制度(コアタイムなし)
昇給年1回(8月)
賞与年2回(2月、8月)※業績賞与
交通費(月3万円まで)
時間外手当
勤続手当(勤続3年以上)
勤労手当(勤続5年以上)
各種社会保険完備(雇用・労災・健康・厚生年金)
健康診断(各種オプション補助)
me学(自己啓発補助金制度)
コミュニケーション共有会
分科会・勉強会
My Officeプロジェクト制度(在宅手当 ・PC手当etc)
![企業メインイメージ](https://paiza-webapp.s3.ap-northeast-1.amazonaws.com/recruiter/4190/photo_main/large-bdd022bff2925d3acbe9f77d119ef1e0.png)
![企業メインイメージ背景](https://paiza-webapp.s3.ap-northeast-1.amazonaws.com/recruiter/4190/photo_main/large-bdd022bff2925d3acbe9f77d119ef1e0.png)