WEBコーダーになるためのおすすめ書籍10選

Coding

 

「WEBデザイナーは難しいけどWEBコーダーならなれるかもしれない」
「コーダーになるために本を読もう

どれを買えば良いものかよく分からない。。

「HTMLやCSSの基礎はなんとなく分かったけど、これで仕事なんて出来るの?」
「この後どの本を読めば良い?」

 

私は未経験でWEBコーダーに転職しようと学習していた時、毎日こんなことを思っていました。
日々、少しずつ前に進みたいのに進む道が分からない状態です。

ネットやSNSで色んな情報を集めてみるも、
自分には少し難しい内容ばかりで、
知識を得るための方法がいまいち分かりませんでした。

 

 

その後、30歳未経験からWEBコーダーに転職した私が、
実際に読んで成長できた本今の実務に役立っている本など10冊紹介します。

 

書籍が多く発売されており、さらに参考書は1冊の値段が高いので、
何を買うべきか迷っている方におすすめです。

 

知識がない状態から成長できた書籍」から「実務の中で役に立った書籍」まで紹介します。

 

この記事を読めば、こんなことが分かります。

・WEBコーダーになりたい人に読んでほしい書籍

・WEBコーダーの必須知識

 

実際、この10冊を読んで理解したのなら現場で活躍できるレベルです。

間違いなくスキルを成長させてくれる書籍なので是非ご活用ください!

 

 

そもそもWEBサイトの作り方を満遍なく知りたいと言う方はこちらの記事がオススメです!
ホームページを作るにはどんな方法がある? | とりエピ

 

今回紹介する書籍一覧

 

まずは今回紹介する書籍の一覧を掲載します。

もし気になる書籍があれば、
商品ページを覗いてみてください!

書店にある商品も多いので、
実際に手にとって読んでみるのもおすすめです!

 

 

 

 

【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ) | エビスコム |本 | 通販 | Amazon
Amazonでエビスコムの【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ)。アマゾンならポイント還元本が多数。エビスコム作品ほか、お急ぎ便対象商品は当日お届けも可能。また【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass...
Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ | 平澤 隆, 森田 壮 |本 | 通販 | Amazon
Amazonで平澤 隆, 森田 壮のWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ。アマゾンならポイント還元本が多数。平澤 隆, 森田 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSS...
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで | 山田 祥寛 |本 | 通販 | Amazon
Amazonで山田 祥寛の改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで。アマゾンならポイント還元本が多数。山田 祥寛作品ほか、お急ぎ便対象商品は当日お届けも可能。また改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用までもアマゾン配送商品なら通常配送...
JavaScript コードレシピ集 | 池田 泰延, 鹿野 壮 |本 | 通販 | Amazon
Amazonで池田 泰延, 鹿野 壮のJavaScript コードレシピ集。アマゾンならポイント還元本が多数。池田 泰延, 鹿野 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またJavaScript コードレシピ集もアマゾン配送商品なら通常配送無料。
Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) | 西畑一馬 |本 | 通販 | Amazon
Amazonで西畑一馬のWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)。アマゾンならポイント還元本が多数。西畑一馬作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)もアマゾン...
わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉 | 湊川 あい, DQNEO |本 | 通販 | Amazon
Amazonで湊川 あい, DQNEOのわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉。アマゾンならポイント還元本が多数。湊川 あい, DQNEO作品ほか、お急ぎ便対象商品は当日お届けも可能。またわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、So...
Photoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる) | ソーテック社編 |本 | 通販 | Amazon
Amazonでソーテック社編のPhotoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる)。アマゾンならポイント還元本が多数。ソーテック社編作品ほか、お急ぎ便対象商品は当日お届けも可能。またPhotoshop Elements2021スーパーリファレン...
WebデザインのためのPhotoshop+Illustratorテクニック[2020/2019対応] | 瀧上 園枝 |本 | 通販 | Amazon
Amazonで瀧上 園枝のWebデザインのためのPhotoshop+Illustratorテクニック。アマゾンならポイント還元本が多数。瀧上 園枝作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザインのためのPhotoshop+Illustratorテクニックもアマゾン配送商品なら通常配送無料。
イラスト図解式 この一冊で全部わかるWeb技術の基本 | NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎 |本 | 通販 | Amazon
AmazonでNRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎のイラスト図解式 この一冊で全部わかるWeb技術の基本。アマゾンならポイント還元本が多数。NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎作品ほか、お急ぎ便対象商品は当日お届けも可能。またイラスト図解式 この一冊で全部わか...
Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集 | 久保田 涼子 |本 | 通販 | Amazon
Amazonで久保田 涼子のWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集。アマゾンならポイント還元本が多数。久保田 涼子作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集もアマゾン配送商品なら通常配送無料。

 

