Header
2020-06-03
2020-09-09

Webデザイナーがきついならフロントエンドエンジニアへの転職がお勧め

2020 06 03 designer

今回はWebデザイナーの仕事が辛くて、辞めたい方の 転職先としてフロントエンドエンジニアがお勧めなので記載します。

執筆者プロフィール

法人営業8年→人脈なし・非大卒・未経験からエンジニア(約2年半)→個人事業主のエンジニア(約10ヶ月)→法人化した人

スキルは掛け算をすると市場価値が上がる

保持しているスキルは掛け算をすると希少人材となり、市場価値が上がります

私は、経歴の通り営業歴が8年✖️エンジニア歴4年目

ですがスキルを掛け算する事によって各種転職サイトから 1000万オーバーの指名を貰っています。

またこの力があるからこそ、独立してもwithコロナでも食べていけています。

スキルを掛け算するポイントですが、 過去のスキルで一流の成果を上げていなくても問題ないです

つまり今回ですと、Webデザイナーで多大な成果を出していなくても問題ないという事です。

もちろんフロントエンドエンジニアとしては、3年程度勤務しないといけませんし

フロントエンジニアという、未経験職種のため一旦は給料は下がるかもしれません

しかし3年フロントエンドエンジニアを経験した後は 貴方の市場価値は急上昇します

なぜWebデザイナーにフロントエンドエンジニアを勧めるのか

そもそもデザインをできてコーディングできる人間が少ないからです。

昨今、スマホの高性能化とインターネットの回線スピードの増大によりWebページで様々な動作やデザインを実現できるようになりました

また、サーバーなどのインフラがクラウド化しインフラの管理コストと費用も低下してきた為

BtoBやBtoC問わず自社サービスを運営する会社が増加してきており、よりWebサービスのデザインやUXが重要視されてきています。

実際、BtoBで言うとSmartHRやマネフォ、freeなどはデザインとUXを大事にしており、正社員のデザイナーを社内で抱えています。

サイトデザインができるフロントエンドエンジニアというのはまだまだ少なく、自分でデザインしてコーディングできるというのは企業側から見てもサービスリリースの速度が上がるので、かなりの需要があります

まだWebデザイナーとして前述したSmartHRやマネフォのような会社に転職したいという方は以下のような転職エージェントに相談してみてください

こう言った職種に転職するにはワークポート

レバテックキャリアに相談してみてください。

ワークポート workport

ワークポートに相談する

レバテックキャリア

levtech

レバテックキャリアに相談する

フロントエンジニアのスキルとは

ただコーディングするだけでなく、JavaScriptとJavaScriptのフレームワークの知識が必要です

具体的に言うと

1:HTML CSS

2:JavaScriptの知識

3:jQueryの知識

4:JavaScriptのフレームワークの知識(Angular/React/Vueなど)

5:pug npm Sassの知識

の知識です。

簡単に記載していますが、転職できるレベルになるには

500〜1000時間程度必要です。

フロントエンジニアへの転職を見据えたアウトプット

1:自分でデザインしたポートフォリオ

2:そのポートフォリオをコーディングする (前述した1〜5をのスキルを利用)

3:JavaScriptでパイザ Bランクを取得

これを行っていれば、フロントエンドエンジニアへの転職は問題ないでしょう。

繰り返しですが、転職できるレベルになるには

500〜1000時間程度必要です。

フロントエンジニアの勉強方法

HTMLやCSSの勉強方法

こちらは軽くで問題ありません。

目安としては、

1:要素を横並びにする方法(FlexBox)とCSSの色付け

2:Bootstrapを利用したグリッドシステムの理解

3:Bootstrapを利用したレスポンシブルデザインの理解

のみで問題ないです。

学習方法は無料のサイトや書籍

自分でデザインしたサイトを自分でコーディングしてみる

簡単なPCとスマホのサイトを3種類ほど模写する

などで問題ないです。

エンジニアは全てのCSSを覚えているわけではありません。

やりたいことをググって、当てはまる処理を探します。 その為ここでは、HTML CSSを操作して何となく覚えるレベルで問題ないです



関連記事

htmlの要素をFlexBoxで簡単に横並びにする|サンプル付き

JavaScriptの勉強方法

こちらも書籍やpaiza(パイザ) で学習すれば問題ないです。

注意点としてこの段階で、JavaScriptでpaiza(パイザ) のCランクを取得することをお勧めします。

