ログログ

雑学エンジニアが学んだことの記録

プログラミング

フロントエンジニアとバックエンドエンジニアのどちらになるべきか?

投稿日:

対象読者

・これからWebエンジニアを目指す人
・フロントエンジニアとバックエンドエンジニアの違いを知らない人

 

フロントエンジニアかバックエンドエンジニアか?

・役割から考える

フロントエンジニア・・・主に画面側。動きのある画面作りやデザイン周りを担当。
バックエンドエンジニア・・・主に裏側。サービスの仕組みを作り上げる。

 

・やりたいことで考える

ユーザに体験を提供したい、使い勝手の良いUIを作りたいという方はフロントエンジニアが向いてます。

サービスの仕組みを自分で作り上げたい、DBやサーバ運用についても関わっていきたいという方はバックエンドエンジニアがいいでしょう。

 

・性格や得意なことで考える

フロント周りは視覚的な要素を考慮することが多いので、クリエイティブさを発揮したい人が向いていると言えます。

バックエンド側は主に仕組みづくりなので、論理的に物事を考えることが得意な人が向いています。

 

各々の今後のスキル目標

フロントエンジニアの方は、Vue.jsやReact.jsといったJavaScriptのフレームワークの習得が必要です。
まだそこまでいってないと方は、JavaScriptから学び始めてください。

バックエンドエンジニアにおいては、APIの設計・実装スキルが必要になってきます。
これは実際にエージェントの担当者に聞いた話です。
これからはサービスToサービス(サービス同士がつながる)が当たり前なので、APIの実装スキルは必要になってくるということでした。

 

どっちもやりたい場合

両方できることに越したことは無いですが、どちらか一方に強い方が自分の強みを出せますので、どちらかに絞った方がいいです。

フリーランスで仕事をする場合、フロントとバックエンドはしっかり分業されていることがほとんどです。

なので、中途半端に両方できるよりは、どちらか一方だけに特化している方が強味になります。

もしそれでも目指すのであれば、以下のようなスキルセットの比率であれば無理がないと思います。
・フロントに強いバックエンドエンジニア(フロント3:バックエンド7)
・バックエンドに強いフロントエンジニア(フロント7:バックエンド3)

そしてベンチャーで仕事をすることをお勧めします。
ベンチャーの場合は、人がいないという理由で両方をこなさなければならないことがある
からです。

 

どれくらい稼げるか?

・フロントエンジニアでも50万以上は稼げる

バックエンドエンジニアの方が稼げるイメージがありますが、フロントエンジニアも稼げます。
実際、私の知人も未経験から1年半の実務経験を経てフリーランスへと転身し、月単価50万円で契約しています。

 

まとめ

・フロントエンジニアは画面側、バックエンドエンジニアは裏の仕組み側を作る。
・クリエイティブな人はフロントエンジニア、論理的思考な人はバックエンドエンジニアが向いている。
・フロントエンジニアは、Vue.jsやReact.jsといったJavaScriptのフレームワークを身に着けること。
・バックエンドエンジニアは、APIの設計/実装スキルが将来必要になってくる。
・両方を身に着けるより、どちらか一方に強くなった方が強味になる。
 それでも両方やりたいなら、ベンチャーへ行く。

-プログラミング
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

no image

画面にonclickを書かずにイベントを発生させる方法

画面にonclickを記述すると、JavaScript側で関数名が変更になった際の修正が面倒になる。 なのでonclickを記述せずにイベントを発生させるように記述することが望ましいと子ドレビューで指 …

no image

【MySQL】自テーブルのカラムの値を0埋めで更新する方法

構文

記載例

  UPDATE前後の値を比較 UPDATE …

PHPerがJavaを学ぶ5つのメリット

PHPerである私が会社でJavaの研修担当となり、私自身も大学生以来のJavaを勉強しなおして感じたことを書いていきたいと思います。 目次 対象読者1.オブジェクト指向がきちんとわかるようになる2. …

no image

【PHP】配列と連想配列と多次元配列の説明と使用例

目次 配列とは?定義例まとめ 配列とは? 1つの変数に複数の値を持つものです。 整数型や文字列型は1つの変数に1つの値を持ちますが、配列は同じようなデータの集まりを1つの変数に持つことができるようにな …

正規表現で複数の箇所を入れ替える方法

複数の特定の箇所を入れ替えるテクニックです。 目次 確認環境置換方法置換前データ正規表現置換結果解説 確認環境 Sakuraエディタ 置換方法 ここでは例として、:区切りの前後の文字列を入れ替えてみま …