それでは紹介した書籍の内容や学習方法について紹介していきます。

そもそもどんなスキルが必要か

 

WEBコーダーと言っても、どのフェーズまで担当するかは案件によるかと思います。

 

覚えておいた方が良いスキルはいくらでもあるので、

最低限これだけ覚えておけば困ることはないスキルを紹介します。

 

  • HTML
  • CSS (Sassも必須)
  • JavaScript (jQueryを覚えておくと便利)
  • Git (実案件で必須)
  • Photoshop
  • WEBの基本知識

 

HTML, CSS (出来ればJavaScript)の基礎学習について

ドットインストール
mac : https://dotinstall.com/lessons/basic_pcsetup_mac_v2
Windows : https://dotinstall.com/lessons/basic_pcsetup_win_v2

プロゲート
https://prog-8.com/

この2つのサイトで学ぶことをおすすめします。

実際に手を動かすことがスキル習得に最も効果があるからです。

また上記の使い方に慣れておけば、
今後新しいプログラミングスキルを習得する際もすぐ取り掛かることができます。

 

紹介した書籍のおすすめポイント

HTML, CSSについて

HTML5&CSS3デザイン 現場の新標準ガイド【第2版】

【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ) | エビスコム |本 | 通販 | Amazon
Amazonでエビスコムの【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ)。アマゾンならポイント還元本が多数。エビスコム作品ほか、お急ぎ便対象商品は当日お届けも可能。また【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass...

この本では、マークアップに必要なタグ

<p></p>
<a href=“#”></a>

などを1つ1つ分かりやすく解説されています。

 

流れに沿ってスキルアップしていくような参考書ではありません。

 

HTML, CSSを扱っていると、この状況ではどのマークアップにするのがベストなのか迷うことが多々あります。

 

そんな時、この本を読むと大体のことは解決され、最適解を選ぶことができます。

 

Web制作者のためのSassの教科書 改訂2版

Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ | 平澤 隆, 森田 壮 |本 | 通販 | Amazon
Amazonで平澤 隆, 森田 壮のWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ。アマゾンならポイント還元本が多数。平澤 隆, 森田 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSS...

Sassとは、CSSを効率よく記述できる拡張機能のような言語です。

これを使えるか使えないかでは、コーディング時間に雲泥の差が生まれます。

 

こちらの本で分かりやすく解説されていますので、是非Sassを使えるようになってください。

 

JavaScript

改訂新版JavaScript本格入門

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで | 山田 祥寛 |本 | 通販 | Amazon
Amazonで山田 祥寛の改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで。アマゾンならポイント還元本が多数。山田 祥寛作品ほか、お急ぎ便対象商品は当日お届けも可能。また改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用までもアマゾン配送商品なら通常配送...

JavaScriptを扱っている方で、この本を知らない方はいらっしゃないと思います。

それほど有名で、この本を読み込むとJavaScript中級者以上にまでなれます。

 

ただ、初心者や「全くJavaScriptが分からない」という方にとっては

少し取っ掛かりにくい内容かなとも思っています。

 

出来れば、ドットインストールやプロゲートで基礎知識を得てから読むようにしてみてください。

 

JavaScript コードレシピ集

JavaScript コードレシピ集 | 池田 泰延, 鹿野 壮 |本 | 通販 | Amazon
Amazonで池田 泰延, 鹿野 壮のJavaScript コードレシピ集。アマゾンならポイント還元本が多数。池田 泰延, 鹿野 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またJavaScript コードレシピ集もアマゾン配送商品なら通常配送無料。

JavaScriptを学習すると、

「結局この知識をどうやって使うのだろうか…」

という壁にぶつかると思います。

 

そんな時この本を読むと、

JavaScriptの利用例を278件分もみることができます。

 

アイデアや閃きが生まれ、JavaScriptで出来ることの幅が広がること間違えないです。

 

Web制作の現場で使うjQueryデザイン入門[改訂新版]

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) | 西畑一馬 |本 | 通販 | Amazon
Amazonで西畑一馬のWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)。アマゾンならポイント還元本が多数。西畑一馬作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)もアマゾン...

こちらも上記のコードレシピ集のようなもので、

実装方法やjQueryを利用したアニメーションの参考になるものです。

 

jQueryがモダンなサイトで使われなくなってきていることは事実です。

 

ただ既存案件や公的な案件では未だに使われていることが多く、

覚えていないと対応に時間がかかってしまうことがあります。

 