paizaのスキルチェックの難易度|各ランクの特徴・ランクアップのコツを現役エンジニアが解説

paiza(パイザ) のCランクでは、

要件を落とし込んでJavaScriptの変数や

If文処理、四則演算に変換する力が問われます。

Cランクまで取得するとプログラミングの入り口となり

対外的なフロントエンジニア転職のアピールポイントになります。

※もちろんBまで取得する方が確実

なぜこの力が必要かと言うと フロントエンドでJavaScriptを利用する場合は、

・ページの相対位置から演算してアニメーションを実現する

・アニメーションの動作制御

など動作に関わる部分で演算処理が必要になります。

もちろんjQueryやフリーのライブラリなどはあるので簡単に実装できますが、JavaScriptはこう言ったライブラリの基礎になる為 、学んでおかないと業務でバグが発生した時の対応や処理のカスタマイズが行えなくなります。

おそらくこのJavaScriptではプログラミングっぽくなるので、勉強を脱落する方が多くなります。

しかし、諦めずに勉強してください。

このJavaScriptを利用した、プログラミングが出来ないとただのhtmlコーダー となりキャリアが詰みます。

jQueryの知識

jQueryはJavaScriptを簡単に描けるようになる、ライブラリのようなものです。

開発現場では多用されています。

JavaScriptと書き方は似通っていますが、JavaScriptが基礎になりますので、JavaScriptは先に勉強した方がいいです。

こちらはJavaScriptの基礎ができていれば、書籍の処理をざっとコピペして動作させる程度で問題ないです。

ただ、前述のJavaScriptを勉強を先にする必要があります ご注意ください

JavaScriptのフレームワークの知識(Angular/React/Vueなど)

最近のフロントエンド開発では、標準でJavaScriptのフレームワークを利用します。その為こちらの知識が必要です。

学習としてはAngular/React/Vueのどれかを、フレームワークの公式サイトや書籍を用いて、

簡単なメモ帳アプリや書籍にあるサンプルアプリケーションを作成します。

まずは、自分のポートフォリオではなく、こう言ったサンプルアプリケーションを自分で作ってみてください。 なお、全て理解する必要はありません。まずはどう言ったものかを操作してください





JavaScriptのフレームワークのフレームワークの勉強が終了したら

1:自分でデザインしたモックを作成

2:paiza(パイザ )のBランク取得

3:javascriptやフレームワークを含めたポートフォリオのコーディング

を行ってください

上記は指標として出しますが、勉強が続かない場合などは、 どこまで勉強すればフロントエンドエンジニアが可能か、 レバテックキャリアワークポートに相談してみてください。

相談時点の市場価値を判断してくれ、転職可能かの指標を明確にできます

pug npm Sassの知識

pug npm Sassは開発を効率化してくれるフレームワークや外部アプリです。

pugはHTMLの閉じタグを必要なく開発できるフレームワークで、

SassはCSSのフレームワークで、CSSで変数処理や繰り返し処理を行えるようになります。

npmはパッケージ管理システムで、npmを通していろいろなライブラリを利用できるようになります。

こちらは必須ではありませんので、余力があればで問題ないかと思います。

前述の

JavaScriptのフレームワークのフレームワークの勉強が終了したら 

に記載している転職を目的とした勉強を行ってください

インフルエンサーや自称海外ノマドが言うフロントエンドエンジニア

インフルエンサーや自称ノマドワーカーなどが記載しているロードマップには

・ワードプレスの知識

・HTML CSSの知識

があればフロントエンジニアとして活動でき、フリーランスでもキラキラリモートできると言っていますが、そこまで甘くありません

ワードプレスはCMSなので、ワードプレスの案件は受託できますがフロントエンドのエンジニアとしての開発知識は得られません。

またワードプレス案件は競合も多く、低単価な案件が多いので 副業などで行っても痛い目をみます

彼らは貴方をオンラインサロンに勧誘して、養分にしたいだけです。残念ながらそこまで甘くありません。

以上になります。

異なる職種の掛け算は年数経過と共に、かなりプラスになるので現職がWebデザイナーの方は是非対応いただければと思います

関連記事

税理士が執筆|フリーランスは老後資金を考えて、毎月いくら稼ぐ必要があるか

未経験からフリーランスエンジニアは厳しい|現役エンジニアが解説

低単価で海外ノマドのフリーランスや旅するように仕事するのは危険

あなたにお勧めの記事
前の記事
次の記事