WebデザインやWebアプリケーションについて学ぶとき、10年前の主流は「書籍で学ぶ」か「スクールに通うか」のどちらかだったでしょう。しかし今では、空き時間にスマホがあれば簡単に学ぶことができます

65,000以上のさまざまなジャンルのオンラインコースを無料から受講できる「Udemy」というプラットフォームがあります。。Udemyを使うことで、空き時間を有効活用しながらスキルアップを目指すことができます。

今回は、講座の中から、Webデザイン・Webアプリケーションを学びたい方のためのUdemyオススメ講座9選をご紹介していきます。初心者から中級者・上級者まで、さまざまな講座が用意されています。自分の難易度に合わせたぴったりの講座を見つけてみましょう。

Udemyとは?

u.png

Udemyは、2010年にアメリカでスタートした、動画などを活用して学習を行うことができる、オンデマンド学習プラットフォームです。

オンライン学習型のプラットフォームとしてiTunes UgaccoのようなMOOC(ムーク)と呼ばれる形式が有名ですが、MOOCは大学などの教育機関が授業をオンラインで開放し、誰でも受けられるようにしたものです。一方、UdemyはMOOCとは違って、誰でも生徒になれるだけでなく、誰でも先生になれる点でユニークです。もちろん、各分野の専門家によるスキルベースのコースが多数揃っています。

日本では、2015年に教育大手のベネッセホールディングスが米Udemy社と包括的業務提携契約を行い、運営を一任されています。

d.png

一度購入したコンテンツは何度でも視聴可能で、30日間返金保証も行われています。コース内のすべてのカリキュラムをすべて修了すると「修了証明書」が発行され、ダウンロードや印刷も可能です。

Webデザイン・Webアプリケーションを学びたい方のためのUdemyオススメ講座9選

1. 初心者向けHTML基礎講座

1.png

初心者向けHTML基礎講座は、WebサイトやWebアプリケーションを作成したい方が、ゼロから知識とスキルを身につけていくための講座です。

Web開発にはHTMLの知識が欠かせませんが、HTMLを全く知らない方でもゼロから理解できるようになっています。

初心者向けのため、できるだけ難解な単語を使わないように配慮されています。そもそもHTMLとは何なのか、どういう仕組みで動いているのかも分かりやすく説明されています。

さらにこちらの講座は無料で受講することができるので、Udemyを初めて受講する方にもオススメです。

2. 実例でわかるJavaScript初心者講座

2.png

実例でわかる JavaScript 初心者講座は、HTMLを学習したあとに、JavaScriptを使って簡単なWebアプリケーションを作成することができるようになる講座です。

HTMLのようなマークアップと異なり、JavaScriptでは「変数」や「関数」といったプログラミングに特有の概念も登場しますが、それらも丁寧に解説されています。1本の動画の時間も短く、リズミカルに学習することができるでしょう。

講座では最新のHTML5の機能もふんだんに盛り込まれており、講座を受講することで、「税込計算アプリ」や「メモアプリ」、「ストップウォッチ」や「字典アプリ」などを作ることができます。いくつかの授業はプレビューできます。

3. スマホで楽しむデジタルイラスト基礎講座

3.png

スマホで楽しむデジタルイラスト基礎講座は、iPhoneやAndroidで、無料で多機能なペイントアプリ「メディバン」を使って、デジタルイラストの描き方を学習することができる講座です。イラスト未経験者でも気軽に絵を描くことができるようになります。

インターネット上には「絵の描き方」についての情報はたくさんありますが、このような情報は文字を読むよりも動画で学んだほうが早いものです。この講座では、タッチペンの選び方から操作方法まで、初心者の方が迷わないようにさまざまな工夫が凝らされています。

イラストを描くのに興味はあるけれど、どうすればいいのかわからない、という方にはまさにぴったりの講座です。スマートフォンさえあればひとまず始められるので、LINEスタンプを作りたい、自分で絵を描いてみたい方にオススメです。

4. 初心者向けjQuery講座

4.png

初心者向けjQuery基礎講座は、HTMLCSS・JavaScriptを学んだ経験のある方が、JavaScriptで行うよりもはるかに効率的なjQueryを使ってスムーズにさまざまな機能やデザインを実装できるようになるための講座です。

