【2019年版】現役Webエンジニアおすすめのフロントエンド『技術書』

独学でフロントエンドの勉強をしたいな
スキルのある人が薦める本が知りたいな
どういった基準で選んだら良いのかな

こういった新人Webエンジニアや未経験・初心者に向けた記事です。

本記事のテーマ

現役フロントエンドエンジニアがオススメする技術書《2019年版》

現役フロントエンドエンジニアのみなさんに、今年（2019年）購入した書籍で「役に立った」「いい本だった」と思えた本をアンケート形式で回答いただきました。

スキルアップに悩んでいる新人エンジニアやIT転職したいと思っている未経験の社会人。そして、将来IT・Web企業への就職を考えている学生さんの参考となり、『自分の目的に合った技術書探し』の一助になれば幸いです。

尚、“独学だと仕事優先で勉強が続かない・・”という方は、いつでもメンターに質問できて転職のアドバイスや紹介もしてくれる、プログラミングスクールの受講も検討してみましょう。

未経験・社会人、学生におすすめなプログラミングスクールを比較するなら、下記の記事を参考にしてください。

おすすめプログラミングスクール比較11選！社会人・未経験の転職・就職にも有利！

転職が保証されているスクールや無料で学習できるプログラミングスクールを探すなら、下記の記事がおすすめです。

【無料あり】転職支援・保証型プログラミングスクール比較11選！社会人・学生さんの転職・就職に強い！

また、Webエンジニアのスキルについてより広い範囲の事を知りたいは、「新人Webエンジニアがまず身につけなければいけない姿勢やスキルとは？」を参考にしてください。

［PR］：転職成功率97.8%！【完全無料】で未経験からエンジニアを目指すなら

異業種・未経験からITエンジニアに。GEEK JOB スピード転職コース（無料）

GEEK JOB（ギークジョブ）の評判・口コミを読む

それでは、現役Webエンジニアおすすめの技術書まとめ【2019年版】を見ていきましょう。

1 新人Webエンジニアは注目！フロントエンドの先輩が薦める本とは？
2 他のエンジニアって日々どういったサイトをチェックしてるの？
3 プログラミング未経験の方はスクールもおすすめ
4 20代・未経験の転職に強い転職サービス・サイト

新人Webエンジニアは注目！フロントエンドの先輩が薦める本とは？

《質問内容》
Q1. あなたの性別を教えてください
Q2. あなたの年齢を教えてください
Q3. 就業中の会社の業種は？（フリーランスの方は、フリーランスとお答えください）
Q4. エンジニア歴は何年ですか？
Q5. 本のタイトルと、「その技術書の良いところ」や「チェックするポイント」などを教えてください

女性/33歳/金融系システム会社/10年

ハッキング・ラボのつくりかた仮想環境におけるハッカー体験学習

“自分で仮想環境を構築して攻撃実験をすることで、セキュリティの理解を深めることができる。会社で利用している環境ではこのような実験は難しいため、貴重な体験となっている“

ハッキング・ラボのつくりかた仮想環境におけるハッカー体験学習

女性/35歳/ITコンサル/13年

データサイエンス入門 (データサイエンス大系)

“実際のビジネス例を基にデータ分析の流れが記載されている。さらに、サンプルデータとRを用いたコーディングも可能なため技術を勉学しつつ、ビジネスの流れを知る上でも良い。
一方で、事例がオンラインゲームのため、それ以外のビジネスでの進め方や分析を知りたい方には不向きかもしれません。“

データサイエンス入門 (データサイエンス大系)

はじめてのパターン認識

“データ分析の初学者でも機械学習に使われるアルゴリズムやその仕組みが一通り把握できる。
一方で、数式が苦手という方には少しとっつきにくいかもしれません。“

はじめてのパターン認識

ビッグデータ分析・活用のためのSQLレシピ

“データ分析に必要なSQLのコーディングをサンプルデータとともに一通り学べる。
一方で大規模なデータ分析のためのコーディングテクニックは含まれていないので、実務での利用には少し心許ないのは否めません。“

ビッグデータ分析・活用のためのSQLレシピ

