WEBエンジニアになるための学習ロードマップ

Progateやdotinstall・Udemy等で、プログラミングの勉強をするという話をよく聞きます。

しかし、最短でWEBエンジニアになりたいという場合は、先に基礎を固めてからのいざコーディングに入ったほうが、吸収力が高くなると私は考えています。

前提

本記事をおすすめな方

・既に実務を行っている駆け出しエンジニア
・本気でWEBエンジニアになりたいと思っている方

逆に、エンジニアやプログラミングというものがどういうものかわかっていない、自分に向いているのかどうかもわからないという人は、先に無料部分だけでいいので、Progateで少しプログラムを動かしてみるとよいと思います。

本記事をお勧めできない方

・エンジニアやプログラミングというものがどういうものかわかっていない
・自分に向いているのかどうかわからない

技術水準

そして、次によくみる質問が、
具体的にどのくらいまでのレベルまで学べばよいか？
という質問です。

答えとしては、最低条件が以下２点

・デザイン通りに構築できる。
・レスポンシブ対応ができている。

そのうえで、「保守性」や「拡張性」のことを考えた実装をできるようになるとなおよしとなります。

学習ロードマップ

１．Progateでプログラムに慣れる
２．簡単なプログラムを作る
３．コンピューター基礎を勉強する

上記のような、ロードマップもありますが、本記事では以下のように
先に基礎を勉強して、それからプログラムを作っていく方法を推奨します。

１．コンピューター基礎
２．データベース
３．プログラミング基礎
４．githubを用いてのソース管理方法
５．dockerで開発環境構築
６．中級者向け教材を使用し、一部をアレンジして成果物を作成。
7．AWSにデプロイ

この方法を推奨するのは、私自身がテックキャンプ卒の方をメンタリングしたがあるのですが、多くの方が、データベースやテーブルについての理解がなく、それが原因で詰まっていたからです。

１．コンピューター基礎

LPIC初級本を用いて、ファイルやフォルダやパーミッション等の学習

1週間でLPICの基礎が学べる本 第3版 (1週間シリーズ)

マークアップ言語やWebの基礎を学習

Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)

定番の一冊。一読することをおすすめします。

マスタリングTCP/IP―入門編―(第6版)

２．データベース

SQL入門書を用いて学習

スッキリわかるSQL入門 第2版 ドリル222問付き! (スッキリシリーズ)

定番の一冊。実務でも使えます。

[改訂第4版]SQLポケットリファレンス

理論からしっかり押さえたい人は一読の価値あり

理論から学ぶデータベース実践入門 ―― リレーショナルモデルによる効率的なSQL WEB+DB PRESS plus

Web開発では、Mysqlの使用率が非常に高く、Mysqlは必須スキル

基礎からのMySQL 改訂版 基礎からシリーズ

３．プログラミング基礎

基礎を知っておくと、他の言語への応用が可能になります。

プログラムはなぜ動くのか　第２版　知っておきたいプログラムの基礎知識

「なぜ」シリーズからもう一冊。

オブジェクト指向でなぜつくるのか 第3版 知っておきたいOOP、設計、アジャイル開発の基礎知識

定番の一冊。聞いたことがない人がいないくらい有名な本です。

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

可読性についての良書。

Clean Code アジャイルソフトウェア達人の技

よいテストができないとよいプログラマーにはなれません。
テストについての知識も重要です。

テスト駆動開発

最初に取り組む言語は、「バックエンド」か「フロントエンド」のどちらかになると思います。

また、「バックエンド」と「フロントエンド」いう中にも、様々な言語がありますので、その中から一つを選んでとなります。

代表的なものとして、「Ruby」・「PHP」・「Vue」・「Nuxt」を紹介します。

バックエンド

・Ruby

プロを目指す人のためのRuby入門 言語仕様からテスト駆動開発・デバッグ技法まで (Software Design plusシリーズ)

・PHP

詳細! PHP 8 + MySQL入門ノート XAMPP + MAMP 対応

PHPのフレームワークと言えば、今はLaravel一択になるかと思います。

PHPフレームワーク Laravel入門 第2版

フロントエンド

Vue

基礎から学ぶ Vue.js

Nuxt

Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発

４．githubを用いてのソース管理方法

コマンドラインで、コマンドを打って学習する

GitHub実践入門 ~Pull Requestによる開発の変革 (WEB+DB PRESS plus)

５．dockerで開発環境構築

いろいろなコンテナを作成しながら学習する

初学者向け

仕組みと使い方がわかる Docker＆Kubernetesのきほんのきほん (Compass Booksシリーズ)

Linuxがわかっている中上級者向け

Docker実践ガイド 第2版 impress top gearシリーズ

６．中級者向け教材を使用し、一部をアレンジして成果物を作成。

下記のような教材を、これをアレンジして動かしてみる。

【電子版】LaravelとNuxtではじめるSNSシェアアプリ開発 - project-aiiro - BOOTH

アレンジ例：

api(Larabel)サーバ　web（NUXT）サーバ、dbサーバも全てコンテナにする。

情報収集

connpass について

言語や職種別勉強会　またカジュアル会社説明会等がありますので、
IT業界の生の情報を取るには有益かと思います。

PHPerのための「PHPUnit について語り合う」PHP TechCafe

PHPerのための「PHPUnit について語り合う」PHP TechCafe (2021/06/25 19:00〜)

【ラクス】 カジュアル会社説明会

【ラクス】 カジュアル会社説明会 (2021/06/24 19:00〜)