この本を読んでjQueryではどんなことができるのか理解しておきましょう。

 

Git

Gitは学習の段階ではあまり利用しないかもしれません。

私はポートフォリオ作成の際や個人開発の際に利用しています。

実際の案件では、ほぼ100%利用されています。

 

基礎知識だけでも構わないので理解しておくようにしましょう。

 

わかばちゃんと学ぶ Git使い方入門

わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉 | 湊川 あい, DQNEO |本 | 通販 | Amazon
Amazonで湊川 あい, DQNEOのわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉。アマゾンならポイント還元本が多数。湊川 あい, DQNEO作品ほか、お急ぎ便対象商品は当日お届けも可能。またわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、So...

こちらは自己啓発書にあるような漫画で学ぶ本になります。

 

絵は可愛いデザインで、少し抵抗がある方もいらっしゃるかもしれませんが、

内容は分かりやすいです。

 

Gitの基礎知識や操作方法なども網羅されているので、

一読しておくと現場でとても役に立ちます。

 

Photoshop

PhotoshopはWEBデザイナーのタスクのイメージがあると思います。

しかし実際はWEBコーダーも、利用機会が多くあります。

(画像の書き出しや、デザイン微調整など)

 

最低限利用できるようになっておかないと、

実際の案件に参加した際、苦労することになってしまいます。

 

Photoshop Elements2021スーパーリファレンス

Photoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる) | ソーテック社編 |本 | 通販 | Amazon
Amazonでソーテック社編のPhotoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる)。アマゾンならポイント還元本が多数。ソーテック社編作品ほか、お急ぎ便対象商品は当日お届けも可能。またPhotoshop Elements2021スーパーリファレン...

この本は歴史ある本で、Photoshopが買い切りであった頃から発行されています。

基礎知識は網羅されており、こちらを読めばコーダーにおいてのスキルとしては十分だと思われます。

 

WebデザインのためのPhotoshop+Illustratorテクニック

WebデザインのためのPhotoshop+Illustratorテクニック[2020/2019対応] | 瀧上 園枝 |本 | 通販 | Amazon
Amazonで瀧上 園枝のWebデザインのためのPhotoshop+Illustratorテクニック。アマゾンならポイント還元本が多数。瀧上 園枝作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザインのためのPhotoshop+Illustratorテクニックもアマゾン配送商品なら通常配送無料。

先に紹介した通り、PhotoshopはWEBデザイナーがメインで利用しています。

 

WEBコーダーもPhotoshopやIllustlatorを

利用できるようになっておくとかなり重宝されます。

 

PhotoshopやIllustlatorは知っていると一瞬で完了するタスクだとしても、

知らないと1時間くらいかかってしまうこともざらにあります。

 

ある程度の使い方を知っておくととても役立つので是非見てみてください。

 

WEBの基礎知識

イラスト図解式 この一冊で全部わかるWeb技術の基本

イラスト図解式 この一冊で全部わかるWeb技術の基本 | NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎 |本 | 通販 | Amazon
AmazonでNRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎のイラスト図解式 この一冊で全部わかるWeb技術の基本。アマゾンならポイント還元本が多数。NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎作品ほか、お急ぎ便対象商品は当日お届けも可能。またイラスト図解式 この一冊で全部わか...

WEBに関する知識は、現代ではどんな方でも必要かと思います。

 

WEBコーダーはさらに踏み込んだところまで知っておく必要があるのですが、

この本を読めば大体のことは理解できると思います。

 

知識を持っておくだけで、対応効率が変わってきますので

時間に余裕があれば読んでおくようにしましょう。

 

ポートフォリオ

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集 | 久保田 涼子 |本 | 通販 | Amazon
Amazonで久保田 涼子のWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集。アマゾンならポイント還元本が多数。久保田 涼子作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集もアマゾン配送商品なら通常配送無料。

これは少し番外編になるのですが、

転職などの際、ポートフォリオはほとんど必須です。

 

コーディングの知識を得て、

いざ作ろうとしてみてもどんなデザインにすれば良いのかの壁に当たってしまいます。

 

そんな時、この本を読むと

・こんなWEBページを作りたい
・こんな色使いにしてみたい

などいろんなアイデアが生まれてきます。

 

WEBデザインギャラリーなど色んなサイトがあるので

それを参考にしても良いのですが

解説がある点と、ネットを使わない環境でも読めることが大きな魅力です。

 

 

WEBコーダーになるための書籍のまとめ

 

WEBデザインやホームページ製作についての書籍は

選びきれないほど多く出ています。

 

どのように選べば良いか分かりにくいかと思いますが、

