Udemyで学べるWEBエンジニア向けおすすめ動画8選【初心者向け】

どうもWEBエンジニアのがむしゃらワーカーしゅう丸(@shumarukiti)です!

この記事は、

ホームページ制作やWEBアプリケーションを作ったりするWEBエンジニアに憧れてるけど、どうやって勉強すればいいんだろ?簡単に勉強する方法ないかな・・・。

といった方に向けた記事です。

結論ですがWEBエンジニアのなり方は簡単でして、必要なプログラミング言語を勉強するだけです。

Udemyという動画を何本か勉強すればだいたいの感覚は掴めるので、今回は初心者向けの動画を7本紹介させていただきます。

ちなみにこの記事を書いている僕は、未経験から4ヶ月ほど独学でプログラミングを勉強しまして、WEBエンジニアとして転職をすることができました。また勉強開始2ヶ月ほどでフリーランスとして月10万円ほど稼ぐことができましたので、WEBエンジニアとして転職、フリーランスになりたい方はぜひ最後まで読んでみてください。

Udemyとは?

Udemyはアメリカシリコンバレー発症の進研ゼミでおなじみの「ベネッセ」が運営するオンライン動画学習サイト。

現役で活躍するプロ講師が動画を制作しているので、Progateなどに比べると実践的なスキルを身に付けることができます。

登録は無料で講座はProgateのような月額制ではなく買い切り制なので欲しい動画を購入すればずっと勉強することができます。

また価格も1,000円〜3,000円のものが多いので本の教材を買うより安いですね。
※記事後半でお得にUdemyで動画を買う方法について説明しています。

WEBエンジニアに必要なプログラミング言語【Udemyで学ぶ】

WEBエンジニアとは、WEBサイト上で使用するWEBサイト、WEBアプリケーションを制作するお仕事です。

必要な言語は?

WEBエンジニアとしてフリーランス、転職するために必要な言語はざっとこんな感じ。

  1. HTML/CSS
  2. PHP
  3. JavaScript
  4. Ruby
  5. Python

ぶっちゃけプログラミング言語は100以上ありますが、主要な言語は上記の通りですが、HTML/CSSとその他の言語が1つでもできればOK。
それぞれのプログラミング言語には特徴があってできることは異なりますが、ホームページ制作が出来たり、WEBアプリケーションが作れたりしてどの言語をとってもWEBエンジニアになれちゃいます!

それぞれの言語で出来ることをざっと説明しておきます。

▼HTML/CSS

WEBページの”見た目”を制作するための言語です。

WEBエンジニアとしては必須のプログラミング言語で、この言語を学ぶだけでWEB制作(ホームページ制作)でも稼げます。
※厳密にはマークアップ言語と言いますが、細かいことは気にする必要なしです。

▼PHP/JavaScript

WEBページで動作をつくったり、WEBアプリケーションを作るためのプログラミング言語。

これらの言語を勉強することで、WEBエンジニアとしてフリーランス、転職するには十分なので、効率よく勉強できるおすすめ動画を紹介していきます。

▼Ruby

サーバーサイド言語です。Ruby on Railsとか聞いたこともある人もいますよね?アプリケーションを作ったりする言語ですが、国内のベンチャー企業などで使われていることが多くて転職するのに有利です。

▼Python

AIの領域です。ニュースで人工知能がどうのこうのと聞いたことがある人は多いかもですが、まさにそれでして機械学習言語です。これから伸びる分野なので興味のある方は勉強してみるといいかと思います。

Udemyで学べるWEBエンジニア向けおすすめ動画

ここからそれぞれのプログラミング言語に対する初心者でも理解できるおすすめ動画を紹介します!
※実際に僕が受講した動画なので、独断と偏見で紹介します。

おすすめの選び方は、

「HTML/CSS」系の動画とプラスアルファで動画を選ぶ感じがいいかと思います。例えばですが「HTML/CSS」と「PHP」、「HTML/CSS」と「Ruby」

といった感じです。

HTML/CSSー【世界で30万人が受講】フルスタック・Webエンジニア講座


