chevron_left

React.js実践入門
PREMIUM
第1回

React.js実践入門 -最新のJavaScriptについて知ろう・開発環境を整えよう-

2016年12月17日 60min
React.js実践入門 -最新のJavaScriptについて知ろう・開発環境を整えよう- play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 80

授業の概要

React.jsは、Facebook製のUI構築用のJavascriptライブラリです。
第1回は、あえてReact.jsには触れずに、前回の入門編では触れられなかった
 「最新のJavaScript文法」と「最近の開発環境事情」について解説します。

JavaScriptは、モダンなブラウザ、Node.jsにおいて実装がほぼ完了している『ES2015』や、将来実装されるかもしれない『ES2016』『ES2017』を用いてコードを書くことが標準的になってきます。この授業では、その背景や、新しいシンタックス、関連するツールなどについて解説します。また、昨今のWebフロントエンドの開発環境についても解説します。

こんな人にオススメ

最近のWebフロントエンドに追いつけていない人

担当の先生／パーソナリティ

チャプター

play_arrow
環境について
00:32
play_arrow
もくじ
00:26
play_arrow
モダンな開発環境について
00:18
play_arrow
【先生からの質問】前回の授業（React.js入門）を 受講した人はどれくらい居ますか？
03:51
play_arrow
使うツールの紹介
00:10
play_arrow
Babel
05:43
play_arrow
webpack
06:56
play_arrow
npm scripts
06:52
play_arrow
create-react-app
03:04
play_arrow
モダンな JavaScriptについて
00:18
play_arrow
【先生からの質問】ES2015でコードを書いているぞ という人は？
02:45
play_arrow
なぜReact.jsなのに ES2015やるのか？
00:41
play_arrow
ECMAScriptとは？
00:42
play_arrow
ECMAScriptのバージョン
01:24
play_arrow
ES2015の紹介
00:16
play_arrow
const/let
01:59
play_arrow
変数のスコープ
00:12
play_arrow
varは使わないようにしよう
00:13
play_arrow
letとconstの使い分け
00:29
play_arrow
Template literal
00:50
play_arrow
アロー関数
01:54
play_arrow
Computed properties
00:38
play_arrow
Shorthand properties
00:57
play_arrow
分割代入（Destructuring assignment）
01:16
play_arrow
関数のデフォルト引数
00:20
play_arrow
他にも色々
02:23
play_arrow
まとめ
02:20
play_arrow
Q.npm install --save-dev eslint やってもeslint で実行できない。PATHにnode_modules/.binが追加されていないような・・・
01:17
play_arrow
Q.初期のJSとES2015とは、言語として全く変わってしまっていますか？
01:32
play_arrow
Q.ｊQueryからreactにだんだん移行していきますでしょうか？
01:20
play_arrow
Q.CoffeeScriptやTypeScriptは役払いですか？文法は違うしクラス化等で役割が違う気がしますが・・・
01:14
play_arrow
Q.AngularやBackboneはオワコンですか？
01:33
play_arrow
お知らせ