jQueryは、JavaScriptをより扱いやすくした「ライブラリ」としてパッケージングしたもので、JavaScriptで書くと冗長になる記述をほんの数行で済ませてしまうことが可能になります。また、jQueryを使ったプラグインも多数用意されているので、jQueryを学ぶことでWeb技術に関するより豊かな表現を実装することが可能になります。

各種ライブラリの中でもjQueryは初心者にも優しく、講座も無料で公開されているので、さらにステップアップしたいWebデザイン中級者の方にも適しています。

5. はじめてのJavaScriptプログラミング講座

5.png

はじめてのJavaScriptプログラミング入門講座は、jQueryに頼ることなく、UX/UIに優れた動的なWebアプリケーションを作成することを目的とした初心者〜中級者向けの講座です。新しいJavaScriptの標準規格であるES2015(ES6)の概要も理解できます。

制作現場の中には、jQueryを使わず、素のJavaScriptを使ってプログラミングを行うケースも多いです。初心者に向けた講座のため、Web関連の仕事をしている非エンジニアの方にもオススメです。

6. レスポンシブ・スマートフォンサイト制作講座

6.png

レスポンシブ・スマートフォンサイト制作講座は、ある程度Web制作ができるようになった方が、スマートフォンやタブレットにも対応したレスポンシブなサイトを制作するための講座です。

いまやトラフィックの4分の3がモバイルからのアクセスだと言われていますが、レスポンシブ対応していないとモバイルユーザーの使い心地は悪くなってしまいます。この講座では授業の後にチャレンジ課題をこなしていくので、実践的にレスポンシブ対応のWebサイトを制作することができます。

メディアクエリ、Viewpointといったレスポンシブサイトの必須用語も詳しく解説されており、カラムをウィンドウサイズに合わせて可変するようにもできます。また、jQueryを用いてハンバーガーメニューを実装する講義も用意されています。

7. フロントエンドエンジニアになりたい人のWebプログラミング入門

7.png

フロントエンドエンジニアになりたい人の Webプログラミング入門は、HTMLCSS・JavaScriptの知識を一気に学びつつ、AjaxやVue.jsに代表されるJavaScript関連の技術まで学習できる、やや踏み込んだ内容の講座です。

この講座を習得することで、簡単なWebページなら自分の力で組み上げることができるようになります。講師はWebに関する初心者の入門書も書いているので、丁寧で分かりやすいと評判です。

8. Node.js + Express で作るWebアプリケーション実践講座

8.png

Node.js + Express で作る Webアプリケーション 実践講座は、中級者がNode.jsやExpressを使ったWebアプリケーションを構築できるようになる講座です。最終セクションでは、「簡易ブログアプリケーション」を作成していきます。

この講座では、Node.jsやnpm、タスクランナーなど、JavaScriptを取り巻く話題の技術を着実に学ぶことができます。重要な技術的使用や活用例もしっかりと説明されており、全体像を確認しながら着実に理解を深めることができるでしょう。

9. 最短で学ぶReactとReduxの基礎から実践まで

9.png

最短で学ぶReactとReduxの基礎から実践までは、近年急速にJavaScript開発のスタンダードとなりつつあるReact.jsとReduxをゼロからコードを書きながら学んでいく、中級者向けの講座です。HTMLCSS・JavaScriptの基本に加えて、基本的なUNIXコマンドが理解できるのが講座の必須条件となっています。

この講座では、Reactを使った実践的なWebアプリケーションとして、Googleマップを使った緯度経度検索サービス・ホテル検索サービスなどを作成していきます。講師の方のレベルも高いので、包括的な知識を学ぶことができるでしょう。

まとめ

Udemyは自分のペースで学ぶことができ、わからない箇所は講師に質問もできる動画学習サービスです。

また、自分の得意分野があれば、Udemyで講師になることもできます。

Webに関する技術を学ぶ際には、書籍やスクールなどさまざまな選択肢がありますが、時間がない方は、通勤時間なども上手に使って動画で学習してみてはいかがでしょうか。