未経験から「Webエンジニア」になる方法

Web系のエンジニアは、一般的には「フロントエンドエンジニア」と呼ばれています。

サーバーやインフラを担当するバックエンドのエンジニアに対して、Web系のエンジニアはユーザーに近い最前面を意味するフロントエンド（front-end）の開発に携わるからです。

具体的な仕事内容は、HTML/CSSとJavaScriptを用いてサイトを構築することです。さらに踏み込むとPHPやRubyなどのサーバーサイド言語を用いて、バックエンドとフロントとを繋ぐ領域の開発も担当している方もいます。

フロントエンド開発の進化は早く、つねに効率的で高速にサイトを構築する手法がアップデートされ続けています。最新の情報をキャッチアップしていく姿勢が必要です。

フロントエンドエンジニアは、現在のWeb業界では非常に重宝される人材です。
最近のWebサイトはアニメーションやインタラクティブな動きが多いため、その実装ができるフロントエンドエンジニアが必要とされているためです。しかし、基本的にはプログラミングが得意か好きじゃないとなれない職業なので、人材は不足していると言えます。

フロントエンドエンジニアになるには、まずは独学か求職者支援訓練などの学校でHTML/CSS、jQueryから学ぶ必要があります。

まずは独学かスクールでHTML/CSSを勉強

なにはともあれ、HTML/CSSとjQueryの習得からです。
学習方法は【独学】か【スクール】の２つです。

独学で挑戦する方はこちらの記事を読んでみてください。Webデザイナー用ですが、HTML/CSSなどを習得する上で役立つサービスとオススメの書籍も紹介しています。
独学でWebデザインを勉強するための完全ガイド

最初は独学でお試しで勉強してみるのが良いかもしれません。「うわー…無理だ、続けられない！」となったら、求職者支援訓練や職業訓練などの国の無料の学校があるので、受講を検討してみましょう。基本的には「Webデザイナー科」でOKです。フロントエンドエンジニアとはいえ、最低限のPhotoshopやIllustratorの使い方は現場で使うこともあるので覚えておいた方がいいです。
職業訓練・求職者支援訓練・一般のWebスクール…どれがベスト？

Webデザイナーを目指すならHTML/CSSとjQueryで学習を止めてもいいですが、フロントエンドエンジニア志望の場合は、最近のWeb制作の手法をもっと学ぶ必要があります。

Sass・BEM・Gitも覚える

HTML/CSSとjQueryの学習を終えたら、現在のサイト制作には必須のSassとBEMとGitも学ぶ必要があります。

SassはCSSを効率的に書く仕組みと方法です。Gitはソースコードをバージョンを付けて管理する仕組みです。この２つについては、こちらを参考にしてください。
Sass – CSSを効率的に書くためメタ言語
Git – コードのバージョンを管理する仕組み

BEMは、Block、Element、Modifierの頭文字をとったものです。HTMLの要素をこの３つに分けてclass名を命名することで、パーツ化（コンポーネント化と言います）して、各Blockの再利用をラクにし、改修しやすいHTML/CSS構造を実現します。Sassと相性が良いため、Sass＆BEMの組み合わせは現場でもかなり浸透し始めています。

SassとBEMを同時に勉強するにはこの本『現場のプロが本気で教える HTML/CSSデザイン講義』が最高にオススメです。ヤフーのフロントエンドエンジニアの方が執筆した本です。カフェサイトを作りながら、BEMによるclass名の命名ルールを学べます。BEMの真髄を知れます。
なんか中古で200円くらいになってますね笑。ホントに超オススメです。買ったほうがいいです。

その他にもHTMLをラクに書ける記法のPugや、SPA（シングルページアプリケーション）開発用のフレームワークであるVue.jsやFacebookが開発したReact.jsといったものも現在のフロントエンドのトレンドです。余裕があれば概要だけでも知っておいてください。

スキルアップできるWeb制作会社に入ろう

フロントエンドエンジニアを目指すなら、Web制作会社への就職がオススメです。Web専門の企業である制作会社は、最新のトレンドや開発手法を導入しているため、スキルアップには最高の環境です。

未経験の状態から、いきなりフロントエンドエンジニアとして入社するのは難しいかもしれません。まずはHTML/CSSができる「コーダー」として入社し、社内でフロントエンドエンジニアにステップアップしていくのが堅実的です。

未経験OKの求人を大量に持つ『ワークポート』に登録して、可能な限り選べる会社の選択肢を増やしましょう。遅くまで残業させるブラックな企業も存在するからです。
僕の友人もワークポートの紹介で現在フロントエンドエンジニアとして楽しく働いています。

制作会社を選ぶ基準はこちらの記事を参考にしてみてください。
未経験の方にとって理想のWeb制作会社とは？

年齢やスキルのせいで、制作会社が紹介されなかったら、事業会社（一般の会社）も検討しましょう。
制作会社に比べると、事業会社は職場によっては古い技術を使っておりスキルアップしづらい環境が多いです。そのため、勉強会が開催されていたり、先輩エンジニアが教えてくれる教育体制が充実した環境なのかどうかを、エージェントや面接時に現場の方に聞いて確認しておいた方がいいです。

エージェントから良い求人が紹介されなかったら、『Green』と『Findjob』の２つの転職サイトで自分で探してみましょう。ともにWebに特化した転職サイトで、未経験可の求人が見つかります。