【初心者向け】UdemyのWeb制作・Webプログラミングおすすめコースまとめ【保存版】
CSS HTML JavaScript MySQL PHP Udemy WordPress
Web制作やプログラミングを学びたいけど、どうやって勉強すればいいんだろう？初心者にも分かりやすく、実際に役に立つスキルを学びたいなぁ。
そんな疑問にお答えします。
この記事では、10万を超えるUdemyのコースの中から、現役Webエンジニアの僕が経験を元に選んだ「Web制作・Webプログラミングに関するオススメコース」をご紹介します。
そもそもUdemyについて詳しく知りたい方は「【初心者向け】Udemyで始めるプログラミング学習のススメ【保存版】」の記事で詳しく解説してますので、是非ご覧ください。
紹介しているコースには、まんべんなく全体的に学べるコースから、一つのことを専門的に扱うコースまでいろんなものがありますので、ご自身の学びたい内容に合わせて適宜選んでいただければと思います。
また、各コースの評価について、Udemy上での星の数だけでは不十分だと考えています。その理由は、すでに情報が古く使えなくなっていたり、途中から時代の流れが変わり評価されるものも存在するからです。
このブログでは上記の観点だけでなく、更新頻度や初心者に向けた配慮など、僕が独自に設定した評価基準について星1～5で判定していますので、参考にしてみてください。
この記事を読んで、Udemyで楽しくプログラミングを学習しましょう！
目次
- Web制作・プログラミング 入門編
- Web制作・プログラミング 基礎固め編
- Web制作・プログラミング 本格編
- Web制作・プログラミング その他編
- まとめ
Web制作・プログラミング 入門編
[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門
| Hatoblogの評価 | ★★★★★ |
| コース時間 | 9.5時間 |
| 定価 | ¥24,000 |
| 講師 / コース作成者 | Taniguchi Makoto |
Webの仕事に関わる人なら誰でも必要な、「HTML/CSS」とプログラミング言語「JavaScript」の知識をこれ一本で。基礎の基礎から、jQuery/Vue.jsまで学びます。
[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門 – Taniguchi Makoto
僕が尊敬する方の一人、たにぐちまことさん（@seltzer）による初心者向けの講座です。書籍やYoutubeでも活動されており、その柔らかい物腰と初心者でも分かりやすい説明がとても評価されている方です。入門編としては最適です。
内容はHTML、CSS、JavaScript、jQuery、Vue.jsの基礎まで網羅しています。フロントエンドエンジニアを目指している方の入門はこれ1本で良いくらいの、非常に充実した内容です。
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
| Hatoblogの評価 | ★★★★★ |
| コース時間 | 41.5時間 |
| 定価 | ¥24,000 |
| 講師 / コース作成者 | NEST online |
Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分１人でサイトを作り上げるのに必要な全てが含まれています
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース – NEST online
3万人以上の方がこのコースを受講し、4,600件以上のレビューで高評価を得ている超人気のコースです。たにぐちまことさんのコースと違う点は、主にWebデザインにも触れている点です。Photoshopでのバナー制作や、Webデザインのグラフィック部分を考えながらWebサイトを作成していきます。
内容はPhotoshop、HTML、CSSでフロントエンドのプログラミングは含みませんので、コーディングも出来るWebデザイナーを目指す方や、一人でサイト制作の全工程を行うフリーランスの方の入門としてオススメです。
Web制作・プログラミング 基礎固め編
【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底入門（フロントエンド編）
| Hatoblogの評価 | ★★★★☆ |
| コース時間 | 19時間 |
| 定価 | ¥9,600 |
| 講師 / コース作成者 | 【Code Mafia】 WEBプログラミング学習 |
基礎を終えた方に最適！基礎レベルから一気にプロレベルへ！JavaScript、CSSの基礎～実践までを最短で学習。世界が変わる１９時間。
【JavaScript＆CSS】ガチで学びたい人のためのWEB開発徹底入門（フロントエンド編）-【Code Mafia】
入門編を終えた方、もしくは入門レベルの内容は既に学習済みの方にオススメのコースです。実際にWeb制作を行っているとよくぶつかってしまうエラー…。このコースではCSSとJavaScriptでよく起こる「表示が崩れる…」「何故かスタイルが適用されない…」「このソースを直したら別のところが壊れた…」などのエラーを防ぐための知識を多数収録しています。
盲目的に全てを暗記するのではなく、「なぜそのような動きになるのか？」「なぜそのように実装するのか？」等の要点を抑えながら学ぶことができます。
JavaScript(ES6) / Vue.js / TypeScript フロントエンド技術入門
| Hatoblogの評価 | ★★★★★ |
| コース時間 | 8時間 |
| 定価 | ¥24,000 |
| 講師 / コース作成者 | Taniguchi Makoto |
フロントエンド開発に欠かせない JavaScriptをキホンから。TypeScriptや Vue.jsもこれ一本で学習して頂けます。
JavaScript(ES6)/Vue.js/TypeScript フロントエンド技術入門 – Taniguchi Makoto
4月25日に追加されたばかりの、たにぐちまことさんによる最新コースです。情報の更新が早い現代Web業界での最新技術を取り入れたJavaScript、TypeScript、Vue.jsが網羅的に学べるコースとなっています。
4月24日発売の同氏の著書「これからはじめる人のJavaScript/Vue.jsの教科書」に近い内容を動画で分かりやすく説明しています。
各言語、フレームワークの基礎を学んだ後は、読み込みが早く、UIもアプリ風に作りやすい今どきの手法「SPA（シングルページアプリケーション）」を作りながら実践を行っていきます。
TypeScript、Vue.jsを学びながら今のWeb制作を学習したい方には、特にオススメです。
初めてでもできるWordPressで作る人気の出るホームページ作成
| Hatoblogの評価 | ★★★★☆ |
| コース時間 | 5時間 |
| 定価 | ¥16,200 |
| 講師 / コース作成者 | 石川 博之 |
未経験から企業や団体のホームページをWordPress（ワードプレス）で構築しよう
初めてでもできるWordPressで作る人気の出るホームページ作成 – 石川 博之
駆け出しでも現実的なWebサイト制作案件である、WordPressについて解説しているコースです。WordPress案件はシンプルなページ構成や機能であれば開発がそれほど難しくなく、簡単に「ユーザーが自分で更新できるサイト（ブログ機能含む）」を作ることが出来ます。
このコースでは、WordPressでの開発方法を始め、WordPressならではのセキュリティ対策やつまずくポイントの解決等、独学では身につけづらい内容もコースに取り入れています。
WordPressは独自の記法や文化も多いので、特に初心者の方はこのコースや本などで理解してから開発に取り組むことをオススメします。
Git入門： ノンプログラマーのための Git
| Hatoblogの評価 | ★★★★★ |
| コース時間 | 6時間 |
| 定価 | ¥9,600 |
| 講師 / コース作成者 | Taniguchi Makoto |
Gitの基本やメリットの他、無償で使える GitKrakenを利用した Git操作を実際の操作を通じて学びます。GitHubと連携したリモートリポジトリーの活用方法や、GitHub Flowなどの運用ルールも学び、Gitをマスターできます
Git入門： ノンプログラマーのための Git – Taniguchi Makoto
今やWeb開発環境では必須級のスキルとなった Git / GitHub について分かりやすく学べるコースです。ノンプログラマーのためのGitというタイトルですが、もちろんプログラマーでも内容にズレはなく、ノンプログラマーでも始められるくらい、初歩の内容から触れている内容となっています。
GitHubにはステージング、コミット、プッシュ、プルリクエスト等の用語が多数出てきますが、このコースではそれぞれの意味や使い方を本当に丁寧に解説されているので、ちょっと不安だという方もご安心ください。
Git / GitHubは使えると本当に便利（というより必須）なので、入門を終えたら学習してみるといいと思います。必ず役に立ちます。
Web制作・プログラミング 本格編
PHP+MySQL（MariaDB） Webサーバーサイドプログラミング入門
| Hatoblogの評価 | ★★★★★ |
| コース時間 | 11.5時間 |
| 定価 | ¥24,000 |
| 講師 / コース作成者 | Taniguchi Makoto |
本格的なWebシステム開発に欠かせない、サーバーサイドプログラミングをPHP+MySQLで学ぼう。
PHP+MySQL（MariaDB） Webサーバーサイドプログラミング入門 – Taniguchi Makoto
Web開発バックエンドの選択肢の一つ、PHP、MySQL入門コースです。たにぐちまことさんは「よくわかるPHPの教科書 【PHP7対応版】」という書籍も出しており、それは僕Web業界に入るきっかけとなった本でした。その方が出されているコースですので、内容は折り紙付きです（画像を見てもらうと分かる通り、ベストセラーのコースとなっています）。
PHP、MySQLの環境構築から基礎の学習と進み、Twitter風一言掲示板を作ってみるまでの流れの中で、必要なスキルを一通り学習できる内容となっています。
PHPはこの後紹介するRubyと同じようなことが出来ますので、バックエンドを学びたい方はまずはどちらか気になる方を学習してみましょう。
はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう
| Hatoblogの評価 | ★★★★☆ |
| コース時間 | 9時間 |
| 定価 | ¥16,800 |
| 講師 / コース作成者 | 中村祐太 （Yuta Nakamura）, Proglus（プログラス） プログラミング教室 |
汎用性が高くPythonやPHPと同様に人気のある Ruby を使ってWebアプリ作成に挑戦しよう。基礎からAWSでの開発環境構築、Herokuを使ってWebアプリをインターネット上で公開するまでを体系的に学べる
はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう – 中村祐太
PHPと同じくバックエンドのプログラムであるRubyと、その中でも特に人気のフレームワークであるRuby on Railsを基礎から学べるコースです。
Rubyは日本人の方が開発した人気の言語で、登場以来そのシェアを伸ばしてきています。このコースでは、そんなRubyの基礎からアプリを作って公開するまでを学ぶ事ができ、その際にAmazonのクラウドサービスAWSについても触れることが出来ます。
RubyはPHPに比べて比較的若い人に人気がありますので、これからバックエンドを学びたいという方はぜひ購入をオススメします。
Web制作・プログラミング その他編
AWS：ゼロから実践するAmazon Web Services。手を動かしながらインフラの基礎を習得
| Hatoblogの評価 | ★★★★☆ |
| コース時間 | 11時間 |
| 定価 | ¥10,800 |
| 講師 / コース作成者 | 山浦 清透 |
インフラがあまり詳しくない方ももう大丈夫。実際にやってみることで、AWSのエッセンスが身に付き、自分でネットワークやサーバーを構築できるようになります。
AWS：ゼロから実践するAmazon Web Services。手を動かしながらインフラの基礎を習得 – 山浦 清透
今最も熱いインフラサービスの一つであるAWSを学べるコースです。AWSはクラウド上でサーバーやDBを構築し、使った分だけ料金が発生するという従量課金制のサービスです。Windows Azureと並んで非常に人気の高いクラウドインフラサービスであり、この分野のスキルを持っていればかなり強い武器になります。
このコースでは実際に手を動かしながら、サーバー構築やSSH接続など一通りの操作を学習していきます。ブログシステムを作りながら必要な要素を学んでいくため、初心者でもそれぞれが何の意味を持つのかを理解しながら覚える事ができます。
AWSは企業の募集要項にもよく入っており、使えるととても重宝されるため覚えておいて損はないスキルです。
まとめ
Web制作・Webプログラミングについてのおすすめコースをご紹介してきましたが、いかがでしたでしょうか。
プログラミングスクール並の内容を家にいながら学ぶことができ、オフラインにダウンロードしたりスキマ時間に学習したりと、ユーザーの環境に合わせて便利に使えるように考えられているので、今も利用者はどんどん増え続けています。
Udemyは今回紹介したようなプログラミングのコースだけでなく、プレゼンや経理などのコースも多く投稿されている、人生をより豊かにする知識が詰まったサイトです。
あなたが興味あるものについてのコースも投稿されているかも知れません。ぜひ一度覗いてみることをオススメします。
また、WebデザインやAI・機械学習などに関するコースを下記記事にてまとめていますので、そちらに興味がある方は是非ご覧ください！
【初心者向け】UdemyのWebデザインおすすめコースまとめ【保存版】
Webデザイン、UI / UXに関係するUdemyのおすすめコースをまとめました。Webデザイン全般にまつわるものからAdobeのソフトウェアの使い方まで、様々なコースを紹介しています。コースは随時更新していきます。
【初心者向け】UdemyのAI・機械学習・データサイエンスまとめ【保存版】
この記事では、Pythonを学びたい方やAI・機械学習のスキルを身に付けたい方に向けて、おすすめのUdemyコースをご紹介しています。また、WindowsやWebアプリの作成やExcelの自動化などのコースも紹介しています。