【世界で4万人が受講】JavaScriptエンジニアのためのES6完全ガイド (Udemy.com)
述べ78万人の受講生を抱えるStephen Grider氏による大人気コースの完全日本語版。JSのメソッドのforEach、map、reduce、ES6で新しく登場した関数のデフォルト値やクラス、改善されたオブジェクトリテラルについて学ぶ。
Created by: Ken Fukuyama
Last updated April 2021
What you will learn
- ES6の新機能をどういうときに使うべきかわかるようになる
- ES6の主要な機能についての理解
- generatorが使えるようになる
- 分割代入(destructuring)を他のエンジニアにも教えられるほどの理解
- forループを使わずに実装ができるスキルの習得
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への理解を深めていきましょう!
Instructor Details
- 4.5 Rating
1,142 Reviews
Ken Fukuyama
私はアメリカで生まれ、10歳のときに日本に来ました。幼いころからパソコンに興味はあったものの、英語教師を目指していた為大学では外国語を専攻して、イギリス文学を勉強しながら教員免許を取得しました。しかし、大学を卒業するころにはプログラミングに興味をもち、文理問わず新入社員を受け入れてくれる会社に就職しました。本格的にプログラミングを始めたのは24歳からです。
10年以上業務WEBアプリケーションをC#/Go/PHP/TypeScript(JavaScript)で作成してきて、フロントエンドからバックエンドまで様々なロールを経験しています。また、プログラミング言語に限らずCI/CDやIaC(Infrastructure as Code)も実践していて、AWSなどクラウドサービスに関しても経験してきています。
元々教師を目指していたというのもありますが、私は他者に何かを教えることが大好きです!わからないことがある人を助けたいという思いも強いです。日々、どうしたらわかりやすく物事を伝えることができるか、ということを考えながら、より良いコンテンツを提供できるよう精進しています。
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
Reviews
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
駆け出しのフロントエンジニアにとって、丁寧に説明していただき頭の中を整理することができました。なんとなく使っていた部分もはっきりと目的を明確にできた気がします。知らなかったことを知るキッカケにはとてもいい講座だと思いました。ありがとうございました。
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100




