Web制作

【まとめ】Web制作の副業のための学習に使える参考書・本10選

参考書

 

あなた
Web制作の副業のための学習に使える参考書・本のオススメはありますか?

 

今回はこのような疑問に答えていきます。

 

【この記事でわかること】

 

【この記事の信頼性】

この記事を書いている僕はWeb制作で収入を得ています。

元々は未経験だったのですが参考書などで学習して稼げるようになりました。

この記事ではこれまで使ってきた多くの本や参考書の中から、本当にためになるモノを10個厳選して紹介しています。

かなり参考になるかと。

 

【まとめ】Web制作の副業のための学習に使える参考書・本10選

本を読む女性

 

結論から話すと「Web制作の副業のための学習に使える参考書・本10選」は以下の通り。

 

 

それぞれの参考書・本について紹介していきますね。

 

1:1冊ですべて身につくHTML & CSSとWebデザイン入門講座

 

1冊目が「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」です。

 

 

Web制作の基本である「HTML」「CSS」という言語を基本から学ぶことができます。

写真や図が多く使われていて、めちゃくちゃ見やすいです。

Webデザインの基本も学習できます。

 

1冊持っているだけでWeb制作の基礎力がつくので、必須の教材と言えます。

ぜひ持っておくといいかと。

 

2:ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座

 

2冊目が「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」です。

 

 

1冊目と同じ著者のManaさんが監修している本です。

こちらは「実践編」ということで、基本を習得した方向けになっています。

 

この参考書で学習すれば実際のWeb制作案件で役立つスキルをゲットできます。

仕事の中で「あ、これは学習したことがあるぞ」と思えるようになります。

 

1冊目の1冊ですべて身につくHTML & CSSとWebデザイン入門講座とセットで揃えておくといいでしょう。

 

3:わかばちゃんと学ぶ Webサイト制作の基本〈HTML5・CSS3〉

 

3冊目が「わかばちゃんと学ぶ Webサイト制作の基本〈HTML5・CSS3〉」です。

 

 

Web制作の企画から運用まで学習できる本です。

単純な作り方だけではなくSEO(そのサイトが検索されたときに1番上に出てくるようにするテクニック)スキルも習得できます。

 

案件受注の際に「SEO対策もできます」と言えるようになると、任してもらえることも多くなるのは事実です。

ぜひこの参考書でスキルをゲットしてみてください。

 

4:これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本

 

4冊目が「これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本」です。

 

 

この本では「Webサイトの公開」まで学習できます。

つまり、実際に誰でも見ることのできる状態にするところまで学べるということです。

 

「サーバー」「ドメイン」「FTPソフト」というところまで学べるのでぜひ学習しておきましょう。

(知ってないとWeb制作の副業では稼げません)

 

5:Bootstrap 4 フロントエンド開発の教科書

 

5冊目が「Bootstrap 4 フロントエンド開発の教科書」です。

 

 

こちらの本は、CSSを簡易的に扱えるようにした「Bootstrap」というツールの学習用の本です。

Bootstrapは知っておいて損はないです。

簡単に見た目の整ったサイトを作ることができるようになります。

 

ただし、HTMLとCSSの学習を優先するべきなのは事実。

そちらが終わった方はこの参考書で学習してみるといいです。

 

6:これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

 

6冊目が「これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん」です。

 

 

Web界隈で人気の高いたにぐちまこと先生の著書です。

この本の特徴は「Javascript」まで学習できること。

 

Javascriptという言語を習得できれば、動きのあるサイトやおしゃれなサイトが作れるようになります。

その入門にこの参考書はピッタリなので、まず1冊は持っておくといいです。

 

7:無料で作る! お店・小さな会社のためのホームページ作成超入門

 

7冊目が「無料で作る! お店・小さな会社のためのホームページ作成超入門」です。

 

 

どちらかというと「簡易的にスピーディにサイトを作りたい方向け」の本です。

こったデザインが必要なく、最低限のWebサイトを作ればいい場合に役立ちます。

