Skip to content
UdemyJavascriptPaid courseBeginner levelCertificate

【世界で4万人が受講】JavaScriptエンジニアのためのES6完全ガイド (Udemy.com)

述べ78万人の受講生を抱えるStephen Grider氏による大人気コースの完全日本語版。JSのメソッドのforEach、map、reduce、ES6で新しく登場した関数のデフォルト値やクラス、改善されたオブジェクトリテラルについて学ぶ。

Created by: Ken Fukuyama

Last updated April 2021

icon
What you will learn

  • ES6の新機能をどういうときに使うべきかわかるようになる
  • ES6の主要な機能についての理解
  • generatorが使えるようになる
  • 分割代入(destructuring)を他のエンジニアにも教えられるほどの理解
  • forループを使わずに実装ができるスキルの習得

icon
Course Description

このコースはStephen Grider氏による大人気コース「ES6 JavaScript: The Complete Developer's Guide」の完全日本語版となります。

モダンなWebのライブラリやフレームワークを扱う上でES6(ES2015)のスキルは必須になってきたと言っても過言ではありません。そして、エンジニア市場においてもES6のスキルへの要求は高まってきています。

このコースではES6の機能を一つ一つ体系的に学び、「どういうときに」、「どうやって」使うべきなのかということを丁寧に解説、そして演習で実践していきます。

まずは配列の便利メソッドである「forEach」、「map」や「reduce」を学びます。次にES6で新しく登場した関数のデフォルト値やクラス、また、改善されたオブジェクトリテラルなどについて学んでいきます。すべてのトピックでコードを実行しながら実際の動きをその場で確認しますし、演習問題を通して実際にコーディングも行っていきながら理解を深めていきます。

JavaScript、あるいはES6をこれから始めたいと思っているエンジニアや、今までなんとなく使っていたけど「いまいち何がなんだかわかっていない」という方にこのコースはぴったりです!ES6のスキルを身につけるためには、「なぜ」この機能が言語仕様に追加されたのかという理由も含めて学習していくことをおすすめします。このコースではその「なぜ」も含めて学ぶことができます。

  • なぜES6の話をするとBabelが出てくるのか

  • なぜ従来のforループをやめて「map」や「reduce」を使うようにするのか

  • なぜ最近のフレームワークでは「...」を使った変数みたいなものがあるのか

  • なぜES6のコードはやたらと省略しているように見えるのか

  • なぜgeneratorというものが登場したのか。配列ではだめなのか

このコースではこれらの疑問にも応えていきます。「なぜ」をすっきりさせながらES6への理解を深めていきましょう!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Ken Fukuyama

 私はアメリカで生まれ、10歳のときに日本に来ました。幼いころからパソコンに興味はあったものの、英語教師を目指していた為大学では外国語を専攻して、イギリス文学を勉強しながら教員免許を取得しました。しかし、大学を卒業するころにはプログラミングに興味をもち、文理問わず新入社員を受け入れてくれる会社に就職しました。本格的にプログラミングを始めたのは24歳からです。

 10年以上業務WEBアプリケーションをC#/Go/PHP/TypeScript(JavaScript)で作成してきて、フロントエンドからバックエンドまで様々なロールを経験しています。また、プログラミング言語に限らずCI/CDやIaC(Infrastructure as Code)も実践していて、AWSなどクラウドサービスに関しても経験してきています。

 元々教師を目指していたというのもありますが、私は他者に何かを教えることが大好きです!わからないことがある人を助けたいという思いも強いです。日々、どうしたらわかりやすく物事を伝えることができるか、ということを考えながら、より良いコンテンツを提供できるよう精進しています。

icon
More JavaScript courses

Free

Free

Free

Free

$24.99

Free

icon
Reviews

4.5

1,142 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By 本間 涼太 on 6/26/2022

ES6でよく使用するメソッドを使用できる程度に学べます。 内容が浅めなところな分初心者には学びやすいですが、経験者には物足りなさも感じてしまうかと思います。 講義時間も短いので、動かせれば良いといった方にはお勧めできるかと思います。

By 染谷亮介 on 1/11/2021

ES6記法の要点が簡潔にまとまっていてよかったです。このレクチャーを通して学んだことをベースにより理解を深めていけると思います。 また、ある程度Javascriptの基本がわかっていることが前提なので、簡単な入門書を読んだ後などに取り組むのが良いと思います。

By baru baru on 10/17/2020

ES6以前のコードをリファクタリングしながら進めて行くので実際のリファクタリングで活用できる点と演習で実際にコーディングするので学習効果はありそうだと感じた。 音声、動画も聞き取りやすく見やすかった。 演習問題の解説があると良いのと、どうしても各キャプチャーが短いので説明不足と感じる部分も感じられた。

By 山崎洋明 on 10/1/2020

適宜演習があり、回答の成否判断もあるのはよい。 テンプレートリテラルの演習問題回答がNG判定されたが、エラーを見る限りブラウザ~サーバ間の文字化けが原因と思われ、受講者にはどうしようもないものだったので対処されたい。 講師が"false"を「ファルス」と読むのは気になる。影響力の強そうな講座でおかしな読み方を広げないでほしい。

By sh00072021 渡邉 弘志 on 5/16/2020

求められる前提知識は必要ではありますが javascriptがこれほどに柔軟な表現力を持っていたのか。ということ再発見することができました。 ユースケースを交えた説明は非常に丁寧で「別にES5でもよくない?」という 心の声にも漏れなく拾い上げていただきES6最高!な気持ちになりました。

By けけ on 5/5/2020

私は学生で現場の雰囲気とかもちろん存じ上げないので、タイトル通りES6完全ガイドなのかは分かりませんが、私のような初心者は、基本的な文法を学んだあとこちらの講座を受けてみても良いのではないかと思います。 私自身、購入してよかったと思いました。Generatorはかなりとっつきにくいため、何度も見返して理解できるようになりたいです。 ありがとうございました。

By 菩薩峠 on 11/27/2019

大変分かりやすくES6の主要な機能に関して理解出来ます。 これから初めてjsを学ぶ人よりかは経験者向けだと思います。 というのも、ES6以前のやり方を知っててこそES6の有用性が身に沁みる為、理解が促進される所があるからです。 内容自体も、js及びプログラミングの基礎を理解していた方がよい部分もありますので、初級者~中級者向けでしょうか。

By Y u on 11/6/2019

ruby on rails でアプリ少し作成しているものですが、最近のjsを触っていると書き方などrubyと似ているけど当然違うのでモヤモヤしていたのですが、それが解決され個人的にはめちゃくちゃ良かったです。 事前にdotinstallの詳細JavaScript系のレッスンは一通りうけていたのですが、図を交えた説明や演習がありより理解が深まり定着したと思います。

By N Yuki on 6/9/2019

説明自体は分かりやすい方だと思いますが動画で学んでることが 何のために使われるかの説明がないために (ユースケースは紹介してくれているが実際のプロダクト作成で具体的にどう使うのか?という意味で) モチベーションを維持して学習するのが 多くの人にとっては少し難しいのでは?と思いこの評価にしました。

By Y S on 1/12/2019

駆け出しのフロントエンジニアにとって、丁寧に説明していただき頭の中を整理することができました。なんとなく使っていた部分もはっきりと目的を明確にできた気がします。知らなかったことを知るキッカケにはとてもいい講座だと思いました。ありがとうございました。

Showing all 10 reviews on CourseDuck

Read all 1,142 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100