学べる言語 HTML/CSS/Javascript/PHP
料金 ¥1,300
URL 【世界で30万人が受講】フルスタック・Webエンジニア講座
おすすめ出来る人 プログミラングに興味があるけど、ほとんど知識がなくとりあえずどんなものかしりたい人

WEBエンジニアになるには、まずそれぞれのプログラミング言語がどんなものか理解する必要がありますよね。

プログラミングに興味があるけど、それぞれの言語で何ができるか詳しく知りたいな〜

という人におすすめの動画です!

とはいえ初心者の方は、それぞれのプログラミング言語がどんな役割をするのかわかりませんよね?

この動画では、それぞれの言語がどのような役割で、どういったものなのかがわかる動画です。

またBootStrapなどのフレームワークにも触れているので、WEBエンジニアってこんなことやるのか!ってことがこの動画を見るだけで理解できます。

”WEBエンジニアに興味があるけど、プログラミング言語はほとんど勉強したことがない”という方におすすめの動画です。

HTML/CSSー実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう


学べる言語 HTML/CSS
料金 ¥1,300
URL 実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
おすすめ出来る人 基本的なHTML/CSSが身についていて、実際にWEB制作をしたことがない人

HTML/CSSでホームページ制作ができると言われても「そうなんだぁ〜。でもどうやってできるの?」と思いますよね。

この動画は、

HTML/CSSでホームページ制作ができるって聞いたけど、実際にどうやってできるんだろ?経験しないとわからないしな〜

という方におすすめです!

HTML/CSSはプログラミング言語の基礎なので、WEBエンジニアになるためには必須です。

この言語を学ぶのは実践が一番でして、実際に仕事を取るのもいいですがまだ自信がない方はこの動画でさくっと勉強しましょう!

”基礎的なHTML/CSSはなんとなく知っていて、実際にWEBサイト制作はしたことがない方”におすすめの動画です!

HTML/CSSーWordPress Theme Development with Bootstrap


学べる言語 HTML/CSS/Bootstrap(フレームワーク)
料金 ¥1,300
URL WordPress Theme Development with Bootstrap
おすすめ出来る人 WEB制作が出来て、Bootstrapを知らない人

HTML/CSSもある程度できるという方は、フレームワークBootstrapがおすすめ。

この動画は、

自分はHTML/CSSを極めてホームページ制作で稼ぐぞ!転職するぞ!

という方に必須の動画です!

この動画はBootstrapとWordPressスキルが身に付く超絶お得な内容です。

ちなみにBootstrapはあらかじめcssにclassがあてられていて、ほとんどcssをいじらずhtmlだけでWEB制作が出来る優れものです。詳しくは動画で確認してください。

またWordPressはホームページに必須のスキルなのですが、それもついでに学べちゃいますよ。

しっかり勉強してる人は少ないので、この機会に勉強してみると出来ることの幅が広くなるのでおすすめ。
動画は英語ですが、コードを追うだけでいいので問題なしです!

”HTML/CSSでWEBサイトをある程度制作できる方”におすすめの動画です!

PHPー【2日でできる】はじめての PHP 7 x Laravel 5.5 入門


学べる言語 PHP/Laravel(フレームワーク)
料金 ¥1,300
URL 【2日でできる】はじめての PHP 7 x Laravel 5.5 入門
おすすめ出来る人 PHP初心者

PHPはサーバーサイドのプログラミング言語です。

この動画は、

サーバーサイドのプログラミング言語の方が就職に有利らしいし、PHPは特に案件数が多いらしいから詳しく知りたいな

という方におすすめです。

HTML/CSSではWEB制作、動きがないものを制作できますが、PHPでは動的な動きのあるWEB制作が可能です。

ぶっちゃけ転職活動とかをしていると、PHPができるサーバーサイドエンジニアの需要はかなり高いので、転職を視野にいれている方は必須の言語です。

”PHPって聞いたことあるけど、全然わからないという方”におすすめの動画です。

PHPーPHP for Beginners – Become a PHP Master – CMS Project


学べる言語 PHP
料金 ¥1,300
URL PHP for Beginners – Become a PHP Master – CMS Project
おすすめ出来る人 PHPの基礎が身についていて、ステップアップしたい人

