この投稿では、新人がどうやって競争力のあるフロントエンドエンジニアになるかを解説します。一定レベルのコード品質を持ち、フロントエンドフレームワークに精通し、就職市場で人気のあるエンジニアになるための方法を紹介します。

需要の高いスキル

Frontend Roadmap をチェックして、フロントエンドエンジニアになるために必要な技術を学びましょう。

また、求人サイトでフロントエンドの求人情報を検索することもお勧めします。繰り返し出てくるスキルがフロントエンドエンジニアのポジションに必要な技術です。多くの場合、これには HTML、CSS、JavaScript、Ajax、React（または他のフレームワーク）、Bootstrap や jQuery などのツールが含まれます。

基本スキルの初期理解

まず、これらのスキルの目的を理解しようとしてください。用語を消化するのが難しい場合は、YouTube や Udemy Free Learning Center で関連コースを確認できます。最も良いレビューと評価を持つコースや講師を探して、自分の学習スタイルに合ったものを選びましょう。

学習を開始する

「MDN で HTML/CSS/JavaScript を自分で学びましょう！」というアドバイスを耳にするかもしれません。確かに自習用の豊富なリソースがありますが、初心者が MDN のドキュメントに飛び込むのは圧倒されるかもしれません。

オンラインコースで講師に従うことをお勧めします。コースを受講する利点は、一緒に学びながら練習できることです。この実践経験は達成感を築くのに役立ちます。自分が作成したものを見ることで、さらに多くのアイデアが湧いてきます。

The Complete Web Developer in 2021: Zero to Mastery は、フロントエンドの基礎を学ぶための最も推奨されるコースの1つです。完全な初心者向けに設計されており、スムーズな学習曲線があります。このコースを修了した多くの学生は、HTML、CSS、JavaScript の基本をしっかりと理解しています。

HTML、CSS、JavaScript の理解が深まったら、JavaScript をさらに深く学びましょう。JavaScript: Understanding the Weird Parts は、JavaScript を深く理解したい人に非常にお勧めです。オブジェクトプロトタイプやクロージャなどの高度なトピックや、一般的な JavaScript のエラーとそれを回避する方法をカバーしています。このコースは、JavaScript の機能と基礎概念をしっかりと理解するのに役立ちます。

基礎をしっかり築いた後は、フロントエンドフレームワークの学習を始めましょう。どこから始めるか迷っている場合は、React/Redux をお勧めします。Stephen Grider は最も評価の高い講師の1人で、彼のコース Modern React with Redux は非常に人気があります。このコースは、React と Redux を迅速に理解し、学んだ知識を使って小さなプロジェクトを実装するか、自分の作品をデザインするのに役立ちます。

Vue を好む場合は、Stephen Grider の Vue JS Essentials with Vuex and Vue Router を選ぶことができます。

これらのコースを修了した後は、学んだスキルを使って新しいプロジェクトを構築することを考えてみてください。最初からやり直し、コースで提供されるサンプルコードに頼りすぎないようにしましょう。CSS の知識が強化が必要だと感じるかもしれません。CSS スキルを強化するために Advanced CSS and Sass: Flexbox, Grid, Animations and More! を受講し、プロジェクトでより高度な技術を適用してみてください。

面接の準備

ここまで来れば、市場で競争力のある初級フロントエンドエンジニアになっています。履歴書を書き、ポートフォリオを整理し、転職の準備を始めましょう！

同時に、前端 Frontend 路線図を再確認し、自分の現状を理解しましょう。何ができて、何が不足しているのか、今後学ぶべき技術は何かを理解することは、継続的な学習や面接の準備に非常に役立ちます。

結語

この記事で述べた三か月の転職プロセスは決して誇張ではありません。十分な意志と決意があり、適切な学習資料を組み合わせれば、この壁を打ち破るチャンスは十分にあります。ただし、ソフトウェアエンジニアになるためには、長期的な継続学習の覚悟が必要です。特にフロントエンド開発の技術は急速に変化するため、継続的な成長がなければ淘汰されてしまいます。

この記事では、フロントエンドエンジニアのロードマップ（RoadMap）と広く推薦されているコースを紹介しました。インターネット上には同様のリソースが多くありますので、複数のリソースを比較し、自分に合ったコースを選んでください。もし、さらにおすすめのリソースや転職の心得があれば、お知らせください。適宜、内容を更新していきます。