株式会社デパートの【フロントエンドエンジニア】UI/UX・コンポーネント設計！テックリードを目指したいエンジニア募集！【環境充実：フルリモート／フルフレックス】の求人

会社概要

ゆさぶる、体験をつくる。Web制作会社

株式会社デパートは、東京青山にある、設計力と表現力で
ブランドづくりを支援するWeb制作会社です。
徹底した分析に基づく課題抽出、効果的な企画戦略、
心を惹きつけるデザイン、印象的なコピーライティング、
優れたユーザビリティ、および高度なシステム構築を通じて、
顧客のブランド構築を支援しています。

顧客課題に合わせて各分野のスペシャリストが連携し、最適な設計と実装を実現。
表層的なデザインだけでなく、ユーザー体験、
さらにはSEOやアクセシビリティといった技術的評価も兼ね備えたWebサイト構築において、
人にも機械にも評価される設計が各企業から評価を受けています。
https://depart-inc.com/service/

【すべては どう設計（＝デザイン）するか。】

私たちが大事にしているのは
目に見える表面だけではありません。

企画の創出。
マーケティング戦略。
ブランドのあるべき姿。
使う人の状況や心地よさ。
データの組み立て。
取り入れる技術。

それらを一貫して設計することで
はじめて目的を達成できると考えています。

私たちデパートでは、
各分野のプロフェッショナルが集まって課題に向き合い、
お客様と共に悩み、話し合い、また悩み、
を繰り返して最適な設計を模索します。

お客さまにも、その先の社会にも
Goodな体験が広がってほしい。
私たちはそう考えます。

ポジション

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

業務内容

Webサイト制作におけるフロントエンド構築業務全般をお願いします。
ReactやVue.jsなどJavascriptフレームワークを使用したプロジェクトも徐々に増えてきていますので、そのようなモダンな開発の領域もお願いしたいと思います。
しかしながら、まだまだ静的サイトの制作やWordpressなどCMSを利用した制作も多くありますので、そちらの実装もお願いしたいと思います。

画面の実装に関しては、UIや挙動についてをディレクター・デザイナー・テクニカルディレクターと密にコミュニケーションをとりながら進めていただきますが、相談、提案できる環境です。

また、詳細設計やコンポーネント設計に関しては、テクニカルディレクターや仲間のフロントエンドエンジニアと共に行い、最適化しながら構築を進めていただきますが、
仕様調査・技術選定も含め行っていただきたいと思います。

想定されるキャリアパス

【１ - UI・画面実装のプロフェッショナル・テックリード】

将来的なキャリアパスとして、Javascriptフレームワークでのコンポーネント実装や、
SPA、SSR、Jamstackサイトにおける設計やメンバーのリードをしたり、
Typescriptでの型定義の設定やAPI側などサーバーサイドとの連携部分などの設計に関しても行ってもらえればと思います。
またCI/CDやテスト自動化などの環境構築や、APIの設計なども行っていただければと思います。
時に壁打ち役として、他のエンジニアメンバーのサポートを行っていただくポジションになりますが、
スキルや特性に合わせて、より強みを活かせるようなキャリアパスを相談をしつつ考えていけたらと思います。

【2 - サーバーサイドおよびBFFのプロフェッショナル】

外部システムAPI化などの中間サーバーの構築や、FaaSでのFunctionなどの設計や実装、
その他スクラッチ開発などでのサーバーサイドの設計や実装も行っていただければと思います。
またサーバーなどのインフラ設計なども行い、他のエンジニアメンバーと協力しながら実装していくこともできるようになっていただければと思います。
時に壁打ち役として、他のエンジニアメンバーのサポートを行っていただくポジションになりますが、
スキルや特性に合わせて、より強みを活かせるようなキャリアパスを相談をしつつ考えていけたらと思います。

業務の流れ

【１ - キックオフMTG】

プロジェクトのスタート時には、ディレクター、デザイナーと共にキックオフミーティングを行います。
プロジェクトの目的や要件の共有と、必要な成果物や役割を決めます。
またプロジェクトのキーになる部分をその場で相談したり検証の必要性を話し、スケジュールとその微調整やネクストアクションに関してを共有し合います。

エンジニア側ではサーバーの情報や、求められる機能に関しての技術選定や設計の必要性などを検討し、その後ディレクターへ共有します。

【２ - 検証・設計】

プロジェクトによっては新しいことや、今までの掛け合わせをするようなこともあったり、UIやUXの確認としても検証を行うことがあります。
そのような検証やそれに基づく設計を行い、デザイナーと調整をしたりクライアントへの提案をすることもあります。
複数人での構築の場合には方針を決めたり、担当部分の割り振りも行います。

