未経験からフロントエンドエンジニアになって月50万円稼ぐためのロードマップ
こんにちは。masakiです。
今回は、未経験からフロントエンドエンジニアになって月50万円稼ぐ方法について解説していきます。
ここで僕の自己紹介を軽くしておくと、
- 大学時代は化学系
- 新卒でIT企業に入社し、プログラミングの基礎を学ぶ
- 機械学習の分野に2,3年ほど携わる
- プログラミングスクールを起業→廃業
- webアプリに興味が湧いたのでフロントエンドエンジニアに転身（月収50~60万円あたり）
といった感じです。現在の僕はエンジニア歴でいうと8年ほどですが、ずっとフロントエンドの勉強をしてきたわけではなく、むしろかなり遠回りしてきたことがわかると思います。こんな経験をせずとも、「最初からフロントエンドだけに絞っていれば最短でフロントエンドエンジニアになってある程度稼げたな」と思ったので、今回はそのノウハウについて解説していきます。
未経験からフロントエンドエンジニアになって月50万円稼ぐためのロードマップ
結論から言うと、以下の順序で勉強していけば良いと思います。
- HTMLとCSS
- webの基礎
- JavaScript
- TypeScript
- Vue.js（もしくはReact.js）
- Git
最短でフロントエンドエンジニアになるために重要な点としては、初心者のうちはまずは上記だけに絞ることです。
プログラミングを勉強し始めると、「あれもこれもやらなければ」などと考え始めてしまい、選択と集中ができなくなることが多いです。
資格の勉強とかも会社によってはやれと言われるかもしれないですが、ハッキリ言ってコスパが悪いです。
資格の勉強をしている暇があったら、プログラムを書くための基礎を学んだ方が良いと思います。
前置きが長くなりましたが、以降ではそれぞれの具体的な勉強法について解説していきます。
HTMLとCSS
フロントエンドエンジニアになるなら、HTMLとCSSは一番最初に勉強するべきです。勉強の仕方としては、以下の書籍がオススメです。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
webの基礎
言語だけでなく、webアプリの仕組みそのものをきちんと理解しておくことも重要です。
例えば、webアプリを作る上で以下のような内容は必ず必要になってきます。
- クライアントとサーバー
- リクエストとレスポンス
- SSL
- HTTPメソッド
- API
など。
上記のような内容を学ぶためには、以下の書籍が参考になるでしょう。
Webを支える技術 -HTTP、URI、HTML、そしてREST
Web API: The Good Parts
JavaScript
JavaScriptについては、以下の書籍がオススメです。
JavaScriptの基本的な文法はもちろんのこと、非同期処理についても確実に抑えるようにしてください。
JavaScriptではAPIを使った通信が当然のように出てきます。この辺りは最初は難しいと思うので、時間をかけて勉強するようにしましょう。
TypeScript
TypeScriptは最近ではほぼマストになってきています。
TypeScriptであれば以下の書籍がわかりやすいと思います。
プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで
React
フロントエンドのフレームワークにはReactやVueなどがありますが、今からやるのであればVueよりもReactがオススメです。
モダンJavaScriptの基本から始める React実践の教科書
ちなみに僕は今までVueの案件に関わってきた都合上、Vueの方が得意です。
Git
チーム開発をするにあたってGitの操作は欠かせません。Gitでの操作は慣れるまで難しいので、焦らずコツコツ勉強することが重要です。Gitについては、以下の書籍がわかりやすいです。
最後に
今回は、未経験からフロントエンドエンジニアになって月50万円稼ぐ方法というテーマで記事を書きました。
ぶっちゃけ、TwitterやYouTubeなどで騒がれているほど、エンジニアというのは甘い道のりではありません。
プログラミングというのは特に最初の頃は本当に難しく、僕自身も何度も挫折しています。特に人と比べるとそうなってしまいがちです。
「昨日の自分よりもちょっとだけ成長した」という体験を毎日コツコツと積み上げることが重要です。そうすれば、フロントエンドエンジニアとして活躍でき、リモートワークで月50万円くらい稼げる時が来ると思います。是非頑張ってみてください。
Xについて
僕のXアカウントでは、主にweb開発、AI、会社経営のノウハウについて発信しています。もし興味があれば、フォローしていただけると嬉しいです。
プログラミング学習サポート&キャリア相談について
プログラミング学習サポート&キャリア相談も始めました。興味のある方はこちらから詳細をご覧ください。
Discussion