みなさんはプログラミング学習をするとき、どんな教材を使っていますか?
きっと、書籍やkindleなどの電子書籍を購入して学習している人が多いと思います。
でも、書籍って画像と文章で説明されていているからどう操作しているのかが分かり辛い!ってときがありますよね?
そこでお勧めしたいのがオンライン動画学習サービスのUdemy(ユーデミー)です。
動画であればどんな感じで操作しているのかが一目瞭然で繰り返し視聴できるので、書籍よりもとても分かりやすいです!
市販の書籍やネットでは得られない知識が学べます!
目次
- Udemy(ユーデミー)とは?
- ちゃんと学ぶ、HTML/CSS + JavaScript
- ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!
- 【最新2022】未経験からHTML、CSS をマスターして、WEBデザイナー・エンジニアを目指す 最高の実践コース
- HTML5&CSS3+JavaScript 講座【初級レベル】コーディングに自信のない方や独学者の復習に最適です。
- はじめてのJavaScriptプログラミング入門【2022年最新版】
- 【2023年最新】【JavaScript&CSS】ガチで学びたい人のためのWEB開発実践入門(フロントエンド編)
- 超JavaScript 完全パック 2023
- JavaScriptで学ぶWebアプリ開発の必須知識〜Node.js・Web API・Ajax・async/await〜
- はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 – 導入からアプリケーション開発まで体系的に学ぶ
- 【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ
- はじめてのNuxt3入門
- モダンJavaScriptの基礎から始める挫折しないためのReact入門
- Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
Udemy(ユーデミー)とは?
Udemy(ユーデミー)とは、米国法人Udemy, Inc.によって運営されている、世界で2,400万人が利用するオンライン動画学習プラットフォームです。
日本では、進研ゼミで有名なベネッセが業務提携をしサービスを展開しています。
ドットインストールやProgateに比べるとレベルの高い教材が多く、より実践的な内容が多いです。
あらゆる端末で視聴可能
Udemyの動画講座はあらゆる端末で視聴できます。
- 💻パソコン(PC)
- 📱タブレット
- 📱スマートフォン
これらすべてOKです!
オフライン環境でも動画が見れる!
Udemyは動画のダウンロード機能があるので、事前に端末に動画をダウンロードしておくことで、ネット環境がない場所やギガ不足の場合でも安心して動画を見ることが出来ます!
30日間返金保証!
なんと、Udemyでは教材を購入してから30日以内の場合は返金可能です!
Udemyでは、納得のいく受講体験をお届けするために、条件を満たすすべてのコースを30日以内に返金できるようにしています。コースに満足いただけない場合は、その理由を問わず、返金ポリシーのガイドラインに従って返金を申請できます。
コースの返金方法
ここからはUdemyでオススメのHTML、CSSのコースを紹介します!
ちゃんと学ぶ、HTML/CSS + JavaScript
- Javaプログラミングの独学に挫折してしまった方
- アプリ制作等でHTMLと CSSおよび、JavaScriptの知識が必要な方
- HTML/CSSがわかるようになる
- Ajax通信が理解できるようになる
- Bootstrapでページデザインを効率的に行えるようになる
環境 | Windows / Mac対応、VSCode |
学習時間 | 9時間 |
評価 | 4.4 (10,914件の評価)53,418人の受講生 |
このコースは53,418人の方が購入しています!以下、受講者からの声を抜粋します。
わかりやすく、学び得るものがたくさんあったから。一度htmlを習得していたつもりだったが、復習のために見た。ひとつひとつのタグのルールや一般的なお作法など説明してもらえたので復習の教材としても学ぶことがたくさんあった。
私はほとんど知らないところからこれを受けたので、分かりやすくよかったと思います。ところどころ理解が進みにくいところは多めに時間割いてくれていました。この先生のPHPの講習も受けていますが、そちらもよいです。
ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!
- 実務未経験からITエンジニアに転職したい方
- 自分でウェブサービスを開発して公開したい方
- 駆け出しのウェブエンジニアでスキルアップしたい方
- ウェブアプリを構築できるようになって仕事の幅を広げたいWebデザイナー、マーケター
- HTML5、CSS3(Flexbox、グリッドレイアウトを含む)を使ってウェブサイトのコーディングができるようになる。
- Bootstrapを使ってレスポンシブ対応のウェブサイトのコーディングができるようになる。
- Git / GitHubを使ったソースコードのバージョン管理ができるようになる。
- RubyとRuby on Railsを使ってウェブアプリケーションが構築できるようになる。
- AWS Cloud9を使ったクラウド統合開発環境を設定して利用できるようになる。
- MySQLを使ってデータベースの設定と操作が行えるようになる。
- Git / GitHubを使ったソースコードのバージョン管理ができるようになる。
環境 | Windows / Mac対応、VSCode |
学習時間 | 25時間 |
評価 | 4.4 (6,487件の評価)38,143人の受講生 |
このコースは38,143人の方が購入しています!以下、受講者からの声を抜粋します。
入門編の基本内容問題を自力で解くときに振り返りながら今後の使用者にとって視野を広げたり、自分になかった新しい物を発見したり、他の人の解き方を見て自分になかった物を気づくことが出来ます。基本問題を終えた後の演習内容として大いに役に立ちます。自分が知らなかったことや出来ないことを見つけることが出来ました。お問合せのユーザーフォーム作成が私にとって印象深かったと今でもそう思っています。ありがとうございました。
完全な初心者なので分からない事だらけなのですが、分からないと思った事も簡単に言うとと説明して下さるので、そういう事か!と理解をしながら進む事ができます。不明なまま進んでいく事がないので、安心して学習に励めます。
【最新2022】未経験からHTML、CSS をマスターして、WEBデザイナー・エンジニアを目指す 最高の実践コース
このコースは、NEC、SONY、トヨタ、三菱商事など多くの日本のトップ企業に採用されている実績のある講座です!
- 知識ゼロからWEBデザイナーを目指す方
- HTML、CSSの学習で挫折した方
- 独学でWEBサイト開発をマスターしたい方
- HTMLとCSSを基礎から確実に学びたい方
- WEBサイト開発を我流ではなく正しく体系的に学び直したい方
- 最新のCSS Gridを理解しWEBサイト制作に活かしたい方
- モバイルデバイスにも対応したResponsiv WEBページを制作するスキルを身に付けたい方
- 手を動かして実践的な制作演習で達成感と自信を持てるコース学習をしたい方
- CSS Gridのスキルが身につく
- レスポンシブWEBであらゆるデバイス機器に対応するレスポンシブページを作る力が身につく
- きちんと基礎から体系的に学び直すことができる
環境 | Windows / Mac対応 |
学習時間 | 17.5時間 |
評価 | 4.3 (1,446件の評価)9,026人の受講生 |
このコースは9,026人の方が購入しています!以下、受講者からの声を抜粋します。
本コースの受講前にHTML・CSSの基礎的な知識を勉強してから閲覧した方が内容が理解しやすいと思う。細かいところまで丁寧に解説してくれているため他のHTML・CSSのコースを受講した人でも非常に価値のあるコースだと感じた。特にグリッドレイアウトは説明がわかりやすく他のコースに比べ良い点だと思った。
CSSを重点的に、とても丁寧に教えてくれます。この先生は初学者がどこでつまずくかをよく分かっていて、置いてけぼりにされることはまず無いと思います。人柄の良さも感じられ、飽きずに、諦めずに完走できました。先生の他のコースも受けてみる予定です。
HTML5&CSS3+JavaScript 講座【初級レベル】コーディングに自信のない方や独学者の復習に最適です。
- HTMLやCSSを使ってWEB制作はできるが、基礎知識があいまいで自信がない方
- WEBページの作成は試みたことがあるけれど、途中で挫折してしまった方
- HTML5の基本仕様を短時間で学習・復習したい方
- HTML4以前の仕様しか理解していないため、最新のHTML仕様を学習したい方
- CSS3の基本仕様を短時間で学習・復習したい方
- JavaScriptについての基礎を学習したい方
- WEBデザインはできるけれど、HTMLやCSSのコーディングはできない(自信のない)方
- プログラミングは苦手だけれど、既存のソースをカスタマイズし、JavaScriptで動きのあるWEBページを作成したい方
- WEBページにスライダー(カルーセル)を設置したい方
- WEBページにドロワーメニュー(スマホメニュー)を設置したい方
- HTML5の基本を短時間で総合的に学習できる
- CSS3の基本を短時間で総合的に学習できる
- どのようなブラウザでも、なるべく同じように表示させられるテクニックを学べる
環境 | Windows / Mac対応 |
学習時間 | 4.5時間 |
評価 | 3.8 (263件の評価)1,709人の受講生 |
このコースは1,709人の方が購入しています!以下、受講者からの声を抜粋します。
QAの仕方の事前了承事項、Udemyの動画の視聴の仕方、字幕の精度の制限、おすすめの受講手順など受講者に誤解を与えないよう本当によく考慮されている。
字幕が正確でないなどを理由に低評価を付ける方がいますが、フェアではないように思います。
プロのナレーターによる説明も秀逸でクセがなく聴き取りやすい。この講座をシリーズで受講していますが、毎回安心して受講できます。
今回の講座では、とりわけSwiper/Drawerが個人的には良かったです。ググればわかることでも、基本事項をステップバイステップで動画で説明してくれるところが助かりました。こういった手順で、導入・カスタマイズしていけばよいのか~、と非常に参考になりました。
今回も多くを学ばせていただきました。ありがとうございました!
基本的な部分を押えている。
レンタルサーバー云々の部分は、特に必要ないのではないかと思った。
jQueryを出していたが、もうちょっと説明があってもよかったのかと感じた。
JavaScriptのスライダーとドロワーメニューの部分は例としてはよかった。
ここからはJavaScriptに特化したコースの紹介です!
はじめてのJavaScriptプログラミング入門【2022年最新版】
- JavaScriptを初めて学習する方
- JavaScriptに興味があるが、最初のとっかかりが分からない方
- jQueryを使わない素のJavaScriptプログラミングを学習したい方
- JavaScriptを扱う必要に迫られた駆け出しのWebエンジニアの方
- 社内でプログラマーと会話ができるようになりたいWebディレクター
- 簡単なプログラムであれば自分でJavaScriptを書けるようになりたいWebデザイナーの方
- なんとなくJavaScriptを書いているが1から勉強したい駆け出しのプログラマーの方
- 開発ベンダーとJavaScriptについて会話が出来るようになりたいSEの方
- Web関連の仕事をしている非エンジニアの方にもおすすめです
- JavaScriptの基礎的なプログラミング技術が身につく
- JavaScriptを使って動的なWebアプリ開発ができる
- JavaScriptのイベントとイベントハンドラを使ったプログラミングができる
- SNSでよく見かける文字数カウンターを制作する
- jQueryを使わない素のJavaScriptでプログラミングができる
- JavaScriptを使ったDOM操作のプログラミングができる
環境 | Windows / Mac対応 |
学習時間 | 6時間 |
評価 | 4.4 (1004件の評価)6,645人の受講生 |
このコースは6,645人の方が購入しています!以下、受講者からの声を抜粋します。
現実に使用する例題を進めながらの部分がかなりわかりやすいと感じました。
他の教材ではコードの説明ばかりで何に使うかがイメージできず理解が難しかったので大変学習に役立ちました。
4.5点の理由はたまに説明がない部分があったと感じたからです。
ただ、教材の充実度とボリュームからしたらそれぐらい自分で検索すればいいと思えるレベルかと思います。
もしかしたら自分が理解できてなく、勘違いだとしたらすみません。
【2023年最新】【JavaScript&CSS】ガチで学びたい人のためのWEB開発実践入門(フロントエンド編)
- ドットインストールでCSS、JavaScriptの入門編を終えたレベルの方
- 他の先生のフロントエンドの入門編を終えたレベルの方
- 自分で本格的なWEBサイトを作ってみたい方
- CSS、JavaScriptの実践的な基礎を効率的に学びたい方
- CSS、JavaScriptを今後仕事で使う予定の方
- CSS、JavaScriptのコードの整理方法について学びたい方
- CSS、JavaScriptのアニメーションを学びたい方
- CSS、JavaScriptのレベルアップしたいWeb開発初級者の方
- CSS、JavaScriptでどのようにすればレベルアップできるのか悩んでいる方
- 本格的なWEBサイトを作成する方法について学べます
- Sass(※以下CSSと記載)、JavaScriptの基礎について深く学べます
環境 | Windows / Mac対応 |
学習時間 | 24.5時間 |
評価 | 4.4 (6,470件の評価)40,163人の受講生 |
このコースは40,163人の方が購入しています!以下、受講者からの声を抜粋します。
今までは本による独学で、記載されている内容が理解できない場合はそこでストップしてしまい、読み進めるのがなかなか難しい状況でした。今回は、説明を聞きながら自分でコードを入力し、試しながら進められるので大変有意義な環境で学習する事が出来ました。次が楽しみです。
HTML、CSSに関しては一通り学んだつもりでしたが、レクチャーを通して新しく知ることや、ちゃんと理解できてなかった部分も勉強することができました。
Javascriptは難しい内容でしたが、レッスンで作ったパーツを使って実際にサイトを作ることで、具体的な使用方法をイメージすることが出来ました。
動画を見ながらの作業ではありますが、最後には素敵なサイトが完成して達成感がすごいです。
これくらいのクオリティのサイトを自分の力で作れるように頑張っていきたいです!
超JavaScript 完全パック 2023
このコースはこれ1本でJavaScriptで必要な知識が全て手に入る、JavaScript完全パックです!
- 未経験でプログラミングを始めてみたい方
- PythonやRubyのような他の言語を使っていて、JavaScriptにも挑戦したいエンジニア
- AngularやReactやVueのようなJavaScriptフレームワークを使っていて、改めてJavaScriptの知識を深めたいフロントエンドエンジニア
- Nodejsを使っていて、改めてJavaScriptの知識を深めたいバックエンドエンジニア
- JavaScriptの基礎から、ドキュメントの読み方、メモリなどの内部構造やプロトタイプなどの応用的な知識が身につく
- ブラウザ上でのDOM操作やイベントの利用、HTTP通信、ストレージなどのWeb APIsの機能。Nodejsやnpmの使い方が身につく
- Promise、モジュール、クラス、標準ビルトインオブジェクト、this、メタプログラミング、などの詳細なJavaScriptの仕組みが身につく
- JavaScriptの歴史、仕様書の仕組み、デバッグの方法、ガベージコレクション、クロージャ、正規表現、イベントループ、CORS、クッキー、CommonJSが身につく
環境 | Windows / Mac対応 |
学習時間 | 43時間 |
評価 | 4.5 (639件の評価)5,622人の受講生 |
このコースは5,622人の方が購入しています!以下、受講者からの声を抜粋します。
これでもか!というくらい詳しく解説されています。
おかげでJavaScriptに対する苦手意識が少し払拭された気がします。
話し方もハキハキとされているのでやる気が出ます。
冗長だという意見もありますが、必要だと思うレクチャーのみを取捨選択して受講すれば良いかと思います。
めちゃくちゃわかりやすいのでまだ自分に必要のない所まで見てしまってたけど、さすがに集中力も切れてくるので今自分が知りたいところを先に見てます。
わかりやすく説明して頂いてて、更に知識の深さにも「凄いな~」って感じてます(^^)
このような動画を作ってくださりありがとうございます♪
JavaScriptで学ぶWebアプリ開発の必須知識〜Node.js・Web API・Ajax・async/await〜
JavaScriptで非同期処理について学びたい方はこのコース一択です!
- Web アプリをなんとなく作れるようになったが、コードの 1 つ 1 つが何をしているのかよく分からないという方
- フロントエンドとサーバサイドのコードが、どう繋がって動いているのかよく分からないという方
- Web アプリを開発していて「非同期処理・(Web) API・Ajax」といった言葉を耳にするが、何のことかよく分からず困っている方
- JavaScript での async/await を使った非同期処理の実装方法が身につく
- Web API を使った Web アプリケーションの仕組みと実装方法が身につく
- 同一オリジンポリシーと CORS の仕組みがわかるようになる
環境 | Windows / Mac対応 |
学習時間 | 4.5時間 |
評価 | 4.4 (70件の評価)763人の受講生 |
このコースは763人の方が購入しています!以下、受講者からの声を抜粋します。
分かりやすい。
レベル感的にも今必要としている知識にドンピシャだった。
事前にHTMLやJavaScriptやコマンドプロンプトの知識が必要だと思う。
まさに「こういうコースが欲しかった!」というコースだった。
WEBアプリの全体感、仕組みの本質的な内容が、端的かつシンプルな実装で表現されており、とても分かりやすく勉強になった。
受講して良かった。おすすめ。
JavaScript でサーバサイドまで作り込んでいく講座です。コードを変更するたびに動きを確認しながら、少しずつ機能を拡充していく進め方がペアプログラミングのようで楽しく取り組めます。
学習用として簡易的な Web サーバやセッション管理機能を自作するため、普段利用しているサーバプログラムの仕組みについても理解が深まりました。
同一オリジンポリシーなどセキュリティに関する解説もあります。Web 上にはセキュリティへの配慮を欠いた技術記事もあることに警鐘を鳴らされていて、良心的な内容をありがたく感じました。
ここからはVue.jsの紹介です!
はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 – 導入からアプリケーション開発まで体系的に学ぶ
- Vue JSは気になっているけどまだ試していない
- jQueryからステップアップしたいWebエンジニア
- HTML/CSS/JavaScriptの基礎知識はある
- 他の教材で学習をはじめたが挫折した
- Vue JSを使うメリットがわかるようになります
- Vue JSの基本的な使い方を速習パートにより短時間で理解できるようになります
- Vue JSの詳細な機能についても理解できるようになります
- プログラミング関連記事検索APIを用いたリアルタイムサーチ開発を通して、実践的な開発ができるようになります
環境 | Windows / Mac対応 |
学習時間 | 5時間 |
評価 | 4.4 (2,987件の評価)15,706人の受講生 |
このコースは15,706人の方が購入しています!以下、受講者からの声を抜粋します。
Vue.jsはレンダリングがミソになると私は理解しているのですが、非常にわかりやすい説明で、これからの業務において為になるコースでした。
ありがとうございました。
Vue.jsは初めてだったのですが、ほとんど躓くことなく最後まで一気に受講することが出来ました。自分のレベルに合っていたのが良かったのだと思います。また、講師の先生が用意してくれたレクチャーも演習を交えて楽しく進めることが出来ました。ステップアップの動画があれば、もっと学習を進めてみたいです。
【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ
- プログラミングに少しでも興味がある方
- ホームページにVueJsも含めたいと思っている方
- 本やWebで勉強したけれどいまいち身につかないと感じている方
- モダンなフロントエンドに触れたい方
- VueJsを基礎から身につく
- ディレクティブ・オプションAPI・リアクティブの使い方が身につく
- VueCLIやVueRouterを使ったモダン開発の方法が身につく
- CompositionAPIの扱い方が身につく
環境 | Windows / Mac対応 |
学習時間 | 16時間 |
評価 | 4.2 (685件の評価)5,162人の受講生 |
このコースは5,162人の方が購入しています!以下、受講者からの声を抜粋します。
Vueについて一連の流れが良く理解できました。
また新しく出たVue3とVue2について非常にコンパクトで分かり易い説明だったかと思います。今度はFirebaseとの連携でアプリ開発等の講座があると実践的なものが出来て良いかなと感じました。宜しくお願い致します。
vue.js初心者にもまずはCDNで諸々の技術を学習、その後Vue CLIでより実践的に学べるのは良かった。
HTMLやJavaScriptについてはある程度知っている前提のところもあるので、そこも初心者の人は随時不明点は自分でWeb検索しながらが良いと思われる。
はじめてのNuxt3入門
Vue.jsがある程度理解できるようになったら、Vue.jsのフレームワークであるNuxt.jsを学ぼう!
- VueJSの基本を習得済み
- NuxtJSを使ったアプリケーション開発を学びたい方
- 近代JavaScriptを学びつつフレームワークやライブラリも習得したい人
- モダンフロントエンドも知っておきたいサーバーサイドエンジニア
- NuxtJSとVue Routerの関係性が分かる
- NuxtJSとVuexによる状態管理が理解できるようになる
- NuxtJSとAxiosを使った非同期通信の開発方法が身につく
環境 | Windows / Mac対応 |
学習時間 | 16時間 |
評価 | 4.4 (1020件の評価)6,771人の受講生 |
このコースは6,771人の方が購入しています!以下、受講者からの声を抜粋します。
Nuxt,Vuexの初学者です。
個人的に基礎を洗ってくださったので大変ありがたかったです。
また、新規プロジェクト作成の補足等も親切かと思いました。
購入の決め手として初学者向けというのもありますが
作成者様のこのコースの更新頻度もありました。
おかげさまでエラー等なくスムーズに行えました。
ありがとうございました。
今後ともVue,Vuex,Nuxtのコースをお願いしたいです。
特にここからさらに発展したアプリ作成(例:Trello等のクローンアプリなど)をお願いしたいです。
nuxtの構造がなんとなくわかる。
結構対象者は絞られるかも。
・jsある程度わかる
・vue.jsコースは触っている
・でも一人で公式ドキュメントから試すのは辛い
内容もとてもわかりやすく、挫折しにくいと思います。
もうちょい込み入ったロジックをどこに書けばよいのか、など少し知りたかったです。
ここからはReactの紹介です!
モダンJavaScriptの基礎から始める挫折しないためのReact入門
- Reactを習得したい人
- Reactの学習を1度挫折した人
- 近代JavaScriptを学びつつフレームワークやライブラリも習得したい人
- モダンフロントエンドも知っておきたいサーバーサイドエンジニア
- 最新のReact(Hooks)を使用したアプリ作成が出来るようになる
- プレーンなJavaScriptを使用したアプリ作成が出来るようになる
環境 | Windows / Mac対応 |
学習時間 | 16時間 |
評価 | 4.6 (4,769件の評価)20,286人の受講生 |
このコースは20,286人の方が購入しています!以下、受講者からの声を抜粋します。
感動を大事にするという点に好印象が持てました。ただ単に手順をなぞるだけのチュートリアルは多々ありますが、やはりエンジニアとして実際に手を動かして、その結果「動いた」の瞬間に得ることができる感動が学びの原動力になるのだと思います。こちらの講座はそれをきちんと踏まえて流れを組み立てていて素晴らしいと思いました。
JavaScriptとReactで同じTodoアプリを作って書き方の違いを比較できる構成で良かったです。
仮想DOMやSPAなどの説明が深すぎず、浅くもない絶妙な加減で楽しく学習できました。
何回か見返せるくらい一つ一つのレクチャーがちょうどいい時間だと思います
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
- React力を全体的にあげたいReact入門者
- TypeScript × Reactのテクニックが身につく
- 再レンダリング最適化の方法が身につく
- 実践的な画面遷移(React Router)の方法が身につく
- カスタムフックの使い方が身につく
- グローバルなstate管理が身につく
環境 | Windows / Mac対応 |
学習時間 | 8時間 |
評価 | 4.7 (2,159件の評価)12,678人の受講生 |
このコースは12,678人の方が購入しています!以下、受講者からの声を抜粋します。
以前の基礎講座を終え、連続でこの講座を行いました。難しい部分は復習しなければいけないですが、とても有益だと思いました。また最後にChakraUI を使う実践のセクションではフロントエンドの面白さをすごく感じました。ここまでサクサク綺麗なデザインで作ることができるのは驚きです!ありがとうございました。
今まで様々なサイトや書籍で勉強してきましたが、それらの繋がりや使い方がなかなか理解できませんでしたが、このコースを受講することで個別の知識が結びつき、一気に理解が進みました。他の方のレビューと同様ですが、やってみて個別のことは少しわかってきたが、行き詰まっているという方にお勧めしたいです。