おためし受講中

React.js入門 -1回目-

この授業では、Webのフロントエンド開発では定番になりつつあるReact.jsにの基礎を5回に渡って学びます。

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

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

第1回は、React.jsとは何か?、その特徴と支持されている背景について学び、React.jsでHello, Worldを作成していきます。

■授業のアジェンダ(予定)
- 事前準備
- React.jsとは?
- なぜReact.jsか?
- Hello, World
- JSX

学生代表

  • 田原 彩香

    田原 彩香

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    00:34  (01:04 ~ )
    事前準備
    00:47  (01:38 ~ )
    質問:React.jsについてどのくらい知っていますか?
    02:15  (02:25 ~ )
    授業のゴール・対象者
    01:01  (04:40 ~ )
    授業の流れ
    00:27  (05:41 ~ )
    React.jsとは?
    02:00  (06:08 ~ )
    サンプルコードを見てみよう
    00:48  (08:08 ~ )
    Hello Worldを出してみよう
    04:25  (08:56 ~ )
    独自のタグを利用しよう
    04:21  (13:21 ~ )
    入力した内容を反映させよう
    08:21  (17:42 ~ )
    React.jsの特徴
    04:06  (26:03 ~ )
    JSXとは?
    02:54  (30:09 ~ )
    JSXへの変換方法
    02:44  (33:03 ~ )
    JSXの文法
    06:46  (35:47 ~ )
    まとめ
    00:44  (42:33 ~ )
    【後半】質疑応答
    Q.jQueryとReact.jsとを混ぜて使うことは可能でしょうか?
    01:08  (43:45 ~ )
    Q.他の言語ではなく、Reactが利用される理由は何故でしょうか?何か優位性があるのでしょうか?
    01:24  (44:53 ~ )
    Q.小コンポーネントにhoge={fuga:
    00:47  (46:17 ~ )
    Q.React.jsがプログラマーに大変有益なことはもちろんだと思いますが、 フリーで小規模サイト制作をしている程度のwebデザイナーを目指す場合は、 jQuery、バニラJSをbabelで使うなどの選択肢もあり迷います。 それくらいであれば、難しいReactではなく上記二つでも十分でしょうか? もちろんプロのプログラマーはアプリ制作までできるReact必須ということは、間違いないと思いますが。
    01:39  (47:04 ~ )
    Q.マークアップが分断されて可読性が良くないですね... マークアップコーダーには敷居が高くないですか? 現場では随分ワークフローが変わりそうですが、どういう風に分業してますか?
    01:49  (48:43 ~ )
    Q.angularとReactの比較を聞きたいです
    01:21  (50:32 ~ )
    Q.React.jsと組み合わせるJSのライブラリはどのようなものがあるのでしょうか?
    01:13  (51:53 ~ )
    Q.React使ってるwebアプリ?とかサイトとかの事例があれば見てみたい
    01:43  (53:06 ~ )
    Q.contoroller側をangular、view側をreact…なんてことも可能なのでしょうか?
    01:16  (54:49 ~ )
    Q.授業に関係ないですが(
    00:39  (56:05 ~ )
    お知らせ
      (56:44 ~ )