「Web制作って独学でできるの？」
「どのくらい勉強すれば稼げるようになる？」
「おすすめの教材を知りたい」
このようなお悩みをお持ちではないでしょうか。
Web制作は独学でも可能です。しかしスキルを習得するまでに必要な時間は500時間〜1,000時間ほどと多いため、途中で挫折してしまう人もいます。
せっかく勉強するのであれば、きちんとスキルを身につけて稼げるようになりたいですよね。
そこで本記事では、以下の内容について解説します。
- Web制作の独学にかかる期間
- Web制作を独学で学んでから案件を獲得するまでのロードマップ
- Web制作の独学におすすめの学習サイト
- Web制作のWordPress案件を獲得するポイント
Web制作に興味をお持ちの方は、ぜひ最後までお読みください。
- 有料講演会で話した内容を限定公開
→経済的自立を果たす10のステップ
→時給10円から年商10億円に至る道のり
→最短で0→1を立ち上げる起業術
→お金持ちになる5つのルール
（合計2時間28分49秒）
- すぐに実行できる即金マニュアル （PDF24ページ）
- 有益なコラムが完全無料で閲覧し放題
目次
Web制作の独学にかかる期間は3ヶ月〜半年
Web制作に必要な最低限のスキルを独学で習得するのにかかる時間は、3ヶ月から半年ほどです。1日4～5時間勉強したとすると、500時間〜1,000時間ほどかかる計算です。
本業や家庭の都合などにより、1日に捻出できる時間は人によって異なります。しかし500時間〜1,000時間は、 1日数十分の勉強で達成できる数字ではありません。
勉強を始めたものの、想像以上の大変さに挫折する人もいます。しかしスキルを身につければ、今よりも短い稼働時間で高収入を得られる仕事です。
Web制作を独学で学んでから案件を獲得するまでのロードマップ
Web制作を独学で学んでから案件を確立するためには、以下の4ステップを踏みましょう。
- 必要な言語の学習をする
- デザインカンプのコーディング作業をする
- 静的サイトにWordPressを構築する
- 営業で案件を獲得する
1つずつ見ていきましょう。
1. 必要な言語の学習をする
Web制作に必要な言語は、主に以下のとおりです。
- HTML：文書の構造を指定する言語
- CSS：色やサイズなどの装飾を指定する言語
- JavaScript：Webページに動きをつける言語
学習サイトや書籍で勉強すれば、1ヶ月ほどでスキルを身につけられます。
2. デザインカンプのコーディング作業をする
デザインカンプとは、Webサイトの完成見本のことです。デザインカンプを参考にコーディングを行えば、実際のWeb制作の流れを学べます。
最初はページ数が少ない簡単なものから始めて、だんだん難しいコーディングに挑戦するのがポイントです。いきなり難しいものから始めてしまうと、挫折する可能性があります。
3回～4回ほど繰り返せば、実践的なWebサイトの作り方が身についているはずです。
3. 静的サイトにWordPressを構築する
静的サイトとは、誰がいつどこで見ても同じ情報、コンテンツが表示されるホームページを指します。デザインカンプを参考に作成した静的サイトに、WordPressを構築していきましょう。
WordPressの構築は、サイトの形を作ってからシステムを入れる流れが一般的なため、同じように進めるのがおすすめです。
なおWordPressの構築の際は、ステップ1で学んだHTMLやCSSではなく「PHP」と呼ばれるプログラミング言語を覚える必要があります。
慣れるまでは大変ですが、ここできちんとスキルを身につければ月収50万円も十分可能です。
4. 営業で案件を獲得する
通用するスキルを身につけたら、案件獲得のために営業を行いましょう。
営業先は、Web制作会社がおすすめです。Web制作会社は案件を豊富に抱えており、真面目に仕事をしていれば継続案件をもらえる可能性が高いからです。
Web制作会社への営業方法は、主に以下の3つがあります。
専業の場合は3ヶ月、副業であれば6ヶ月ほどで案件を獲得できる人が多いです。
Web制作の独学におすすめの学習サイト7選
Web制作の独学におすすめの学習サイトは、以下の7つです。
- Progate
- ドットインストール
- サルワカ
- chot.design
- SAMURAI TERAKOYA
- Adobeラーニング
- Udemy
1つずつ特徴を解説しますので、自分に合ったもので学習を進めてみてください。
1. Progate
Progate
Progateは、キャラクターの解説をもとに自分で作業を進めながら学習します。会員登録をすればHTMLやCSSを中心に、さまざまなプログラミング言語を習得可能です。
ゲーム感覚で楽しく学習でき、わからない部分はヒントもらえるため、難しくて途中で挫折する可能性も少ないでしょう。
無料でも利用できますが、すべてのレッスンを受けるためには月額990円（税込み）の有料プランへの変更が必要です。
基本的な内容がメインのため、初心者におすすめの教材です。
2. ドットインストール
ドットインストール
ドットインストールは、3分程度の動画であらゆる専門分野のスキルを習得できます。本業で忙しい人でも、通勤中や隙間時間にサクッと勉強できるでしょう。
無料で受講できる部分もありますが、本格的に学習するなら月額1,080円（税込み）のプレミアムサービス加入するのがおすすめです。
プレミアムサービスでは、特別動画や講師陣への質問などができます。
3. サルワカ
サルワカ
サルワカは画像が豊富でなるべく専門用語を使用せずに解説しているため、初心者でもわかりやすい点が特徴です。
レッスンごとに番号が振られており、初心者は番号順に進めていくと、Web制作の基本を習得できます。また復習の際に、必要な箇所だけをピックアップして学習できるのも便利です。
コーディングだけでなくデザインなども網羅しているため、幅広く学習できます。
4. chot.design
chot.design
chot.designは、Webデザインの基礎からHTML・CSSのコーディング手順まで学習可能です。完全無料で利用でき、571本の豊富な記事の中から勉強したいものを選択できます。
特にデザイン関連の記事が多く、PhotoshopやIllustratorなどの使い方やバナー制作も学べるため、幅広いスキルが身につくでしょう。
5. SAMURAI TERAKOYA
SAMURAI TERAKOYA
SAMURAI TERAKOYAは、Webデザインの基礎からPhotoshopやAdobeXDを用いたデザイン方法まで学べます。実際に作業しながら学ぶため、手を動かしたほうが頭に入るという方におすすめです。
SAMURAI TERAKOYAでは挫折しない環境を整えており、Q&A掲示板や現役エンジニアとのオンラインレッスンなどを受けられます。
無料のフリープランでも学べますが、コンテンツをフルで活用したいなら月額2,980円（税込み）の有料プランに加入しましょう。
6. Adobeラーニング
Adobeラーニング
Adobeラーニングは、Photoshopやllustratorなどを手掛けるAdobe社公式の学習サイトです。チュートリアルを通して、PhotoshopやIllustratorなどのノウハウを学べます。
公式が提供している教材のため、Adobeの製品を学習段階で本格的に使用できる点がポイントです。
7. Udemy
Udemy
Udemyは、21万以上のコースから自分のレベルや目的に合わせて、教材を選択できます。
イラスト制作やコーディングなどに加えて、未経験からWebデザイナーへの転身を目的とした教材が豊富に用意されている点が特徴です。初心者から上級者まで、今の自分に合ったスキルを習得できます。
定期的に、新学習者向けの割引セールが行われているので、お得に購入できるチャンスです。
Web制作のWordPress案件を獲得する3つのポイント
Web制作のWordPress案件を獲得するポイントは、以下の3つです。
- 最低限のポイントをきちんと理解しておく
- コミュニティに所属する
- X（旧Twitter）で発信を行う
1つずつ解説します。
1. 最低限のポイントをきちんと理解しておく
WordPressでよく使用する実装方法やクライアントから質問されやすい内容など、最低限のポイントはきちんと理解しておきましょう。
具体的に覚えておきたいポイントは、以下のとおりです。
- 基本的なCSS/HTML/JavaScript
- 準備するPHPファイル
- 固定ページ・投稿一覧の作り方
- カスタム投稿・カスタムフィールド
- セキュリティ対策
- 内部SEO対策
実はクライアントがWeb制作についてあまり詳しくないケースも多いです。そのためプロである私たちに依頼しています。
それなのに質問にきちんと答えられないと、コミュニケーションが円滑に進みません。反対に即答できれば、クライアントからの信頼度は一気に上がります。
2. コミュニティに所属する
初心者は営業の一環として、コミュニティに属して人脈を作るのがおすすめです。人脈があれば、駆け出しでも仕事を振ってもらえる可能性があります。
またコミュニティにはすでに稼いでいる人やスキルが豊富な人も多いため、疑問や稼いでいくためのポイントなどを聞けます。
コミュニティへの参加はSNSなどで行っているケースが多いため、ぜひチェックしてみてください。
3. X（旧Twitter）で発信を行う
インプットももちろん大切ですが、学んだことをアプトプットするのも重要です。X（旧Twitter）は気軽に発信できるため、学習内容をアプトプットするのに向いています。
毎日学習内容を発信していると、フォロワーに「この人はコツコツ勉強しているから、スキルが身についていそうだな」と思わせられます。
学習完了後に、フォロワーやポストを見ていた人から仕事の依頼が舞い込むケースもあるため、取り組んでおいて損はありません。発信頻度は最低1日1ポスト、できれば3ポストほどを目指しましょう。
誰でも1件20万円以上の案件をこなせるようになるための「実践型」WordPress教材
まさたさんが執筆した「【”誰でも月収50万円以上”を達成可能にする】初心者向け実践型WordPress教材」は、初心者向けのWordPress構築に特化して解説したBrainです。
- 構築環境の立ち上げ方
- 準備するファイルについて
- カスタム投稿、カスタムフィールドの作り方
- 納品方法について
さらに「見積もり料金自動計算シート」や「納品前チェックシート」など、10個の特典が用意されています。
今後Web制作者として活躍していきたいと考えている方は、必見です！
▼主な口コミ▼
- 有料講演会で話した内容を限定公開
→経済的自立を果たす10のステップ
→時給10円から年商10億円に至る道のり
→最短で0→1を立ち上げる起業術
→お金持ちになる5つのルール
（合計2時間28分49秒）
- すぐに実行できる即金マニュアル （PDF24ページ）
- 有益なコラムが完全無料で閲覧し放題