PHPの基礎がある程度できてる方は情報量の多い英語動画での勉強がおすすめです。

この動画は、

PHPで簡単な関数は理解できたけど、実際に何か作りたいけど自分では何をすればいいかわからないな…

という方におすすめです。

転職活動なんかをしているとポートフォリオが必要になるのですが、この動画では実践を通してPHPを学ぶことができてなのでこれを元に自分のプロダクトを作れば未経験から独学したというアピールにもなるかと思います。

”PHPの基礎はできているので、実践で試したいという方”におすすめです。

Javascriptー実例でわかる JavaScript 初心者講座


学べる言語 JavaScript
料金 ¥1,300
URL 実例でわかる JavaScript 初心者講座
おすすめ出来る人 JavaScript初心者

JavaScript初心者必見です!

この動画は、

JavaScriptって聞いたけど実際に何ができるの?PHPと何が違うの?

という方におすすめです。

PHPと同じで動的な部分を作るプログラミング言語です。
フリーランスでもJavaScriptを扱える人は少ないので、勉強することで付加価値がつけれて、出来ることの幅が広がるのでおすすめですよ。

この動画で学べることは、

  • JavaScriptの基本の習得
  • ブラウザ上で動くアプリケーションの作成
  • 変数、条件分岐、ループ処理、配列などのプログラミングの基本理解
  • 画像処理や音声、動画の再生

”JavaScriptは勉強したことないけどこれから勉強したい!と言う方”におすすめの動画です。

Rubyーよくわかる Ruby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう


学べる言語 Ruby/Ruby on Rails
料金 ¥1,320
URL よくわかる Ruby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう
おすすめ出来る人 Rubyに興味があるけど、RubyとRailsの違いもわからない人

Rubyはエンジニア界隈で今イケイケの言語なので、ベンチャー転職とかに有利ですよね。

この動画は、

Rubyに興味があるけど、RubyとRailsの違いもわからないし、理解しながら何ができるか知りたいな。

という方におすすめです。

間違いかもしれませんが、めちゃくちゃ簡単に言うとRubyとRailsの違いは、HTML/CSSとBootstrapみたいな関係です。

僕も未経験から転職活動をした経験があるのですが、Rubyができれば転職先の幅はかなり広がりますよ。ある会社では2年めで月収80万円の人がいたりして驚いたのを覚えています。

Pythonー【世界で5万人が受講】実践 Python データサイエンス


学べる言語 Python
料金 ¥1,320
URL 【世界で5万人が受講】実践 Python データサイエンス
おすすめ出来る人 人工知能に興味があってPythonを初めて見たい人

WEBエンジニアを目指す人はPythonエンジニアが穴場だったりします。

この動画は、

Pythonで何ができるの?機械学習ってなんなのか知りたいけど全くわからないな。

という方におすすめです。

実際に僕もこの動画を受講したのですが、ぶっちゃけPyhtonエンジニアを目指さなくても受講してよかったです。

というのもエクセルデータに自動でWEBサイトからデータを所得したり、Twitterで自動でいいねを押す機能をつけたりとかなり実践的で便利なことができるのがPythonだからです。しかも簡単に実装もできるのでおすすめ。

Pythonエンジニアは比較的少ないので、しっかり学べば転職市場での評価はかなり高いかと思います。

まとめ

UdemyでWEBエンジニアになるためのおすすめ動画を紹介しました!

またほとんどの動画が¥1,300でセールになっています、Udemyではセール価格になっていることが多いのでセール期間中に購入するのがおすすめです。

まずはWEB制作がおすすめ

プログラミングと聞くと難しく何をすれば良いのかわからないかもですが、まずWEB制作から始めれば良いかなと思います。

僕もはじめはWEB制作からはじめまして、目に見えてやってる感覚があるので楽しく学習できました。今ではPythonを勉強したりしているので、とりあえず入り口としておすすめです。

とはいえ他のプログラミング言語に興味がある方も多いかと思うので、HTML/CSS系の動画にプラスアルファで動画を受講するのがいいかと思います。

おすすめの動画は下記のとおりです。