未経験でフロントエンドエンジニアに転職できる？仕事内容やスキルを現役エンジニアが語る！

フロントエンドエンジニアとは、Webデザイナーのデザインを基に『WordPress(オープンソースのブログソフトウェアであり、CMSの一種)』や『CMS(Contents Management System: Web コンテンツを管理するためのシステム)』の構築やカスタマイズを担当する職種になります。

主に使用している言語は『HTML(Hyper Text Markup Language：Webページを作成するための基本的な言語)』『CSS(Cascading Style Sheets:：HTMLで作られたWebページのデザインを整え、統一するための言語)』『JavaScript(HTMLなどで構築されたWebサイトに動きを加えるための言語)』などですね。

自分の場合ですと、始業前と始業後に『Teams』というチャットツールや『Outlook』のメールで、1日の連絡をチェックします。そこから定時までは、構築案件のコーディングをしていますね。
その間に、ディレクターから修正の案件や、または「こういうカスタマイズはできないか」といった相談なども受けています。

そうですね、基本的には大体1人で担当しています。

長く仕事をしていると、やはりアニメーションを多く使うような、高難易度な実装依頼がくることがありまして、そういったものを実装できるとすごく達成感がありますね。大きい案件とかにもどんどん携わっていけるので、それが一通り終わった時は、もう達成感が半端ないですね。

ものすごく……

アニメーションの場合ですと、いただいた指示が具体的ではない時もありまして。その場合に、具体的な要望にどうやって合わせるか、少し試行錯誤していくところが大変ですね。

調整が大変なのですね。

具体的に言いますと、お客様の要望に沿ったものを作った後に「満足した」といったお客様の声をいただいた時とか、ディレクターやチームメンバーからも良い評価をもらった時ですね。
チームにも貢献していて、クライアントにも満足いただけるものを提供できている、といった面で、結構やりがいを感じています。

ありますね。

先程とは逆に「地獄だった案件」はありますか？

では、それまでの過程は……

想像しただけで寒気が走りますね。

多いですね！？

あまりやったことがなくて、10個も作らないといけないのに「期間は短め」というのは、すごい地獄ですね……

やり手のデザイナー基準のスケジュールで来るので、大体1週間以内ですね。

『CMS』の運用作業とかも、フロントエンドエンジニアが携わることも多いです。結構古いバージョンの『CMS』で運用作業を行う案件もありまして、その更新作業に大体1～2時間かかるのですが、その間にまた別の更新依頼が来ることもあります。
新しく来た依頼の作業をしている間に、今度は最初に依頼されたものが無くなる、ということもありますね。

はい。他にも「どうしても短納期で作ってほしい」という依頼がありまして、作り終わった後にデザイン総入れ替え、みたいなことも結構多いですね。
そういった作り直しの作業や、設計に無かったページを一通り作り終わってから「あれもこれも作ってくれる？」といった、短納期での作成依頼は本当に多いです。

では次に、気になる20代と30代の平均年収を教えていただけますでしょうか？

「スキルを上げていこう」という話ですね。

はい。

1つ目は『フロントエンドエンジニアのスペシャリスト』になります。

フロントエンドエンジニア自体が『HTMLコーダー（Webサイトの制作過程において、HTMLやCSSなどの言語を使用してWebページを作成・構築する職種）』や『マークアップエンジニア（コーダーの上位職に当たり、作成するWebサイトの意図・目的を理解し、使いやすさを考慮したコーディングが求められる職種）』の上位職になるので「さらに技術を磨こう」と、スペシャリストとしてご活躍されている方は多いですね。

2つ目は『テクニカルディレクター(CMSなどのシステム要件定義から、社内エンジニアとの連携によるプロジェクトを円滑に進行までを担う職種)』ですね。
フロントエンドエンジニアからディレクターになる方は、大体がコーディングのノウハウを知っているので、無茶な依頼をする方が少ないです。

はい。続いて、3つ目は『Webデザイナー』ですね。
先程もお話したと思いますが、フロントエンドエンジニアは結構デザインに関わる業務が多いため、デザインの勉強も多少必要になります。その勉強をしていく内に「Webデザイナーになってみたい」と思い、Webデザイナーを目指す人も多いです。

フロントエンドエンジニアもできて、Webデザインもできる方は「1つのデザインを渡せばコーディングまでやってくれる」ということで、企業によってはすごく重宝されると思いますね。

一人二役ですからね。

初見ですね。『フルスタックエンジニア』とは、どのような職種でしょうか？

すごい！　「フルスタック」って、そういうことですか。

となると、結構フロントエンドエンジニアの最終形態、みたいな感じですか？

未経験者で入社してから一人前になるまで、どのぐらい期間が掛かるのでしょうか？

勉強はして、やりたいなとは思っているけど「実際にやれるかどうか不安だな」という方でも、入社したら仕事やる中で覚えていく、という感じなのでしょうか？

どこもそうなのですね。

フロントエンドエンジニアは実務を通じて、Web制作全般の知識をはじめ、WebデザインやSEO(検索エンジンに合わせて自社のWebサイトを最適化する施策のことで、Webマーケティングにおいて重要な位置を占める)などの、幅広い知識やスキルを身に付けることができます。自分の市場価値が高められる職種になりますので、興味がある方はやってほしいな、と思っております。

そうですね。