男性/41歳/フリーランス/2年

Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

“CSSって実は難しいんだ、どうしようと悩んだらまず読んでもらいたい一冊です。導入にCSSの基本概念、そこからメジャーなCSS設計手法「OOCSS」から始まり、「BEM」「FLOCSS」の特徴の紹介、実践という流れで解説されています。どのように書いたら良いか、メニューやボタンなどを作成する時の場合のコードも書かれていますので、とても分かりやすいです。Sassの使い方やより良いCSSを書くためのツールも紹介されています。発売日が少し古い(2014年)ですが、今でも十分通用する内容です。“

Web制作者のためのCSS設計の教科書モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

JavaScript コードレシピ集

“S2015以降の新しい書き方にも対応しているJavaScriptの逆引き辞典。内容ボリュームがあって、JavaScript(HTML・CSS)で出来る事はほとんど網羅していると思います。逆引き辞典の形式なので、したい事（要素を動かしたい等)から、書かれているページのコードを参照する使い方が主かと思いますが、頭から読み始めるとJavaScriptの解説書としても優れていると思います。“

JavaScript コードレシピ集

CSSグリッドレイアウトデザインブック

“CSSの新しいレイアウト手法「grid」を使い、実際にサイトを作る解説書です。まだ、IE11にサイト表示を対応させる必要が少なからずあるので、フレキシブルボックスを使う必要性の方が高いと思います。ただ、これから先は間違いなく、広くgridが使われると思います。実際に様々なレイアウトのサイトをこの書籍で学べます。gridが早く全部のブラウザで完全に使えるようにならないかなと思わせるぐらい、gridの良さが分かりやすく書かれています。“

CSSグリッドレイアウトデザインブック

男性/50歳/通信キャリア/15年

Pythonチュートリアル第3版

“関数の引数のオプションによる動作の違いを細かく解説しており、初学者でも理解し易い。また、サンプルコードが短く、ページ数もオライリーにしては薄く、取っつきやすい。最後に本書はpython認定基礎試験の公式テキストとなっており、本書に記載のコードを覚えることで同試験の合格が可能である。“

Effective Python ―Pythonプログラムを改良する59項目

基礎Python 基礎シリーズ

“章末に練習問題がついていて、理解度のチェックに有効クラスの概念についてページを割いており、プログラム初学者には多言語でも有効な知識となる。“

基礎Python 基礎シリーズ

女性/37歳/フリーランス/7年

世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書

“WEBデザインの一連の流れ、XDで大まかに作り、クライアントと調整、その後イラレやフォトショで細部を作っていくという流れがわかりとても参考になりました。参考ファイルもあり手を動かしながら勉強することができます。“

世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書

UIデザインみんなで考え、カイゼンする。

“見た目だけでなく、使い勝手の改善についてとことん詳しく記載してあります。クライアントと開発サイドの間にたち、ディレクションしていくノウハウが参考になりました。インタビューやユーザーテスト等、具体的な方法も載っています。“

UIデザインみんなで考え、カイゼンする。

女性/31歳/フリーランス/3年

スラスラ読める JavaScriptふりがなプログラミング

“ふりがなプログラミングというだけあって、初心者にも分かりやすいように解説してくれています。これを読んだからと言ってJavaScriptがスラスラ書けるようにはならないとは思いますが、JavaScriptってそもそも何？て人には読んで欲しいです。他の参考書で分からなかったことも、この本ではとても丁寧に解説してあるので理解できました。ただ、本当に丁寧に解説してあるので、ちょっと理解しているよ、という人には向いていないかもしれません。“

スラスラ読める JavaScriptふりがなプログラミング

書きながら覚えるHTML＆CSS入門ワークブック

“HTML、CSSのことは大体分かっていて、コードを書く練習をしたい時にこちらを読むといいと思います。入門ワークブック、となっていますが、解説が足りなくて知識でカバーしなければいけないところも多いので、全くの初学者には向いていないかと思います。使用するコードは色分けされていますので、見易くレイアウトされています。“

書きながら覚えるHTML＆CSS入門ワークブック