お知らせ ビープラウド、機械学習・データ分析の問題をオンライン学習サービスPyQにて提供開始

このエントリーをはてなブックマークに追加

4月

14

2時間で学ぶ React ハンズオン in Osaka Vol.2

主催 : SUPER-HACKATHON / Lebe Inc.

募集内容

初級者

無料

先着順
64/40

中級者以上

無料

先着順
7/10

イベントの説明

概要

2016年の秋にも実施した「2時間で学ぶ React ハンズオン」の第二弾を実施いたします。

ReactはFacebookとInstagramで作られた、UIを作るためのJavaScriptライブラリです。複雑な構造データをシンプルにUIへ反映することや、再利用可能なコンポーネントを作るために開発されています。

JSX構文と呼ばれる、JavaScriptとHTMLを組み合わせた独自の書式でコンポーネントを作成し、複数のコンポーネントを組み合わせていくことでWebアプリケーションを構築していきます。

Reactは FacebookMessengerやInstagramなどで、ネイティブアプリと同等のUIを実現するために使われています。


補欠参加の方へ。参加者の方が当日お越しにならない場合があるため、必ず空席があります。補欠であっても、気にせずにご来場ください。


・本ハンズオンは個々のスキル向上を目的とて、無償にて実施しております。ハンズオン内容の転売や、ビジネスを目的とされる方のご参加はお断りしております。何卒ご了承ください。


対象者

初級者と中級者以上両方が楽しめるハンズオンにします

このハンズオンはjQueryを使ったことがあるデザイナーから、モダンなJavaScript開発を仕事に取り入れてみたいと考えているエンジニアを対象にしています。また前回の参加者を考慮し、初級者と中級者以上の両方が楽しめる教材を開発する予定です。

準備するもの

  • Node.js(v4以降)がインストールされたPC(Windows/Mac/Linux)をご準備下さい。
  • インストール方法がわからないという方は当日スタッフにお声かけ下さい。
  • お気に入りのエディタ(Sublime Text、Atomなど)

ハンズオンの流れ

ハンズオンスタート後、課題を一緒に開発していきます。 課題は初心者向け(Lv1)、中級者向け(Lv2)の2パターンを用意します。中級者以上はLv1を飛ばしてご参加ください。

  1. Reactを含めたJavaScript開発環境の背景解説
  2. Reactの解説と開発環境構築
  3. Hello React 初めてのReactコンポーネントを作成します。
  4. 課題解説(Lv1)ハンズオンで作成する課題について解説します。
  5. Lv1開始
  6. 課題解説(Lv2)Lv2の課題について解説します
  7. (Lv1が完了した人)Lv2開始

物足り無い人向けの追加課題も用意します。

課題Lv1 Reactコンポーネントの作成

課題内容は前回からアップデートします。詳細は後日公開します。

【この課題で学ぶ事】

  • Reactコンポーネントの作り方
  • データの受け渡し方法
  • jQueryとの作り方の違い

課題Lv2 SPA開発

課題内容は前回からアップデートします。詳細は後日公開します。 Fluxなどの実践的な知識についても解説する予定です。

【この課題で学ぶ事】

  • Reactらしい設計手法
  • Reactでのデータの取り扱い
  • 実践的な内容への導入

参加費

無料 [学生大歓迎!]


定員

30名

50名

(初級者の参加者多数のため、増員しました。3/18)


当日の流れ

開場18:30,19:00スタート

後日公開します。


講師

  • 河野 純也 (Lebe Inc. フロントエンドエンジニア)
  • 宮澤 了祐 (Lebe Inc. CTO)
  • 藤井 正明 (Lebe Inc. 代表)

主催

  • SUPER-HACKATHON / Lebe Inc.

協力・共催


ハンズオンについて

初学者にはReactのようなフレームワークを学習する上でハードルとなる、最初の一歩目をクリアするためのハンズオンです。中級者以上には、独学でJavaScriptフレームワークを利用している方にとって、再学習する機会として実施します。ぜひ気軽に参加いただけると嬉しく思います。

発表者

河野 純也 (Lebe Inc. フロントエンドエンジニア) 河野 純也 (Lebe Inc. フロントエンドエンジニア) 宮澤 了祐 (Lebe Inc. CTO) 宮澤 了祐 (Lebe Inc. CTO) 藤井 正明 (Lebe Inc. 代表) 藤井 正明 (Lebe Inc. 代表)

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

Masaaki Fujii

Masaaki Fujii さんが 2時間で学ぶ React ハンズオン in Osaka Vol.2 を公開しました。

2017/03/13 13:16

2時間で学ぶ React ハンズオン in Osaka Vol.2 を公開しました!

グループ

super-hackathon

イベント数 11回

メンバー数 298人

終了

2017/04/14(金)

19:00
21:00

募集期間
2017/03/13(月) 12:00 〜
2017/04/14(金) 12:00

会場

大阪イノベーションハブ

大阪府大阪市 北区大深町3番1号 グランフロント大阪 ナレッジキャピタルタワー C7階

大阪イノベーションハブ

管理者

参加者(47人)

Keisuke Maeda

Keisuke Maeda

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

Kmoriri

Kmoriri

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

oneunited

oneunited

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

YoshifumiNishimura

YoshifumiNishimura

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

ufoo_yuta

ufoo_yuta

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

GOUTEN

GOUTEN

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

ryunosukeHeaven

ryunosukeHeaven

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

take12

take12

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

Prog24

Prog24

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

kx250f

kx250f

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

参加者一覧(47人)

補欠者(24人)

Hiro Hamada

Hiro Hamada

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

yamakoh

yamakoh

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

RYM_A

RYM_A

2時間で学ぶ React ハンズオン in Osaka Vol.2に参加を申し込みました!

hojojon

hojojon

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

ssjm

ssjm

I joined 2時間で学ぶ React ハンズオン in Osaka Vol.2!

Hyman

Hyman

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

telltellbose0118

telltellbose0118

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

easting23

easting23

超初心者です。宜しくお願い致します。

mo102good

mo102good

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

辰巳 公規

辰巳 公規

2時間で学ぶ React ハンズオン in Osaka Vol.2 に参加を申し込みました!

補欠者一覧(24人)

キャンセルした人(18人)