フロントエンドエンジニアとWebデザイナーの違いは？【決定権の有無】

ひとことで言えば、「決定権の有無」です。

そもそもの話になりますが、フロントエンドエンジニアは、画面レイアウトを作るエンジニア。

Webデザイナーは、「どのような画面を作るのか？」を決めるお仕事。

ただ、WebデザイナーもHtmlを書くことあるし、フロントエンドエンジニアが画面レイアウトを決めてしまうこともあるわけで。

区別して呼ぶほうが便利なだけで、「フロントだから、Htmlだけ！」みたいな縄張り意識的な考えは持たないほうが方がいいのと。

大切なのは、「画面レイアウトを決める」みたいに、決定権を持つお仕事をやる心がまえです。

フロントエンドエンジニアとWebデザイナーの違いは、決定権の有無

フロントエンドエンジニアとWebデザイナーの違いは、決定権の有無です。

フロントエンドエンジニアは、HtmlなりJavaScriptなりで画面をつくる

フロントエンドエンジニアは、実際に画面をつくるお仕事。

ソシャゲの画面を例に説明すると、「こんな感じの画面を作って」みたいなのが決まっているので。

• Htmlで枠組みを作って
• CSSで色を付けたり、形を整えたり
• JavaScriptでアニメーションをつける

といったことがメインになってきます。

Bootstrapや、Reactみたいなフロント側のフレームワークも利用しつつ、サクッと画面を作るイメージです。

Webデザイナーは、画面レイアウトを決める

Webデザイナーは、画面レイアウトを決めます。

みたいなことを決めたりします。フロントエンドエンジニアが、決められた画面を作るのに対して、「どんな画面にするのか？」をこちらから提案するのがお仕事。

みたいに、実際のお金の話(=見積もり)もすることが多いので、がっつりと決定権があります。

とりあえずWebデザイナーを目指す

と言われれば、Webデザイナーです。

いきなり「ボタンの色は、サイトの全体となじむ赤色にして、・・・」みたいなことを決めるのは、さすがにやらせてはもらえないので。

テックアカデミーやCodecampでHtmlやJavaScriptで基礎を身に付けつつ、だんだん裁量の大きい仕事をやっていくイメージです。

フロントとWebデザイナーの違いは意識せずに、できる仕事を増やす

その通りです。入り口はフロントエンドエンジニアで、Webデザイナーは、決定権のあるお偉いさん。

ただ、少しだけ言っておくと、

みたいに、あまり両者のちがいにこだわりすぎないでほしいです。

できる仕事を増やす意識で

フロントとWebデザイナーの違いにこだわるよりも、できる仕事を増やすということは意識してください。

まぁ、現場目線のお話になるので、ちょいとわかりづらいかもですが。

実際にお仕事を始めたら「○○さん、明日からWebデザイナーになろう！」って言われたりはしないわけで。

仕事の流れで自然に

みたいに、「Webデザイナー的なことをやれと」言われたりします 笑。

フロントとWebデザイナーに明確な区別はないので、自分から手を上げる

仕事の流れによるところもあって、フロントとWebデザイナーに明確な区別はないのがポイント。

「フロントエンドエンジニアだから、Htmlで画面の骨組みを作って、CSSで色付けたり、JavaScriptでボタンを押したときの処理を書いて・・・ができたらいいや！」と考えるのではなく。

みたいに、自分から手を挙げて仕事を取りに行くイメージをもって。

みたいに、周りから認められて自然に、世間で言われる「いわゆる」Webデザイナーを目指してください。

フロント側とWebデザイナーの両方ができれば、年収は高くなる

と思うかもしれないですが、それはきちんとお給料に跳ね返ってきます。

フロント側とWebデザイナーの両方ができれば、年収は高くなります。

「フロントエンドエンジニアの年収は低い？単純なコーダーなら低いが結論」でも書いていますが、「HtmlとJavaScriptしか書けません！」だと相当厳しいです。

反対に言えば、

みたいなことが、提案できる仕事をする立場(つまりは、Webデザイナー)になれれば、年収は高いです。

まずは、テックアカデミーやCodecampで、Htmlの基礎を勉強。

学んだ後は、積極的に「ハイ」と手を挙げて、仕事を取りに行く姿勢を見せられれれば、おのずとWebデザイナーに近づきます。