モダンJavaScript #1～#5 | ネットビジネス情報動画倉庫

【モダンJavaScript #1】新章開幕！最も独学が難しい分野を徹底解説していきます！【フロントエンドエンジニア講座】

📙 もくじ
0:00 モダンJavaScriptにReactやVueが入れていない理由
1:27 プログラミングはHowよりWhyが大事
4:11 流れ① JavaScriptの歴史
4:39 流れ② モジュールを学ぶ
5:22 流れ③ npmを学ぶ
6:05 流れ④ JavaScriptはコンパイル言語に変化！？
6:47 流れ⑤ ビルドを学ぶ
7:21 流れ⑥ タスクランナーを学ぶ
7:56 流れ⑦ リアルDOMから仮想DOMへ
8:28 クロージング

【モダンJavaScript #2】歴史から学ぶJavaScript前編。ECMAScript、CommonJS、モジュール、名前空間を知ろう【フロントエンドエンジニア講座】

🙇‍♂️ お詫び（2020/06/08）
10分45秒からのマイクロソフトが2005年にAjaxを開発したのは誤りです。1999年にMicrosoftがAjaxの基本の技術であるXMLHttpRequestを、ActiveX オブジェクトとしてIE5に実装しており、2005年にJesse James GarrettによってAjaxという用語が作られました。Microsoftが2005年に作ったものではございません。誤解を招いてしまい申し訳ございませんでした。お詫びして訂正いたします。
下記文献を参考に訂正を書きました。下記文献も合わせて参考にしてください。
【Ajaxの歴史について】
・https://developer.mozilla.org/ja/docs…

・http://www.kogures.com/hitoshi/histor…

・https://auth0.com/blog/a-brief-histor…

・https://ja.wikipedia.org/wiki/XMLHttp…

【Ajaxの命名について】
・https://ja.wikipedia.org/wiki/Ajax

・https://web.archive.org/web/201902260…

今回のモダンJavaScript講座は歴史の授業です。JavaScriptやECMAScriptの誕生からCommonJSの成り立ちまで（1995〜2009年）の歴史を振り返ります。ところどころ面白い豆知識と面白くないボケを挟んでいます😇

📙 もくじ
0:00 JavaScriptの誕生
2:30 開発者の苦労とECMAScriptの誕生
3:38 「ES2015」と「ES6」どっちが正解？
4:26 ECMAScriptとは何か？
8:17 第一次ブラウザ戦争
9:55 JavaScriptへの失望から復権まで
11:46 jQueryの誕生
12:39 第二次ブラウザ戦争
14:46 ServerJSからCommonJSまで
16:10 モジュールとは
17:05 JavaScriptの問題点をストーリーで理解する
22:13 問題点の整理と解決策について
22:45 モジュールで名前空間の問題を解決
24:03 JSモジュールのスコープについて
24:41 ブラウザではモジュールが使えないという話
25:32 次回予告

【モダンJavaScript #3】歴史から学ぶJavaScript後編① Node.jsとパッケージ管理システムnpm【フロントエンドエンジニア講座】

📙 もくじ
0:00 前回のおさらい
1:10 今回伝えたいこと
2:35 学ぶべきもの、学ぶべきでないもの
3:27 Node.js の誕生
4:49 Node.js と CommonJS
6:54 パッケージとは
10:51 パッケージ管理システムとは
14:10 パッケージの依存関係の怖さ
17:01 npm の誕生
18:28 npm を実際に使ってみる
21:52 Node.js がどんどん盛り上がる話
23:13 次回予告

【モダンJavaScript #4】歴史から学ぶJavaScript後編② IIFE・AMDモジュールとブラウザ向けパッケージ管理システムBower 【フロントエンドエンジニア講座】

📙 もくじ
0:00 前回のおさらい
1:40 IIFE モジュール
3:54 AMD モジュール
7:02 パッケージ管理システム Bower
8:18 AMD 形式のマイナス面
9:53 Bower のマイナス面
11:45 次回予告

【モダンJavaScript #5】歴史から学ぶJavaScript完結編バンドル・コンパイルを知る。Browserify, webpack, Babel【フロントエンドエンジニア講座】

📙 もくじ
0:00 前回のおさらい
2:02 コードを事前に変換という考え方
3:52 Bundle（バンドル）
6:36 Browserify
10:02 webpack
13:24 webpack vs Browserify
14:59 ES Modules
19:02 webpackがモジュールバンドラーで1強に
22:14 Compile（コンパイル）
24:06 Babel
26:46 React, Vue, TypeScript
28:51 パラダイムシフトを理解しよう
29:40 JavaScriptで覚えるべきもの
31:37 JavaScriptの歴史について