実際に大切なことは、実際に手を動かすことです。

 

購入するのは今回紹介した書籍でも、直感で良さそうだと感じた書籍でも構いません。

納得いくまでその書籍に沿って学習を続けてみてください。

 

コーディングに慣れてきたら、知識を深めることに注力してください。

その繰り返しで、他のコーダーとは一線を画すスキルを身につけることができます。

 

何か質問などございましたら、お問い合わせからでもTwitterでもコメントお待ちしておます。

 

ご覧いただきありがとうございました!

 

今回紹介した書籍一覧

HTML5&CSS3デザイン 現場の新標準ガイド【第2版】

【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ) | エビスコム |本 | 通販 | Amazon
Amazonでエビスコムの【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass Booksシリーズ)。アマゾンならポイント還元本が多数。エビスコム作品ほか、お急ぎ便対象商品は当日お届けも可能。また【特典付き】HTML5&CSS3デザイン 現場の新標準ガイド【第2版】 (Compass...

Web制作者のためのSassの教科書 改訂2版

Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ | 平澤 隆, 森田 壮 |本 | 通販 | Amazon
Amazonで平澤 隆, 森田 壮のWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ。アマゾンならポイント還元本が多数。平澤 隆, 森田 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSS...

改訂新版JavaScript本格入門

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで | 山田 祥寛 |本 | 通販 | Amazon
Amazonで山田 祥寛の改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで。アマゾンならポイント還元本が多数。山田 祥寛作品ほか、お急ぎ便対象商品は当日お届けも可能。また改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用までもアマゾン配送商品なら通常配送...

JavaScript コードレシピ集

JavaScript コードレシピ集 | 池田 泰延, 鹿野 壮 |本 | 通販 | Amazon
Amazonで池田 泰延, 鹿野 壮のJavaScript コードレシピ集。アマゾンならポイント還元本が多数。池田 泰延, 鹿野 壮作品ほか、お急ぎ便対象商品は当日お届けも可能。またJavaScript コードレシピ集もアマゾン配送商品なら通常配送無料。

Web制作の現場で使うjQueryデザイン入門[改訂新版]

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) | 西畑一馬 |本 | 通販 | Amazon
Amazonで西畑一馬のWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)。アマゾンならポイント還元本が多数。西畑一馬作品ほか、お急ぎ便対象商品は当日お届けも可能。またWeb制作の現場で使うjQueryデザイン入門 (Web Professional Books)もアマゾン...

わかばちゃんと学ぶ Git使い方入門

わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉 | 湊川 あい, DQNEO |本 | 通販 | Amazon
Amazonで湊川 あい, DQNEOのわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉。アマゾンならポイント還元本が多数。湊川 あい, DQNEO作品ほか、お急ぎ便対象商品は当日お届けも可能。またわかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、So...

Photoshop Elements2021スーパーリファレンス

Photoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる) | ソーテック社編 |本 | 通販 | Amazon
Amazonでソーテック社編のPhotoshop Elements2021スーパーリファレンス Windows & macOS対応 (基本からしっかり学べる)。アマゾンならポイント還元本が多数。ソーテック社編作品ほか、お急ぎ便対象商品は当日お届けも可能。またPhotoshop Elements2021スーパーリファレン...

WebデザインのためのPhotoshop+Illustratorテクニック

WebデザインのためのPhotoshop+Illustratorテクニック[2020/2019対応] | 瀧上 園枝 |本 | 通販 | Amazon
Amazonで瀧上 園枝のWebデザインのためのPhotoshop+Illustratorテクニック。アマゾンならポイント還元本が多数。瀧上 園枝作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザインのためのPhotoshop+Illustratorテクニックもアマゾン配送商品なら通常配送無料。

イラスト図解式 この一冊で全部わかるWeb技術の基本

イラスト図解式 この一冊で全部わかるWeb技術の基本 | NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎 |本 | 通販 | Amazon
AmazonでNRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎のイラスト図解式 この一冊で全部わかるWeb技術の基本。アマゾンならポイント還元本が多数。NRIネットコム株式会社, 小林 恭平, 坂本 陽, 佐々木 拓郎作品ほか、お急ぎ便対象商品は当日お届けも可能。またイラスト図解式 この一冊で全部わか...

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集 | 久保田 涼子 |本 | 通販 | Amazon
Amazonで久保田 涼子のWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集。アマゾンならポイント還元本が多数。久保田 涼子作品ほか、お急ぎ便対象商品は当日お届けも可能。またWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集もアマゾン配送商品なら通常配送無料。

コメント

タイトルとURLをコピーしました