Web制作の案件によってはそういう場合もあるので、その時用に持っておいてもいいかなと思います。

 

ただし必須ではないです。

財布に余裕のある方はどうぞ。

 

8:Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで

 

8冊目が「Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで」です。

 

 

この本では「ユーザーの使い勝手の良いサイトの作り方」を学習できます。

 

Web制作を始めると、ついつい「あなたが良いと思った一人よがりのサイト」を作ってしまう傾向があります。

しかし、そのようなサイトはお客さんにとってはありがたいものではありません。

 

本当に喜ばれるのは「ユーザー受けが良いサイト」です。

そのようなサイトの作り方を学習できますよ。

あなたもこの本で学習して「めちゃくちゃ使いやすいサイトです。ありがとう。」と言ってもらいませんか?

 

9:プロの「引き出し」を増やす HTML+CSSコーディングの強化書

 

9冊目が「プロの「引き出し」を増やす HTML+CSSコーディングの強化書」です。

 

 

この本では「脱初心者」をテーマに掲げています。

あなたが「基本は身についたけど、まだ実践でバリバリコードを書くことができない...」と悩んでいるときに役立ちますよ。

 

初心者から中級者になりたいあなたにピッタリの本です。

(なので別に最初から買わなくてもいいです。必要に応じて購入してみてください。)

 

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

 

最後10冊目は「イラスト図解式 この一冊で全部わかるWeb技術の基本」です。

 

 

こちらの本では「Webの仕組み」が全部わかるように解説されています。

 

Webページはどのように表示されているのか。

通信はどのように行われているのか。

 

上記のようなところも全部わかるようになります。

Web制作の技術とは直接関係は無いかもしれませんが、知っているだけで「レベルの高いWeb制作者」になることができます。

個人的にはぜひ持っておいていただきたい1冊ですね。

 

以上「Web制作の副業のための学習に使える参考書・本10選」でした。

 

オマケ:Web制作学習に使える動画教材・スクールも紹介

ネットショッピングする人

 

ちなみに、Web制作の学習教材は参考書や本だけではありません。

「動画教材」「スクール」といった手段もあります。

人によっては参考書や本より相性がいいことも。

 

念の為、そちらも紹介しておきますね。

 

Web制作を学習できる動画教材まとめ

 

Web制作を学習できる動画教材をまとめました。

結論次の通り。

 

参考1

ドットインストール はじめてのWeb制作

月額1000円ほどで学習できる動画学習教材ドットインストールのレッスンです。

他にもHTML/CSS,JavaScriptのレッスンもあります。

 

参考2

WEBデザイン講座 Level2《ステップアップ》コース※FlexboxとメディアクエリでレスポンシブWEBサイトを作る

動画学習教材のUdemyのレッスンです。オリジナルサイトを作ることができるようになります。

動画を見つつ、手を動かすだけでサイトが完成しますよ。

 

これらを参考に、一度動画での学習も試してみると良いかなと思います。

 

Web制作を学習できるスクールまとめ

 

続いてスクールです。

スクールの場合10万円ほど費用はかかってしまいます。

しかし、次のようなメリットもある。

 

✔ プロに教えてもらえるので間違った知識が身につかない

✔ 質問したいときにすぐに質問できるのでストレスを感じにくいし挫折もしにくい

✔ キャリアについても相談できる

✔ Web制作で稼ぐコツも教えてもらえる

✔ 受講後に案件も紹介してもらえるので確実に稼げる

 

あなたが上記のようなメリットに魅力を感じるのなら、受講する価値はあるかなと。

優良スクールのランキングは以下にまとめていますので参考にどうぞです。

 

>>【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

 

あなたのお小遣いが2倍になります【やるしかない】

店で稼ぐ人

 

ということで今回は「Web制作の副業のための学習に使える参考書・本」を紹介させていただきました。

今回紹介した教材を使って学習を始めれば、Web制作で稼ぐことができるようになります。

 

