Web制作の学習サービス4つを比較｜独学とスクールの選び方

今の私なら、最初はMDNなどの無料資料を選びます。1ページも作っていない段階では、月額教材や十万円以上の講座に払う理由をまだ説明できないからです。

私はどの有料サービスも受講していません。講師の教え方や管理画面の使いやすさは評価せず、AIと公式資料でこのサイトを作った経験と、各社が公開している条件を分けて比べます。

2026年8月25日に、各サービスの公式料金と内容を確認しました。申込み時には、必ず公式ページと決済画面を読み直してください。

4つの違いを一覧で見る

選択肢	確認した費用	質問・レビュー	合いそうな段階
MDN	無料	個別の質問・添削なし	まずHTML/CSSを試す
Progate	プラス月額1,490円、12か月11,880円	教材中心	画面上でコード操作に慣れる
デイトラ	Web制作コース129,800円	1年間の質問、課題レビュー	WordPressまで順に学ぶ
CodeCamp	2か月198,000円、4か月308,000円	オンラインレッスン	デザインと対話型レッスンを求める

料金は税込です。パソコン、サーバー、ドメイン、Adobe製品などが別途必要になる場合があります。

MDNのウェブ開発学習には、環境設定、最初のWebサイト、HTML、CSS、JavaScript、アクセシビリティなどの資料があります。公式仕様を調べる場所としても使えます。

一方、決まった締め切りや個別添削はありません。自分で学ぶ順番を決め、エラーを調べ、ページを完成させる必要があります。

最初の2週間で1ページを作り、独学を続けられるか試す用途に向いています。AIを使ったWeb制作の独学方法では、MDNとAIを併用する順番を説明しています。

Progateのプラスプランは、1か月1,490円、12か月11,880円です。12か月分は一括払いで、自動更新されます。個人向けには、より実務寄りのプロプランもあります。

ブラウザ上で手を動かせるため、エディターの設定で止まりたくない人には入りやすい教材です。ただし、教材を進めることと、自分でサイトを企画して公開することは別です。

一つのコースを終えたら、教材を見ずに小さなページを作ります。完成しない場合は、足りない部分だけ教材へ戻ります。

デイトラWeb制作コースは129,800円の買い切りです。公式ページでは、100日分のカリキュラム、無期限の教材閲覧、1年間のメンターサポート、中級・上級の課題レビューを案内しています。

HTML/CSSからWordPress制作まで、順番を自分で組むのが難しい人には比較理由があります。受講すれば仕事が得られる保証ではありません。学習時間、質問の範囲、追加費用を申込み前に確認します。

CodeCampのWebデザインコースは、2か月198,000円、4か月308,000円です。入学金33,000円を含み、レッスンはそれぞれ20回、40回と案内されています。

HTML/CSSだけでなく、Photoshop、Illustrator、Figma、JavaScript基礎、ポートフォリオ制作を扱います。公式の学習時間目安は、2か月が週20〜25時間、4か月が週10〜15時間です。

本業と両立するなら、金額より先に、その時間を毎週確保できるかを見ます。Adobe製品など、受講料以外の契約も確認します。

会社員のマキさんは、HTML/CSSをまだ触ったことがなく、週4時間を学習に使えるとします。最初はMDNかProgateで1ページを作り、続けられるか確かめる方法があります。

別の会社員・ソウタさんは、独学で2ページを公開したものの、WordPressの課題で止まり、質問できる相手を探しています。129,800円を生活費と分けて用意できるなら、デイトラの範囲を確認する理由があります。

二人は架空です。受講後の成果や収入を示す例ではありません。困っている場所と使える時間が違えば、選択も変わることを示しています。

有料サービスを選ぶ前に、次を埋めます。

作りたいもの：
現在できること：
止まっている場所：
週に使える時間：
質問相手が必要か：
作品レビューが必要か：
受講料以外の費用：

空欄が多ければ、講座名を比べる前に1ページ作ります。すでに困りごとが具体的なら、その問題を扱う教材とサポートだけにお金を払います。

デイトラと独学の二択で迷う人は、費用・質問先・学習時間の比較へ。学習を副業の制作物へつなげる順番は、AIを使ったWeb制作副業の実行手順で確認できます。

私は無料資料を使い続けます。制作物を人に見てもらえず修正が止まる、または同じ技術で何度も詰まる状態になったら、その問題に合う質問やレビューだけへお金を払います。