UIやデザインに関しては、動的部分やアニメーションの実装に関しての可否などを早い段階でデザイナーと相談しながら進めていきます。
Javscriptフレームワークを使用した方がいい場合や、既存の状態とは大きく変わってしまう場合には、コスト面や運用面などを考慮しディレクターと相談しながら進めていきます。

【３ - 実装・修正】

デザインや設計が進行し、画面要件が固まったら実装のフェーズに移ってきます。
場合により先行して実装を進めるケースもありますが、しっかりと状況をディレクターと共有しながら進めていきます。
デバッグに関しては、画面側はディレクター、デザイナーとも確認をしていきますが、 社内提出の前にセルフチェックも行います。
また、複数人での構築の場合にはGitでPullRequestを出し合い、コードレビューを行う部分もあります。

デザインの初稿時には必ず確認をし、それまでに相談してきたUIやアニメーションの実現可否の最終的な判断を行います。
また、デバッグに関しては社内のチェック項目を確認しつつ、画面の操作やさまざまなデバイスでの確認を行い、想定外の挙動がないかも確認します。

【４ - 納品・振り返りMTG】

制作が完了し、社内確認・クライアント確認が済んだら納品になります。
納品後には実際にかかった工数や対応内容に関してFBをし合います。
良い部分は今後も継続し、改善点は個人だけではなく全体の改善点として、フローや取り組み方を調整していくこともあります。

エンジニアはエンジニアチーム内での共有も行なっているので、実装で苦労した部分や工夫した部分なども他のメンバーへも共有する会も設けています。

働く環境

【１ - チーム構成】

エンジニアの所属するCreative div.は、Engineer section と Designer section、二つのセクションで成り立ちます。

▼Engineer section
2023年現在、10名のフロントエンドエンジニアが所属します。（男女比 7:3）
実際の業務ではプロジェクトごとに1-2名、大規模の場合にはそれ以上の人数がアサインされ、デザイナーやディレクターと共に制作に携わります。
プロジェクトで得たノウハウは、Notionへ記事を書いたりチャットで共有したり、エンジニアMTGでも共有し合っています。
まだまだ一人ひとりの影響力が強いフェーズですが、大型のプロジェクトも増加していますので、ぜひ積極的にチームに関わって連携力を高めていきましょう。

【２ - メンバーとのコミュニケーション】

成長プロセスとしてカジュアルな1on1MTGを行ったり、毎週のエンジニアMTGでプライベート・業務関係なく相談や共有を行っています。
不定期ではありますが勉強会も行っていますし、Notionでナレッジを社内で共有しています。
ぜひ、社内のナレッジ共有の促進や教育等も一緒に行なっていただけると嬉しいです。

また入社してすぐは、先輩エンジニアと一緒のプロジェクトにアサインしたり、オン・ボーディングで業務を進めて他のエンジニアメンバーと話す機会を増やしています。
今までと進め方が違う部分もあると思いますが、疑問点の解消もしていただければと思います。

【３ - リモートワーク・フレックス制度】

デパートではリモートワークを推奨し、フルフレックス制を採用しています。
チームと調整しながら、波のある忙しさとプライベートの都合とを、それぞれフレキシブルに対応しています。
また、自宅でもオフィスと変わらない環境で働けるよう、働く環境へのサポート制度も用意しています。

【４ - 主な開発環境】

デパートでの基本的な開発環境を紹介いたします。

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やその他ライブラリを使用することもあります。

募集要件

【必須要件】
・制作会社のフロントエンドエンジニアとしての実務経験2年以上
・Next.js、Nuxt.js、React、Vue.js、Astroなどフレームワークの使用経験
・Sass（SCSS）での実装経験
・GulpやWebpackなどの実務使用経験
・Wordpress、MTなどのCMS実装経験
・Gitの使用経験

【歓迎要件】
・BEM記法やCSS設計の実務経験
・EJSなどのJSテンプレートエンジンの実務使用経験
・Typescriptの実務使用経験
・HeadlessCMSの使用経験
・GSAPなどアニメーションライブラリの実務使用経験
・Three.jsなどWebGL関連ライブラリの実務使用経験
・GCP、AWS、FirebaseなどのPaaS、FaaSの実務使用経験
・サーバーサイド言語の実務使用経験
・Dockerの実務使用経験

【こんな人にぜひ来てほしい】
・一人でもくもくと、ではなく他職種や同じエンジニアとみんなで和気あいあいと案件に取り組める！
・共有会や勉強会で質問しあったり教えあったりすることができる！
・今までよりもよりクオリティアップや効率化をしたい！
・新しいことにもチャレンジしたい！
・自身とチームを進化させたい！