今から学習開始した場合、3ヶ月後には月に5~20万円は稼げるようになっているはず。

あなたのお小遣いも2倍以上になりますよ。

ちなみに、Web制作で稼ぐために「学歴」「資格」も必要ない。

必要なのは学習だけです。

財布の中身を充実させたい方は、やるしかないですよ。

 

もちろん学習が必要なのは面倒くさいかもですが...。

大きい利益を得ることができれば3ヶ月程度の学習は大したことはないのでは?

 

3ヶ月後に稼げるようになっているあなたの姿をイメージしつつ学習を進めるといいかなと思います。

 

【これさえやればOK】学習の道のりもまとめました

 

「始めたいけど、何から学習したら良いかわからない」というあなたのために、学習の道のりも以下にまとめました。

 

大きな地図
Web制作の副業を成功させるための独学ロードマップ【現役エンジニアが監修】

  あなたWeb制作の副業で稼ぎたいです。 稼げるようになるスキルをつけるための独学ロードマップを教えて下さい。   今回はこのような要望に答えるべく「Web制作の副業を成功させるための独学ロードマッ ...

続きを見る

 

ぶっちゃけこれをやっていけば、独学でもWeb制作で稼げるようにはなります。

 

ただし独学の場合は「聞ける人がいない」「モチベーションを自己管理しないといけない」「挫折しやすい」というデメリットもある。

100人が挑戦したら80人以上は脱落する印象です。

もしあなたが「どうしてもWeb制作で稼げるようになりたい」と感じているのならば次に紹介するスクールでの学習を考えてみてはいかがでしょうか?

 

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

 

↑こちらで学習をすれば「挫折しなくて済む」「受講後に確実に稼げる」というメリットもあります。

絶対に失敗したくない方は、どうぞ。

 

「自分に合っているかわからない...」というあなたへ

 

そもそもあなたが「自分がWeb制作の学習に向いているかわからない」という場合は、当サイトHTML・CSS学習教材を利用して確かめてみてはいかがでしょうか?

>>【完全無料】HTMLとCSSの学習ステップ一覧

HTMLとCSSの学習ステップ一覧と書かれた画像
【完全無料】HTMLとCSSの学習ステップ一覧

  てんし君こちらはプログラミング初心者の方向けのHTMLとCSSの基本的な学習用ページです。   ここで紹介している学習カリキュラムをやりきれば、最終的にこちらのようなWebサイトを作成可能です。 ...

続きを見る

 

こちらをやってみて「自分でもできそう」と思えたのなら本格的な学習に入っていくのもありかなと思います。

 

「まさかこんなに余裕が生まれるなんて」とあなたは思うはず

 

Web制作で稼げるようになると、毎月5~20万円は収入が増えます。

その結果、次のように余裕が生まれます。

 

・節約ばかり考えなくて済む

・気になった商品はAmazonで即ポチ

・子供が欲しいと言ったものを買ってあげることができる

・将来のための貯金もできる

 

「まさかこんなに余裕が生まれるなんて」と思うはずですよ。

そしてその「まさか」は今から学習を始めれば、わりと早い段階で手に入る。

 

ぜひ学習開始してみてください。

応援しています。

 

大きな地図
Web制作の副業を成功させるための独学ロードマップ【現役エンジニアが監修】

  あなたWeb制作の副業で稼ぎたいです。 稼げるようになるスキルをつけるための独学ロードマップを教えて下さい。   今回はこのような要望に答えるべく「Web制作の副業を成功させるための独学ロードマッ ...

続きを見る

※あなたが独学で頑張りたい場合はこちら

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

※あなたが失敗したくない場合はこちら

 

プログラミングスクールに関する情報

【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
【転職保証つき】返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。   1位:DMMWEBキャンプ  【 ...

続きを見る

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきました。 結論から話すと ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   結論から話すと、WEB系自社開発に行きやすいスクールのランキングは以下の通り。   第1位:テックアカデミー ...

続きを見る

-Web制作

© 2022 エンジニアてんし君ブログ