注目キーワード
  1. DMM WEBCAMP

フロントエンドエンジニアの仕事内容は?【体験談】

「フロントエンドエンジニア」って
どんな仕事をするの?

フロントエンドエンジニアの仕事とは?

フロントエンドエンジニアはWebデザイナーのデザインを基に、
HTML、CSS、JavaScript(jQuery)、PHPの設計や実装、WordPressなどのCMS(コンテンツマネジメントシステム)構築やカスタマイズを担当します。

求人サイトやプログラミングスクールではこのように紹介されています。
フロントエンドエンジニアの仕事は幅広いです。幅広いがゆえに便利屋的な部分があります。

そのため仕事の内容は会社によってある程度かわってくると言うのが実感です。

「フロントエンドエンジニア」の仕事内容とは?【体験談】

「フロントエンドエンジニア」の仕事内容とは?【体験談】

私はデザイン会社、WEB制作会社、自社開発を行う会社で仕事の経験があります。共通する部分はありつつも業務内容は会社によってかわってきます。

【体験談】デザイン会社での「フロントエンドエンジニア」の仕事とは?

【体験談】デザイン会社での「フロントエンドエンジニア」の仕事とは?

私はデザイン会社のコーダーとして採用され仕事を始めました。

デザイン会社ということもあり厳密にコーダーとフロントエンドエンジニアの仕事の業務が別れていませんでした。
HTMLとCSSだけを書いていればいいわけでもなく、JavaScript(jQuery)、PHP、CMSのカスタマイズも業務内容に含まれていました。

デザイナーがスケジュール的にデザインができない案件の場合はデザインも行いました。WEBサイトを作るのデザインの素材が足りません。Photoshopで素材を制作するのも仕事内容に含まれます。デザインを行っていたとはいえ、デザイナーさんが要求されるような難易度の高いモノではありません。

WEBディレクターがデザインの内容を見極めて仕事をふってきます。
デザイン会社ということもあり、比較的デザインに重きをおきている会社でした。そのためコーダー、フロントエンドエンジニア、名前の肩書に会社自体が無頓着でした。

求人を受ける場合はミスマッチを避けるためにも面接官や同席しているエンジニアに、どこまでが業務に入ってくるのか確認したほうがいいでしょう。

私が働いていた「デザイン会社」がそうだというだけであって、各デザイン会社で仕事の内容は変わってくることが予想できます。

「コーダー」から「フロントエンドエンジニア」という肩書に変わったタイミングは?

自分から「フロントエンドエンジニア」ですと名乗り始めました。
名刺の肩書も「フロントエンドエンジニア」に変えました。
そうすると不思議とデザインの仕事は減りました。

【体験談】WEB制作会社での「フロントエンドエンジニア」仕事とは?

【体験談】WEB制作会社での「フロントエンドエンジニア」仕事とは?

WEB制作会社には「フロントエンドエンジニア」として採用されました。
デザイン部があったためデザインをすることはありませんでした。

デザイナーさんが制作したデザインデータを切るためにPhotoshopは使います。
ただそのWEB制作会社では厳密なマークアップを要求されました。

フロントエンドエンジニアという肩書ですが、マークアップエンジニア的な力量を求められました。
フロントエンドエンジニアを担当業は幅が広いです。そのため他のエンジニアの案件が炎上しているとき(スケジュール内に納品できるか?)にヘルプに入ることも多いです。※自分の案件に余裕がある場合

自分の案件が炎上する場合もあります。そこらへんは持ちつ持たれつです。
受注がメインの職場でした。そのため案件によって求められる技術は変わってきます。Gulp(ガルプ)を使って下さい。AngularJS、Reactを使って下さい。初めて聞くCMSですけど?など、案件によって初対面のモノがでてきます。
早めに初対面のモノに慣れないと案件は炎上する確率があがります。そのため高い対応力が求められます。

その会社にはWEBディレクターがいませんでした。
そのため「フロントエンドエンジニア」をしながらスケジュールの管理も行います。クライアントとの連絡も仕事です。金額の話は営業です。

フロントエンドエンジニアは仕事内容が幅広いため、会社によって求められる仕事内容が多少かわってきます。

求人を受ける場合は、ミスマッチを避けるためにも面接官や同席しているエンジニアにどこまでが業務に入ってくるのか確認したほうがいいでしょう。

【体験談】自社開発を行う会社での「フロントエンドエンジニア」仕事とは?

【体験談】自社開発を行う会社での「フロントエンドエンジニア」仕事とは?

クライアントに納品するもの自体、自社で決まった仕様のものです。
自社開発はチームで仕事をしている意識が高いため、多くの人とのコミュニケーションが求められます。言われたことをだけを行うのではなく、自社の仕様のレベルアップや、アイデアなども強い自発性が望まれます。

「フロントエンドエンジニア」の仕事内容は?各社で共通していたこと

求人には「コーダー」「マークアップエンジニア」「フロントエンドエンジニア」と違う名前で募集されていますが、仕事の内容は実際に聞いてみないとわからないと思います。面接のときに聞くことをおすすめします。

「コーダー」「マークアップエンジニア」「フロントエンドエンジニア」と名前は違いますが求めらえる技術にそんなに差はありません。「フロントエンドエンジニア」年々仕事の幅も増えています。以前はそんなにPHPに触れる機会はありませんでしたが近年はそうでもありません。ただそれも会社によると思います。

どの会社でも著しく共通しているのは労働時間中はほぼ座りっぱなしです。
HTML、CSS、JavaScript、PHPのうちの何かを書いています。
WEBデザイナー、インフラエンジニアの間に業務が位置しているためコミュニケーション能力は求められます。WEBデザイナーのデザインを汲み取って、インフラエンジニアに上手にパスする。そんなイメージです。