LIVE
ON AIR

21:00 - 22:00

リアルタイム課題解決-電通総研Bチームと行う公開ブレスト- #3 生放送中

React.js入門 -1回目-

この授業では、Webのフロントエンド開発では定番になりつつあるReact.jsの基礎を5回に渡って学びます。
React.jsが日本で注目されるようになってから約3年が経ち、実践でReact.jsを使うサービスもかなり増えてきました。一方で、Webのフロントエンドは流行の移り変わりが早く、また開発環境も複雑化しており、React.jsを触ってみたいけどなかなか手を出せないという方も多いのでは無いでしょうか?

React.jsとは何か?、その特徴と多くのエンジニアに支持されている背景から、実際に簡単なWebアプリを作成できるところまで、なるべくシンプルに学んでいきます。

 

React.js入門 -1回目-
2016年8月28日公開
01:00:00
  • 自己紹介
  • 00:34
  • 事前準備
  • 00:47
  • 質問:React.jsについてどのくらい知っていますか?
  • 02:15
  • 授業のゴール・対象者
  • 01:01
  • 授業の流れ
  • 00:27
  • React.jsとは?
  • 02:00
  • サンプルコードを見てみよう
  • 00:48
  • Hello Worldを出してみよう
  • 04:25
  • 独自のタグを利用しよう
  • 04:21
  • 入力した内容を反映させよう
  • 08:21
  • React.jsの特徴
  • 04:06
  • JSXとは?
  • 02:54
  • JSXへの変換方法
  • 02:44
  • JSXの文法
  • 06:46
  • まとめ
  • 00:44
  • Q.jQueryとReact.jsとを混ぜて使うことは可能でしょうか?
  • 01:08
  • Q.他の言語ではなく、Reactが利用される理由は何故でしょうか?何か優位性があるのでしょうか?
  • 01:24
  • Q.小コンポーネントにhoge={fuga:
  • 00:47
  • Q.React.jsがプログラマーに大変有益なことはもちろんだと思いますが、 フリーで小規模サイト制作をしている程度のwebデザイナーを目指す場合は、 jQuery、バニラJSをbabelで使うなどの選択肢もあり迷います。 それくらいであれば、難しいReactではなく上記二つでも十分でしょうか? もちろんプロのプログラマーはアプリ制作までできるReact必須ということは、間違いないと思いますが。
  • 01:39
  • Q.マークアップが分断されて可読性が良くないですね... マークアップコーダーには敷居が高くないですか? 現場では随分ワークフローが変わりそうですが、どういう風に分業してますか?
  • 01:49
  • Q.angularとReactの比較を聞きたいです
  • 01:21
  • Q.React.jsと組み合わせるJSのライブラリはどのようなものがあるのでしょうか?
  • 01:13
  • Q.React使ってるwebアプリ?とかサイトとかの事例があれば見てみたい
  • 01:43
  • Q.contoroller側をangular、view側をreact…なんてことも可能なのでしょうか?
  • 01:16
  • Q.授業に関係ないですが(
  • 00:39
  • お知らせ
開く
React.js入門 -2回目-
2016年8月28日公開
01:00:00
  • 自己紹介
  • 00:31
  • 事前準備
  • 00:35
  • 今日の流れ
  • 00:38
  • コンポーネントとは?
  • 00:10
  • 質問:どれがコンポーネントでしょうか?
  • 05:28
  • コンポーネントの 作り方
  • 04:12
  • 簡単なコンポーネントは ステートレス関数コンポーネントで書こう
  • 01:41
  • その他はReact.Componentで書こう
  • 01:36
  • propsとstate
  • 00:15
  • propsとは
  • 04:41
  • stateとは
  • 10:02
  • ライフサイクルAPI
  • 07:02
  • shouldComponentUpdateとは
  • 04:30
  • まとめ
  • 01:07
  • Q.Visual Stdio CodeのExtensionをJSXで検索したところ、5つ出てきました。どれをインストールすれば良いかご存知の方いらっしゃいませんか?
  • 02:45
  • Q.スライドショーは、パララックスなどjQuery、バニラJSのプラグインは山ほどありますが、 React.jsは新しいのでこれからたくさん出てくると思いますが、現状フリーのWEBデザイナーが、 実務で困らないくらいの、プラグインは既にありますでしょうか? ないしは難しいReactがわかれば上記二つのソースコードは十分理解できるので、それらのプラグインを使えば、 問題ないと考えられるでしょうか?
  • 01:47
  • Q.reactと組み合わせるmvc的なフレームワークで、おすすめがあれば教えて下さい!
  • 01:25
  • Q.入社1年目のJS未経験(PHP経験はあるがオブジェクト指向はあやしい)の新人君に、いきなりReact(JSX)はありでしょうか?
  • 01:05
  • Q.個人的には、altJSが乱立している現状では、やはり技術のベースとなるJSのをしっかり学んでおくほうが良いし、 いきなりはやっぱりつらいような気がしますが、先生のお考えをお聞かせいだだければと思います。
  • 02:25
  • Q.この授業でついていけてない人は、そんな人はどういう順番で勉強していけばよいですか?
  • 02:47
  • お知らせ
開く
こんな人にオススメ
フロントエンドエンジニア(初級)

React.jsが気になっていたがきっかけがなく、まだ手を出せていないエンジニア

スライド資料
担当の先生
受講生代表
  • 田原 彩香

    田原 彩香

    スクー放送部

  • 徳田 葵

    徳田 葵

    スクー放送部

受けたいランキング
新着の生放送授業
関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×