- 独学でフロントエンドの勉強をしたいな
- スキルのある人が薦める本が知りたいな
- どういった基準で選んだら良いのかな
このような未経験・初心者や新人エンジニアに向けた記事です。
本記事のテーマ
現役フロントエンドエンジニアのみなさんに、今年(2024年)購入した書籍で「役に立った」「いい本だった」と思えた本をアンケート形式で回答いただきました。
スキルアップに悩んでいる新人エンジニアやIT転職したいと思っている未経験の社会人。そして、将来IT・Web企業への就職を考えている学生さんの参考となり、『自分の目的に合った技術書探し』の一助になれば幸いです。
尚、“独学だと仕事優先で勉強が続かない・・”という方は、いつでもメンターに質問できて転職のアドバイスや紹介もしてくれる、プログラミングスクールの受講も検討してみましょう。
未経験・社会人、学生におすすめなプログラミングスクールを比較するなら、下記の記事を参考にしてください。
転職が保証されているスクールや無料で学習できるプログラミングスクールを探すなら、下記の記事がおすすめです。
また、Webエンジニアのスキルについてより広い範囲の事を知りたいは、「新人Webエンジニアがまず身につけなければいけない姿勢やスキルとは?」を参考にしてください。
それでは、現役Webエンジニアおすすめの技術書まとめ【2024年版】を見ていきましょう。
目次
- 1 新人Webエンジニアは注目!フロントエンドの先輩が薦める本とは?
- 1.1 女性/20代/小売業/2年
- 1.2 男性/30代/SIer/7年
- 1.3 女性/40代/フリーランス/15年
- 1.4 男性/30代/ソフトハウス/16年
- 1.5 男性/20代/フリーランス/3年
- 1.6 男性/20代/フリーランス/8年
- 1.7 男性/20代/情報サービス会社/7年
- 1.8 女性/20代/Webサービス事業/5年
- 1.9 女性/20代/自社サービス、請負業務/3年
- 1.10 男性/40代/SIer/20年
- 1.11 男性/20代/自社サービス会社(B2B, B2C両方)/4年
- 1.12 男性/20代/フリーランス/2年
- 1.13 男性/20代/製造業/6年
- 1.14 女性/20代/広告、クリエイティブエージェンシー/3年
- 1.15 女性/20代/システム系/3年
- 1.16 男性/50代/ITサービス/35年
- 1.17 男性/30代/自社サービス会社/9年
- 1.18 男性/30代/製造業/6年
- 1.19 男性/20代/システムエンジニア/6年
- 1.20 男性/30代/情報システムサービス/16年
- 1.21 男性/30代/フリーランス/1年
- 1.22 男性/20代/WEB制作会社/2年
- 1.23 男性/40代/SIer/20年
- 1.24 女性/30代/HP、DTP制作会社/3年
- 1.25 男性/20代/システム開発・保守会社/5年
- 1.26 男性/20代/Webシステム開発/3年
- 1.27 女性/20代/Web制作会社/1年
- 1.28 男性/30代/Web系の受託開発/9年
- 1.29 男性/20代/Webサービス会社/5年
- 1.30 男性/40代/システムインテグレータ/17年
- 1.31 女性/20代/フリーランスエンジニア/2年
- 1.32 男性/40代/SIer/20年
- 1.33 男性/20代/自社開発/4年
- 1.34 男性/40代/自社サービス会社/20年
- 1.35 女性/20代/自社開発企業/3年
- 1.36 男性/40代/フリーランス/15年
- 1.37 男性/41歳/フリーランス/2年
- 1.38 女性/37歳/フリーランス/7年
- 1.39 女性/31歳/フリーランス/3年
- 1.40 女性/37歳/出版社/8年
- 1.41 男性/39歳/Web制作会社/5年
- 1.42 男性/32歳/物販向けシステム開発/4ヶ月
- 1.43 女性/25歳/Web制作会社/3年
- 1.44 男性/43歳/ソフトウェア開発/20年
- 1.45 女性/31歳/Webサービス企業/2年
- 1.46 男性/30歳/Web制作会社/6年
- 1.47 女性/24歳/Webサービス会社/2年
- 1.48 男性/34歳/ソフトウェア開発会社/10年
- 1.49 男性/29歳/某Web事業会社/5年
- 1.50 女性/23歳/フリーランス/半年
- 1.51 男性/30歳/Web制作会社/10年
- 1.52 男性/29歳/アプリ開発会社/6年
- 1.53 女性/30歳/ソフトウェア開発/8年
- 1.54 男性/33歳/情報系ポータルサイト制作会社/9年
- 1.55 男性/29歳/スマホアプリ開発会社/8年
- 1.56 男性/26歳/Webメディア運営会社/2年
- 1.57 女性/29歳/Web制作会社/4年
- 1.58 男性/37歳/ITソリューションサービス/15年
- 1.59 男性/44歳/フリーランス/20年
- 1.60 男性/25歳/自社製品のwebサイト/3年
- 1.61 女性/21歳/システム開発会社/1年
- 1.62 男性/26歳/Web制作会社/1年
- 1.63 女性/36歳/フリーランス/3年
- 1.64 男性/35歳/IT系ソフトウェア開発会社/12年
- 1.65 女性/28歳/Webシステム開発/6年
- 1.66 男性/33歳/Web制作会社/2年
- 1.67 男性/34歳/情報系ポータルサイト運営会社(WEBディレクター)/11年
- 1.68 女性/31歳/某webサービス会社でフロントエンド/6年
- 1.69 男性/41歳/フリーランス/17年
- 1.70 男性/43歳/ITシステム会社/23年
- 1.71 男性/30歳/Web制作会社/8年
- 1.72 男性/50歳/ソフトウェア開発とサーバー保守業務/24年
- 1.73 男性/45歳/SIer/20年
- 1.74 男性/43歳/ソフトウェア業/10年
- 1.75 男性/30歳/物流コンサルティング/3年
- 1.76 男性/45歳/電機機器メーカー/16年
- 1.77 男性/26歳/精密機器メーカー/6年
- 1.78 女性/27歳/インフラエンジニア会社/1年
- 1.79 女性/52歳/ソフトウェア開発/30年
- 1.80 男性/50歳/通信キャリア/15年
- 1.81 女性/35歳/ITコンサル/13年
- 1.82 女性/33歳/金融系システム会社/10年
- 2 プログラミングスクールでJavaScript/フロントエンドを学ぶ!
- 3 フロントエンドエンジニア転職におすすめな転職サイト・求人サイト【未経験OKあり】
新人Webエンジニアは注目!フロントエンドの先輩が薦める本とは?
《質問内容》
Q1. あなたの性別を教えてください
Q2. あなたの年齢を教えてください
Q3. 就業中の会社の業種は?(フリーランスの方は、フリーランスとお答えください)
Q4. エンジニア歴は何年ですか?
Q5. 本のタイトルと、「その技術書の良いところ」や「チェックするポイント」などを教えてください
女性/20代/小売業/2年
男性/30代/SIer/7年
体系的に学ぶ 安全なWebアプリケーションの作り方 第2版[固定版] 脆弱性が生まれる原理と対策の実践
女性/40代/フリーランス/15年
男性/30代/ソフトハウス/16年
男性/20代/フリーランス/3年
PHP逆引きレシピ 第2版 (PROGRAMMER’S RECiPE)
まさにパーフェクトな一冊
“男性/20代/フリーランス/8年
また、実務で必ず行う”プログラムを読む”作業への抵抗感を無くすための良い訓練になります。
【チェックするポイント】タブレット端末をお持ちの方は、電子書籍として購入されることをおすすめします。
“男性/20代/情報サービス会社/7年
女性/20代/Webサービス事業/5年
女性/20代/自社サービス、請負業務/3年
男性/40代/SIer/20年
男性/20代/自社サービス会社(B2B, B2C両方)/4年
男性/20代/フリーランス/2年
HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集 Ver2.0対応版 (Mynavi Examination Library)
男性/20代/製造業/6年
女性/20代/広告、クリエイティブエージェンシー/3年
本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く
“
女性/20代/システム系/3年
男性/50代/ITサービス/35年
男性/30代/自社サービス会社/9年
男性/30代/製造業/6年
男性/20代/システムエンジニア/6年
男性/30代/情報システムサービス/16年
Pythonを実行するための環境をインストールすることろから、Pythonプログラミングの基礎を分かりやすく説明されているので、Python未経験者の人にはおすすめです。シンプルなサンプルコードで説明されているので、パソコンを用意できる人は実際に真似してみて、プログラミングをしながら学ぶと良いでしょう。
■気を付けること
Pythonの環境をパソコンにインストールする手順はサイトで紹介されていますがインストール方法などは変更されているので、ネットで最新情報を確認するのが良いです。“
pythonを使ったデータの分析が演習形式で学べ、テーマごとに小出しに説明されているので、分かりやすいです。python初心者や初心者から抜け出すくらいの人に向いています。
■気を付けること
実行結果などの絵が小さいので、電子書籍で見る場合は厳しいです。“
男性/30代/フリーランス/1年
男性/20代/WEB制作会社/2年
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 Web制作者のための教科書シリーズ
男性/40代/SIer/20年
女性/30代/HP、DTP制作会社/3年
男性/20代/システム開発・保守会社/5年
フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装
男性/20代/Webシステム開発/3年
女性/20代/Web制作会社/1年
男性/30代/Web系の受託開発/9年
男性/20代/Webサービス会社/5年
男性/40代/システムインテグレータ/17年
深層学習教科書 ディープラーニング G検定(ジェネラリスト) 公式テキスト
女性/20代/フリーランスエンジニア/2年
男性/40代/SIer/20年
HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ)
これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
男性/20代/自社開発/4年
男性/40代/自社サービス会社/20年
女性/20代/自社開発企業/3年
男性/40代/フリーランス/15年
男性/41歳/フリーランス/2年
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
女性/37歳/フリーランス/7年
世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書
女性/31歳/フリーランス/3年
女性/37歳/出版社/8年
Webディレクションの新・標準ルール 改訂第2版 現場の効率をアップする最新ワークフローとマネジメント
男性/39歳/Web制作会社/5年
monacaについて知らなければそもそもmonacaとは何か、monacaについて知っている場合は具体的にmonacaでどのように作るのかを教えてくれ、Kindle Unlimited 加入者は無料で閲覧可“
男性/32歳/物販向けシステム開発/4ヶ月
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)
女性/25歳/Web制作会社/3年
男性/43歳/ソフトウェア開発/20年
女性/31歳/Webサービス企業/2年
男性/30歳/Web制作会社/6年
リバースエンジニアリング ―Pythonによるバイナリ解析技法 (Art Of Reversing)
Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)
ネットワークはなぜつながるのか 第2版 知っておきたいTCP/IP、LAN、光ファイバの基礎知識
誰のためのデザイン? 増補・改訂版 ―認知科学者のデザイン原論
女性/24歳/Webサービス会社/2年
男性/34歳/ソフトウェア開発会社/10年
・サンプルコードがしっかりしている。自分でプログラミングを行い、動かすことができる。
・解説が丁寧。時には画面エビデンス又はイメージ図が載せてあるため、理解しやすい。
・各章ごとに色分けされているため、ゴール(完了目処)がわかる。
・PHPを動かすための環境構築ページもあるため、自分のパソコンで環境の構築ができた。“
男性/29歳/某Web事業会社/5年
女性/23歳/フリーランス/半年
世界一わかりやすいAdobe XD UIデザインとプロトタイプ制作の教科書
男性/30歳/Web制作会社/10年
アルゴリズム思考術:問題解決の最強ツール (ハヤカワ・ノンフィクション文庫)
男性/29歳/アプリ開発会社/6年
入門JavaScript フロントエンドエンジニアになるための基本と実践スキル (Web Engineer’s Books)
女性/30歳/ソフトウェア開発/8年
男性/33歳/情報系ポータルサイト制作会社/9年
男性/29歳/スマホアプリ開発会社/8年
男性/26歳/Webメディア運営会社/2年
女性/29歳/Web制作会社/4年
男性/37歳/ITソリューションサービス/15年
男性/44歳/フリーランス/20年
男性/25歳/自社製品のwebサイト/3年
女性/21歳/システム開発会社/1年
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
男性/26歳/Web制作会社/1年
女性/36歳/フリーランス/3年
スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)
スラスラ読める Pythonふりがなプログラミング (ふりがなプログラミングシリーズ)
インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針
男性/35歳/IT系ソフトウェア開発会社/12年
6ステップでマスターする 「最新標準」HTML+CSSデザイン ~フレキシブルボックスレイアウトを使った、レスポンシブWebデザインの本格的レイアウトテクニック~
HTML&CSSとWebデザインが 1冊できちんと身につく本
- “20代の転職なら最低限の登録を”
マイナビIT AGENT|20代・第二新卒の転職なら
有名ベンチャーやスタートアップなど経験を活かせる若手向け求人多数 - “未経験エンジニアは登録必須”
ワークポート|未経験の転職サポートサービス
未経験可やポテンシャル採用など20代向けのIT・Web系求人に強みあり - “IT・Web系の転職といえばここ”
レバテックキャリア|エンジニア専門転職エージェント
専門用語が通じるアドバイザーが徹底サポート。内定率&年収UP率が高い - “圧倒的求人数は流石の業界NO.1”
リクルートエージェント|転職支援実績No.1
書類や面接対策へのサポートが手厚い。エンジニア求人保有数も業界トップ - “【未経験OK】20代のITエンジニア就職に強い”
ウズカレIT|エンジニア就職に特化したエージェント
内定率83%!20代【未経験】のエンジニア就職・転職に強いエージェントです。独自の審査基準でブラック企業を排除!
女性/28歳/Webシステム開発/6年
知識ゼロの状態から簡単なアプリケーションを構築できる状態まで理解できました。“
男性/33歳/Web制作会社/2年
/スタンダードレイアウト / グリッドレイアウト / シングルページレイアウト / の3章に分かれていて、実務のコーディングで必須になるであろうナビゲーションメニュー、フッター、入力フォーム、レスポンシブweb等が今風のデザインで作れるという所です。楽しくカッコいいものを作りながら学習が出来るので本当にオススメの一冊となっています。”
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books)
男性/34歳/情報系ポータルサイト運営会社(WEBディレクター)/11年
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
女性/31歳/某webサービス会社でフロントエンド/6年
男性/41歳/フリーランス/17年
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)
男性/43歳/ITシステム会社/23年
男性/30歳/Web制作会社/8年
男性/50歳/ソフトウェア開発とサーバー保守業務/24年
いいところはSQLの基本が分かっていると、理論から複雑なSQL(通常はコーディングで処理するような例)を理解し自分の用途に転用できることです。保守する旧いシステムはフレームワークの説明書がなくコーディングでデータを加工しようとすると予算オーバーになることが多いです。
替わりにSQLはテキストで記載し結果を受け取ることが出来るのでSQLの制約がほとんどありません。この本はSQLで複雑な条件を設定する際に非常に役に立ちました。
“
達人に学ぶDB設計 徹底指南書 初級者で終わりたくないあなたへ
良いところはWordPressの動作の仕組みを理解できるところです。技術的な細かい情報はネットから入手しましたが、内容が理解できないので自分の環境に適応できずエラーになっていました。
この本で仕組みが分かると、魔法の呪文のコピーでなく自分でデータの修正すべき点が分かりました。基本が分かると、ピンポイントのネット上の技術的な記事が理解できるようになりますので、お勧めの本です。
評価はWordPressのシステム的な保守(独自サーバー上でのバージョンアップやサーバー移転)を行う人向けです。
“男性/45歳/SIer/20年
男性/43歳/ソフトウェア業/10年
男性/30歳/物流コンサルティング/3年
確かな力が身につくPHP「超」入門 (Informatics & IDEA)
男性/45歳/電機機器メーカー/16年
男性/26歳/精密機器メーカー/6年
Effective Python ―Pythonプログラムを改良する59項目
女性/27歳/インフラエンジニア会社/1年
[試して理解]Linuxのしくみ ~実験と図解で学ぶOSとハードウェアの基礎知識
女性/52歳/ソフトウェア開発/30年
チェックするポイント:すべてを実行する必要はないため、自分にあった事項を427からチョイスして行く必要がある。“
男性/50歳/通信キャリア/15年
Effective Python ―Pythonプログラムを改良する59項目
女性/35歳/ITコンサル/13年
一方で、事例がオンラインゲームのため、それ以外のビジネスでの進め方や分析を知りたい方には不向きかもしれません。“
一方で、数式が苦手という方には少しとっつきにくいかもしれません。“
一方で大規模なデータ分析のためのコーディングテクニックは含まれていないので、実務での利用には少し心許ないのは否めません。“
女性/33歳/金融系システム会社/10年
もう一度「フロントエンドエンジニアが買って良かった《技術書》」を読む ↑
プログラミングスクールでJavaScript/フロントエンドを学ぶ!
- DMM WEBCAMP 学習コース|フロントエンドコース
モダンなフロントエンド技術を使った、自分だけのWebサービスを公開できるレベルを目指せます - ZeroPlus(ゼロプラス)|Webデザインコース
JSやWebデザイン、WordPressなどフリーランスを目指せるスキルを網羅的に学習できます - Code Village(コードビレッジ)
WebサイトやWebアプリ開発を6ヶ月かけて学習。転職サポートに力を入れているスクールです - TechAcademy(テックアカデミー)|フロントエンドコース
完全オンラインの最大手スクール。コスパ良くフロントエンドの学習をするならここ - 本気のパソコン塾
jQuery、WordPress、PHP、Cake PHP、MySQLなど「クラウドソーシングでも稼ぎやすい」スキルを習得できます
もっと多くのプログラミングスクールの中から比較したいという方は、「おすすめプログラミングスクール比較11選!社会人・未経験の転職・就職にも有利!」という記事を参考にしてください。
転職付き(転職保証型)のプログラミングスクールの詳細を知りたいかたは、「【無料あり】転職支援・保証型プログラミングスクール比較11選!社会人・学生さんの就職に強い!」をご覧いただき、自分の目標や目的にぴったりのスクールを見つけてくださいね。
フロントエンドエンジニア転職におすすめな転職サイト・求人サイト【未経験OKあり】
フロントエンドエンジニアに強い転職サイト・求人サイトを探すなら、「フロントエンドエンジニアの求人ならここ→おすすめ転職サイト9選!未経験OKあり」という記事がおすすめ。年収・キャリアアップはもちろん、未経験OKな求人を多数保有した転職・求人サイトを徹底的に比較できますよ!
- 人気記事|エンジニアにおすすめ!IT/Web系に強い転職サイト11選|現役プロが比較・ランキング
- 【2023年】フロントエンドの皆さん!あなたが《日々チェックするサイト》を教えてください
- 未経験からのフロントエンドエンジニア!求人の探し方や年収事情、キャリアパスなどを徹底解説!
- フロントエンドエンジニアを目指す大学生は必見!【書類選考で差をつけるポートフォリオ作成術】
- 未経験からWebエンジニアへ転職する秘訣を実体験をもとに解説!
- 未経験がWebエンジニア・Webプログラマーに転職をするためにやるべき【3つのこと】
- 飲食店従業員からフロントエンドエンジニア、そしてSEへ【それぞれの物語】30代/男性/青森県在住
- Vue.js入門!初心者におすすめな理由や学習法をわかりやすく解説!
- Reactで副業を始める!!【React入門編】できることや学習方法などを解説